﻿/*# 1. General Styles #*/

.body-style .CenterColumnRepeatingItems {
	font-size: 13px;
	line-height: 16px;
}


::-moz-selection {
	background: #078;
	color: white;
	text-shadow: none;
}

::selection {
	background: #078 ;
	color: white;
	text-shadow: none;
}

.left {
	width: 325px;
	background-color: #e0eef1;
	float: left;
}

.main {
	padding: 0;
}

.center {
	width: 522px;
	float: left;
	background: none;
}

.right {
	width: 290px;
	float: left;
	background: none;
}

.right, .left, .center {
	margin: 10px;
	height: 100%;
}

/*# 1. General Styles/1.1 center styles #*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

.breadcrumbs {
	color: #078 important !;
	width: 100%;
	font-weight: bold;
	font-size: 10px;
}

/*.EmailLink
{
    padding-left: 265px;
}*/

.content .course_brief {
	/*background-color:#007788;*/
	background-color: #E0EEF1;
	width: 100%;
	height: 100%;
	/*	margin-top: 20px;*/
}

.content .course_brief h1 {
	font-size: 18px;
	color: white;
	/*font-family:'TradeGothicBoldTwo';*/
	/*padding:16px 30px 2px 30px;*/
	padding: 12px 30px 12px 30px;
}

.content .ProgrammesInsidePage .course_brief h1 {
	background: #078;
	text-transform: none;
	font-family: sans-serif;
}


.content .course_brief h4 {
	color: #078;
}

.content .course_brief ul {
	margin: 0;
}

.content table {
	width: 100% !important;
}


.content .enquiry-captcha table {
	width: auto !important;
}

.content .enquiry-captcha > div > label {
	display: none;
}

.content .enquiry-captcha td {
	padding: 0;
}


.center_courses h2 {
	background-color: #078;
	padding: 13px 0 7px 19px !important;
	color: #ffffff !important;
}


.content .course_brief h2 {
	font-size: 18px;
	color: white;
	font-family: 'TradeGothicMedium';
	text-transform: none;
	padding: 0px 30px 0 30px;
	line-height: 120%;
}

.center h3 {
	font-size: 14px;
	color: #007788;
	font-family: 'TradeGothicBoldTwo';
}


.email_print {
	width: 100%;
	height: 55px;
	border-bottom: 2px solid #007788;
	text-align: right;
}

.email_print img {
	padding-top: 30px;
	padding-left: 20px;
}

.PrintLink {
	background: url("/NorthTec/media/websiteImages/print_page.jpg") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	height: 29px;
	text-indent: -3000px;
	width: 90px;
	margin-top: 30px;
}

.PrintIconButton {
	height: 30px;
	width: 115px;
	float: right;
}

.center_text {
}

.RightColumn {
	padding-bottom: 5px;
}

.course_item_library ul li a {
	padding: 6px;
	border-bottom: 1px dotted white;
	/*float: left;
width: 90%;*/
	padding-left: 13px;
	background: url(/NorthTec/media/Images/teal_arrow.png) no-repeat left center;
	display: block;
}

.course_item_library ul {
	list-style: none;
	display: block;
	margin: 0;
	padding-left: 10px;
}

.course_item_library li {
	list-style: none;
}


.course_item_library ul li a:hover {
	background: url(/NorthTec/media/Images/black_arrow.png) no-repeat left center;
}


/*.secondary-content img{
width:100% !important;
}
*/



/*# 1. General Styles/1.2 Right side styles #*/
.feature_heading {
	color: #8C5;
	font-size: 10px;
	background-color: #078;
	margin-bottom: 5px;
	padding-left: 5px;
	text-shadow: 0px 0px 1px #000;
}


.PageSpecificClass-Campus-Chamber {
	display: none;
}

.StudentProfile {
	float: left;
}

.StudentProfile img {
	max-width: 290px;
}

.right img {
	margin-bottom: 20px;
}

.meet_students {
	background-color: #E0EEF1;
	width: 100%;
	padding: 0px 0px 23px 0px;
}

.meet_students h4 {
	color: #007788;
	font-size: 16px;
	/*font-family:'TradeGothicBoldTwo';*/
	padding: 0;
	margin: 0;
}

.RepeatingItems {
	width: 100%;
}

.new-right-image {
	margin-top: 2%;
	margin-bottom: 0%;
}


/*# 1. General Styles/1.3 left side styles #*/

.cf {
	clear: both;
}

.left_heading {
	/*height:60px;*/
	background-color: #007788;
	float: left;
	width: 100%;
	text-align: center;
}

.left_heading h1 {
	font-size: 16px;
	color: white;
	/*font-family:'TradeGothicMedium';*/
	padding: 0;
	margin: 0 auto;
}

.left_heading h1.LeftHeadingHeaderOneLine {
	padding-top: 5px;
}

.left_heading h1.LeftHeadingHeaderTwoLines {
	padding-top: 3px;
}

.left li {
	list-style: none;
}

.course_item {
	padding: 6px;
	border-bottom: 1px dotted white;
	float: left;
	width: 90%;
	background: url(/NorthTec/media/Images/teal_arrow.png) no-repeat left center;
	padding-left: 13px;
	margin-left: 10px;
}

.course_item:hover {
	background: url(/NorthTec/media/Images/black_arrow.png) no-repeat left center;
}

.course_item_body {
	padding: 0.5em;
	background: url(/NorthTec/media/Images/teal_arrow.png) no-repeat left center;
	padding-left: 1em;
	margin-left: 2em;
}


.enrol-banner-index {
	top: -22px;
}

.enrol-banner-index img {
	/*height:108px;*/
	height: 90px;
}

.resize {
	margin-top: 32px;
}






.bold {
	/*font-family: 'TradeGothicBoldTwo';*/
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

.padding20 {
	padding: 20px;
}

h4 {
	color: white;
	/*font-family: 'TradeGothicMedium';*/
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding-left: 20px;
	/*text-transform: uppercase;*/
}

.ListOfLinks {
	text-align: left;
	width: 95%;
	padding-left: 44px;
}

.main a:visited {
	color: #078;
}

.main a:hover {
	color: #000;
}

.main h2 {
	color: #078;
	/*font-family: 'TradeGothicMedium';*/
}

.main h2 {
	padding-left: 0px;
}

.content h1 {
	color: #078;
	/*font-family: 'TradeGothicMedium';*/
	font-size: 30px;
}

.content h1.background {
	color: white;
	background: #078;
	padding: 5px;
	margin: 0 auto;
}

.content h2 {
	color: #078;
	/*font-family: 'TradeGothicMedium';        */
	font-size: 20px;
}

.content h2.background {
	color: white;
	background: #078;
	padding: 3px;
	margin: 0 auto;
}

.content h3 {
	color: #078;
	/*font-family: 'TradeGothicMedium';        */
	font-size: 16px;
}

.content h3.background {
	color: white;
	background: #078;
	padding: 2px;
	margin: 0 auto;
}

.content h4 {
	color: #078;
	font-family: 'TradeGothicMedium';
	font-size: 14px;
	padding: 0px;
}

.content h4.background {
	color: white;
	background: #078;
	padding: 2px;
	margin: 0 auto;
}

.content h5 {
	color: #078;
	font-family: 'TradeGothicMedium';
	font-size: 14px;
}

.content h6 {
	color: #078;
	font-family: 'TradeGothicMedium';
	font-size: 11px;
	font-weight: normal;
}

/*# 1. General Styles/1.4 News listing transformation styles #*/


.News_Image {
	width: 160px;
	height: 100%;
	float: left;
	max-height: 150px;
	margin: 10px;
}

.News_listing {
	width: 535px;
	min-height: 140px;
}

.NewsDate {
	color: #666;
	margin-bottom: 1em;
}

.news_item {
	border-bottom: 1px dotted #078;
	padding-left: 0px;
}

.news_item h1 {
	line-height: 19px;
	font-size: 1.4em;
	margin-top: 9px;
}

.news_item h4 {
	margin-top: 1em;
}

.News-content h2 {
	margin-top: 0px;
}

.News-content {
	width: 360px;
	float: left;
	padding-left: 13px;
}

.News_Image img {
	border: 1px groove #626262;
}

.Readmore_link {
	color: #078;
	font-weight: bold;
	float: right;
	padding-right: 14px;
}

.News_Image_Inside img {
	padding-left: 5px;
	padding-bottom: 2px;
	margin-bottom: 1em;
}

.vacanciesImage img {
	float: right;
}

.news_image {
	/*width: 160px;
height: 105px;
float: left;*/
	width: 160px;
	height: 100%;
	float: left;
	margin: 10px 10px 10px 0;
}


.news_image h1 {
	line-height: 20px;
}


.news_image img {
	max-height: 150px;
	display: block;
	margin: 0 auto;
}

.profile_image {
	display: block;
	margin: 0 auto;
}

.read_more_teal {
	/*width: 75px;
margin-left: 180px;*/
	text-align: left;
	width: 100%;
}

.read_more_teal img {
	width: 9px;
	height: 13px;
	vertical-align: middle;
}

.read_more_teal a {
	vertical-align: top;
	padding-right: 3px;
}


.student_read_more_teal {
	width: 75px;
}

.student_read_more_teal img {
	width: 9px;
	height: 13px;
	vertical-align: top;
}

.student_read_more_teal a {
	vertical-align: top;
}

.FrontNewProfileContent {
	padding: 23px 0 0 20px;
}

.FrontNewProfileReadMore {
	text-align: left;
	padding-right: 11px;
	text-align: right;
}

.FrontNewProfileReadMore a {
	vertical-align: top;
}

.FrontNewProfileReadMore img {
	vertical-align: top;
}


.news-pager {
	text-align: center;
	margin: 1em 0;
	font-size: 16px;
}

.news-pager a {
	font-size: 1em;
}

/*# 1. General Styles/1.5 Other general Styles #*/


.HeadingStyle {
	font-weight: bold;
}

.ProgrammeSummaryImage {
	padding-right: 7px;
	padding-bottom: 7px;
}

h4.ProgrammeBackground {
	color: white;
	background: #078;
	padding: 5px 2px 2px 25px;
	margin: 0 auto;
}

h4.ProgrammeBackground a {
	color: white;
	font-size: 14px;
}

h4.ProgrammeBackground a:visited, h4.ProgrammeBackground a:hover {
	color: white;
}

.flex {
	height: 57px;
	position: relative;
	background: url(/NorthTec/media/websiteImages/flex.jpg);
	margin: 0 auto;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
	/*z-index:-12;       */
}

.flex .flex {
	background: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.flex-home {
	position: relative;
	background: url(/NorthTec/media/websiteImages/flex.jpg);
	padding-bottom: 4.7%;
}

.flex_home .centered {
	position: relative;
}

.enrol-banner-index {
	position: absolute;
	top: -22px;
	right: 0;
	/*z-index: 1001;*/
	z-index: 1;
}

.flex h1 {
	color: #FFFFFF;
	display: block;
	line-height: 2.2em;
	font-weight: normal;
}



.RightMenuImage-Health-and-Safety {
	display: none;
}

.secondary-content .Container-Certificate-in-General-Farm-Skills--Level-3--, .secondary-content .Container-National-Certificate-in-Farming-Skills--Work-Ready--Level-3, .secondary-content .Container-National-Certificate-in-Occupational-Health-and-Safety--Coordination---Level-4--, .secondary-content .Container-National-Certificate-in-Occupational-Health-and-Safety--Workplace-Safety---Level-3-- {
	display: none;
}

.secondary-content .Container-Certificate-in-General-Farm-Skills--Level-3--:first-child, .secondary-content .Container-National-Certificate-in-Farming-Skills--Work-Ready--Level-3:first-child, .secondary-content .Container-National-Certificate-in-Occupational-Health-and-Safety--Coordination---Level-4--:first-child, .secondary-content .Container-National-Certificate-in-Occupational-Health-and-Safety--Workplace-Safety---Level-3--:first-child {
	display: block;
}

.RightMenuImage-Contact-SafeTrades, .RightMenuImage-About-SafeTrades-North, .RightMenuImage-National-Certificate-in-Occupational-Health-and-Safety--Workplace-Safety---Level-3--, .RightMenuImage-National-Certificate-in-Occupational-Health-and-Safety--Coordination---Level-4-- {
	display: none;
}

.RightMenuImage-SafeTrades-North-FAQs, .RightMenuImage-Northern-Training-Alliance, .RightMenuImage-Health-and-Safety-Option-3, .RightMenuImage-Health-and-Safety-Option-2, .RightMenuImage-Health-and-Safety-Option-1 {
	display: none;
}

.RightMenuImage-SafeTrades-North-Photo-Gallery {
	display: none;
}

.RightMenuImage-SafeTrades-Resources {
	display: none;
}

.feature_heading Container-National-Certificate-in-Farming-Skills--Work-Ready--Level-3 {
	display: none;
}

.feature_heading Container-National-Certificate-in-General-Farm-Skills--Level-3-- {
	display: none;
}

img.rss-icon {
	float: right;
	/*margin-top:-31px;*/
}

.center_text object {
	float: right;
	padding-left: 2px;
}

.pdf {
	display: block;
	background: url("/NorthTec/media/Images/pdf.png") no-repeat 0 0 transparent;
	padding: 4px 0 6px 28px;
}

.excel {
	display: block;
	background: url("/NorthTec/media/Images/Excel.png") no-repeat 0 0 transparent;
	padding: 4px 0 6px 28px;
}

.word {
	display: block;
	background: url("/NorthTec/media/Images/Word.png") no-repeat 0 0 transparent;
	padding: 4px 0 6px 28px;
}


.RepeatingItems table {
	width: 100%;
}


/* one off style for one webpart on the student website page*/
.whoiswho {
	padding-left: 20px;
	padding-top: 10px;
}

/*# 1. General Styles/1.6 3-column layout #*/

.content ul li {
	font-family: 'TradeGothicMedium';
	list-style-type: disc;
	font-size: 12px;
	color: #484848;
}

.content ul li ul {
	margin: 5px 0px;
}

.content h4 ul li {
	color: #078;
	font-size: 14px;
}

.content table tr td {
	padding: 5px;
	color: #484848;
}

.content table tr th {
	padding: 5px;
	background: #078;
	color: #FFF;
	text-align: left;
}


.three-col .secondary-content ul li {
	font-family: 'TradeGothicMedium';
}

.content ul li span {
	color: #000;
}

.side-bar ul li {
	font-family: 'TradeGothicMedium';
}

.three-col .primary-content {
	float: left;
	width: 77%;
}

.secondary-content {
	position: relative;
}

.secondary-content img {
	width: 100%;
}

.three-col .secondary-content {
	float: left;
	width: 22%;
	*width: 21%;
	margin: 1% 0 1% 1%;
}

.three-col .secondary-content .banner {
	margin: 2% 0;
	display: block;
}

.three-col .primary-content .content {
	float: right;
	width: 67%;
	*width: 66%;
	margin: 1% 1% 2% 1%;
}

.three-col .primary-content .content img {
	height: auto !important;
}

.three-col .primary-content .side-bar {
	float: left;
	width: 30%;
	margin: 1% 1% 2% 0;
	background: #E0EEF1;
}


.hybrid-three-col .wrapper {
	float: left;
	width: 100%;
}

.hybrid-three-col .primary-col {
	margin: 0 310px;
}

.hybrid-three-col .aside {
	width: 290px;
	float: left;
	margin-left: -100%;
}

.hybrid-three-col .extra {
	float: left;
	margin-left: -290px;
	width: 290px;
}

.hybrid-three-col .extra > .banner {
	display: block;
}

.hybrid-three-col .extra > img,
.hybrid-three-col .extra > .banner,
.hybrid-three-col .extra > iframe {
	margin-bottom: 20px;
}
/*# 1. General Styles/1.9 Enroll bannner fix styles #*/

.flex centered {
	z-index: -12;
}

/*# 1. General Styles/1.9.1 youtube  #*/
.object-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	padding-bottom: 56%;
}

.object-wrap object {
	position: absolute;
	width: 100%;
	height: 100%;
}

.object-wrap embed {
	width: 100%;
	height: 100%;
}

.join-us .submit {
	background: url("/NorthTec/media/websiteImages/errow_white_big.png") no-repeat 0 0 transparent;
	border: none;
	/*background-size: 15px 16px;*/
	width: 9%;
	height: 24px;
}

/*# 1. General Styles/1.9.2 Advanced Search Styles  #*/
.SmartSearchResults {
	margin-top: 10px;
}

.SmartSearchDiaolog #p$lt$zonePlaceHolder$pageplaceholder$pageplaceholder$lt$zoneProgrammeDetails$SmartSearchDialog$srchDialog$txtSearchFor {
	width: 200px;
}

.SmartSearchFilter {
	margin-left: 290px;
	margin-top: -53px;
	position: absolute;
	width: 324px;
}

.IE9 .SmartSearchFilter {
	margin-left: 301px;
	width: 313px;
}

.IE8 .SmartSearchFilter {
	margin-left: 291px;
	margin-top: -59px;
	width: 323px;
}

.IE7 .SmartSearchFilter {
	margin-left: 347px;
	margin-top: -59px;
	width: 267px;
}

.SmartSearchFilter #p_lt_zonePlaceHolder_pageplaceholder_pageplaceholder_lt_zoneProgrammeDetails_SearchFilter_drpFilter {
	width: 100% !important;
}

.SmartSearchDialog #p_lt_zonePlaceHolder_pageplaceholder_pageplaceholder_lt_zoneProgrammeDetails_SmartSearchDialog_srchDialog_btnSearch {
	margin-top: 27px;
}

.SearchAdvancedSearchtext {
	margin-left: 77%;
}

/*# 1. General Styles/1.9.3 Vacancies Page Styles #*/

.ColorBlue {
	color: #078;
}

.JobDescription {
	float: left;
	width: 130px;
}

.JobApplication {
	float: left;
	width: 485px;
}

/*# 1. General Styles/1.9.4 Youth Relations Game Styles #*/

.Careers-game {
	width: 900px;
	margin: 2% auto;
	overflow: hidden;
	height: 487px;
	border: none;
	*height: 486px;
	*width: 878px;
}

table.temporary-accomodation tr td {
	max-width: 100px;
}

.Careers-game #Game {
	width: 918px;
	height: 504px;
	border: none;
	*width: 896px;
}

.show-True {
	display: none;
	visibility: hidden;
}


/*# 2. New Form styles #*/
.prev-control {
	float: left;
}

.next-control {
	float: right;
}

.ContactFormsStyle input, .ContactFormsStyle .DropDownField, .ContactFormsStyle .TextAreaField {
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background: white;
	color: #333;
	margin: 0;
	/*padding: 2px;*/
	border-radius: 3px;
}

.ContactFormsStyle .ErrorLabel, .ContactFormsStyle .EditingFormErrorLabel {
	color: red;
}

.programme-enquiry-form .EditingFormErrorLabel,
.programme-enquiry-form .ErrorLabel {
	display: inline-block;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 5px 10px;
	margin-top: 5px;
}

.ContactFormsStyle p, .ContactFormsStyle a {
	font-family: arial, sans-serif;
}

.ContactFormsStyle p, 
.ContactFormsStyle textarea {
	margin: 0px !important;
}

.ContactFormsStyle .CompulsorySign {
	color: red;
}

.ContactFormsStyle label {
	color: #484848;
	font-size: 12px;
}

.ContactFormsStyle input[type="checkbox"], .ContactFormsStyle input[type="radio"] {
	margin: 0 8px 0 0;
	border: none;
}

.ContactFormsStyle input[type="checkbox"],
.ContactFormsStyle input[type="radio"] {
	margin: 0;
}

.ContactFormsStyle input[type="checkbox"] + label,
.ContactFormsStyle input[type="radio"] + label {
	margin-right: 10px;
	line-height: 1;
    vertical-align: middle;
}


.ContactFormsStyle .TextBoxField, .ContactFormsStyle .TextAreaField, .ContactFormsStyle .DropDownField {
	width: 100%;
	height: 100%;
}

.ContactFormsStyle .DropDownField {
	height: 50px;
}

.ContactFormsStyle .TextAreaField {
	height: 80px;
	margin-bottom: 1em;
}

.ContactFormsStyle .CalendarTextBox {
	width: 87%;
	margin-right: 4%;
}

.ContactFormsStyle .FormButton {
	background-color: #9C5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
	/*width: 50%;*/
	margin-top: 1%;
	/*max-width: 120px;*/
	text-align: center;
}

.ContactFormsStyle .FormButton:hover {
	opacity: 0.8;
}

.ContactFormsStyle .EditingFormLabel {
	padding: 0px;
	color: #484848;
	font-size: 14px;
	margin-top: 0.5em;
}

.ContactFormsStyle .TwoColumns {
	width: 46%;
	float: left;
	margin-right: 4%;
}

.ContactFormsStyle .WatermarkText {
	color: #999;
}

.ContactFormsStyle .HiddenButton {
	visibility: hidden;
}

.ContactFormsStyle a.main-submit-button {
	max-width: 100%;
	padding: 0.5em;
	font-size: 1.5em;
}

.ContactFormsStyle .EditingFormControlNestedControl {
	margin-bottom: 0.5em;
}
/*
.North-Form-styles{
width:380px;
padding: 10px 0 20px 38px;
}

.North-Form-styles .FormButton{
background-color: #9C5;
color: #078;
}

.north-input input[type="checkbox"]{
margin:0 12px 0 0;
}
.North-Form-styles .north-multiple{
width: 86%!important;
}

.north-input{
background: #9C5;
color: #078;
padding: 2px 10px;
width: 80%;
border: 2px inset #9C5;
border-radius: 1px;
margin: 7px 0 7px 0;
}
*/

/*# 4. FrontEnd Form Submission styles#*/
.frontend-form-submission .TextBoxField, .frontend-form-submission .TextAreaField {
	background-color: #FFF;
	border-radius: 0px;
	width: 250px;
	color: black;
}

.frontend-form-submission .PageManagerWorkflowInfo, .frontend-form-submission .EditingFormInfo {
	width: 100%;
	color: red;
}

.frontend-form-submission #CKToolbarUC, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_menuElem_pnlEmails, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_formElem_f_DocumentPublishFrom_lb, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_formElem_f_DocumentPublishFrom_timePicker, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_formElem_f_DocumentPublishTo_lb, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_formElem_f_DocumentPublishTo_timePicker, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_titleElem_pnlBody, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_menuElem_menu_menu_HA_02, .frontend-form-submission #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneProgrammeDetails_ContributionList_list_editDoc_menuElem_menu_menu_HA_01, .frontend-form-submission .WorkflowInfo, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishFrom_lb, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishTo_lb, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishFrom_timePicker_txtDateTime, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishFrom_timePicker_imgCalendar, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishFrom_timePicker, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishTo_timePicker_txtDateTime, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_formElem_f_DocumentPublishTo_timePicker, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_titleElem_titleCell, #p_lt_zonePlaceHolder_pageplaceholder_p_lt_zoneCenterColumnCustomBottom_ContributionList_1_list_editDoc_menuElem_menu_menu_HA_01 {
	display: none !important;
}

.frontend-form-submission .ContentEditMenu {
	margin: 10px 0px;
	background: #E4E2E2;
	padding: 5px;
}

.frontend-form-submission .NewItemLink {
}

.frontend-form-submission .hidden {
	display: none !important;
}

/*# 5. Custom Slideshow styles#*/
.content-slider {
	position: relative;
}

.content-slider ul.slideshow {
	padding: 0;
	overflow: visible;
}

ul.slideshow .legend {
	background: #333;
	color: #f1f1f2;
	padding: 1em;
	font-family: "Lato","LatoMacrons",Arial,sans-serif;
	font-weight: normal;
	line-height: 1.4;
}

ul.slideshow .legend p {
	color: #f1f1f2;
	font-family: "Lato","LatoMacrons",Arial,sans-serif;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 0;
}

ul.slideshow .legend h4 {
	color: white;
}

.content-slider ul.slideshow li {
	list-style-type: none;
}


/*# 3. site map page styles#*/

.CMSSiteMapList, .CMSSiteMapList ul, .CMSSiteMapList li {
	margin: 0.5em 0 !important;
}

/*# 1. General Styles/1.7 BreadCrumb hover Styles #*/

.BreadCrumbsCommonStyle a:hover {
	color: #078;
}

.BreadCrumbsCommonStyle a {
	text-transform: uppercase;
}

.BreadCrumb-Seperator {
	color: #078;
}

.BreadCrumbsCommonStyle {
	padding: 10px 0px 20px 0px;
	word-spacing: 4px;
}



/*# 1. General Styles/1.8 Site-map page #*/

.join-us {
	background-image: url(/NorthTec/media/Images/stripe_bg.png);
	margin: 0 auto;
	/*padding:12px 0px 17px 9px;*/
	padding: 3% 0 11% 2%;
}

.join-us h3 {
	color: #ffffff;
	text-align: center;
	margin-bottom: -9px;
	font-size: 16px;
	/*font-family: 'TradeGothicMedium';*/
	*margin-bottom: 0;
}

.join-us h4 {
	color: #ffffff;
	font-size: 12px;
	padding-left: 0px;
	display: inline;
	font-family: 'TradeGothicMedium';
}

.join-us input[type="text"] {
	width: 50%;
	border-radius: 11px;
	border: none;
	color: #078;
	font-family: 'TradeGothicLight';
	padding-left: 4px;
	display: inline-block;
	vertical-align: bottom;
}

.join-us .submit {
	display: inline-block;
	vertical-align: bottom;
}

.IE7 .join-us .submit {
	width: 17px;
}

.IE8 .join-us .submit {
	width: 17px;
}

.join-us .submit {
	background: url("/NorthTec/media/websiteImages/errow_white_big.png") no-repeat 0 0 transparent;
	border: none;
	/*background-size: 15px 16px;*/
	width: 9%;
	height: 24px;
}

.join-us input[type="submit"]:hover {
	/* background:url("/NorthTec/media/Images/errow_green_big.png")no-repeat 0 0 transparent;
*/
}

.join-container {
	/*width: 170px;*/
	margin: 0 auto;
}

.Privacy {
	background: url("/NorthTec/media/Images/iconNews.jpg") no-repeat 56px -2px transparent;
	font-size: 12px;
	padding-left: 5px;
}



.NestedtransformationUL li {
	display: none;
}

.NestedtransformationUL li.ProgrammesItemNestedTransformation {
	display: block;
	margin: 1em 0;
}

.NestedtransformationUL li.CoursesItemNestedTransformation {
	display: block;
	margin: 0px 0px 0px 40px;
	list-style: disc;
}

.NestedtransformationUL {
	padding: 0px;
}

.content .Center_Column_Title {
	background: #078;
}

.content .Center_Column_Title .background {
	color: #FFF;
	font-size: 20px;
	padding-left: 10px;
	padding-top: 8px;
}

.RSSIcon {
	margin-top: -34px;
	display: block;
	margin-right: 7px;
	margin-bottom: 25px;
}

.SearchResults {
	margin-top: 20px;
}

/*# 6. Misc #*/
.gallery-image-wrapper {
	margin: 0 -10px;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	letter-spacing: -4px;
}

.content .gallery-image-wrapper li {
	/*float:left;*/
	width: 33%;
	list-style-type: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}

.gallery-image-wrapper li > a {
	display: block;
	margin: 10px;
}

.hiddenhover {
	opacity: 0;
}

.hiddenhover:hover {
	opacity: 1;
}

.calloutbox {
	border: 1px solid #007788;
	padding: 1em 1em 0;
	background-color: #E0EEF1;
	margin-bottom: 1em;
}

.calloutbox p {
    margin:1em 0;
}

.social-right {
	float: right;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.unclickable-mask {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#p_lt_zonePlaceHolder_pageplaceholder_p_lt_ctl02_BizForm_viewBiz {
	height: 0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1em;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*# 6. Misc /6.1 Margins #*/
.margin-0 {
	margin: 0;
}

.margin-1 {
	margin: 1em;
}

.margin-2 {
	margin: 2em;
}

.margin-3 {
	margin: 3em;
}

.margin-4 {
	margin: 4em;
}

.margin-5 {
	margin: 5em;
}

.margin-top-0 {
	margin-top: 0;
}

.margin-top-1 {
	margin-top: 1em;
}

.margin-top-2 {
	margin-top: 2em;
}

.margin-top-3 {
	margin-top: 3em;
}

.margin-top-4 {
	margin-top: 4em;
}

.margin-top-5 {
	margin-top: 5em;
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.margin-bottom-1 {
	margin-bottom: 1em;
}

.margin-bottom-2 {
	margin-bottom: 2em;
}

.margin-bottom-3 {
	margin-bottom: 3em;
}

.margin-bottom-4 {
	margin-bottom: 4em;
}

.margin-bottom-5 {
	margin-bottom: 5em;
}

.margin-right-0 {
	margin-right: 0;
}

.margin-right-1 {
	margin-right: 1em;
}

.margin-right-2 {
	margin-right: 2em;
}

.margin-right-3 {
	margin-right: 3em;
}

.margin-right-4 {
	margin-right: 4em;
}

.margin-right-5 {
	margin-right: 5em;
}

.margin-left-0 {
	margin-left: 0;
}

.margin-left-1 {
	margin-left: 1em;
}

.margin-left-2 {
	margin-left: 2em;
}

.margin-left-3 {
	margin-left: 3em;
}

.margin-left-4 {
	margin-left: 4em;
}

.margin-left-5 {
	margin-left: 5em;
}
/*# 6. Misc /6.2 Padding #*/
.padding-0 {
	padding: 0;
}

.padding-1 {
	padding: 1em;
}

.padding-2 {
	padding: 2em;
}

.padding-3 {
	padding: 3em;
}

.padding-4 {
	padding: 4em;
}

.padding-5 {
	padding: 5em;
}

.padding-top-0 {
	padding-top: 0;
}

.padding-top-1 {
	padding-top: 1em;
}

.padding-top-2 {
	padding-top: 2em;
}

.padding-top-3 {
	padding-top: 3em;
}

.padding-top-4 {
	padding-top: 4em;
}

.padding-top-5 {
	padding-top: 5em;
}

.padding-bottom-0 {
	padding-bottom: 0;
}

.padding-bottom-1 {
	padding-bottom: 1em;
}

.padding-bottom-2 {
	padding-bottom: 2em;
}

.padding-bottom-3 {
	padding-bottom: 3em;
}

.padding-bottom-4 {
	padding-bottom: 4em;
}

.padding-bottom-5 {
	padding-bottom: 5em;
}

.padding-right-0 {
	padding-right: 0;
}

.padding-right-1 {
	padding-right: 1em;
}

.padding-right-2 {
	padding-right: 2em;
}

.padding-right-3 {
	padding-right: 3em;
}

.padding-right-4 {
	padding-right: 4em;
}

.padding-right-5 {
	padding-right: 5em;
}

.padding-left-0 {
	padding-left: 0;
}

.padding-left-1 {
	padding-left: 1em;
}

.padding-left-2 {
	padding-left: 2em;
}

.padding-left-3 {
	padding-left: 3em;
}

.padding-left-4 {
	padding-left: 4em;
}

.padding-left-5 {
	padding-left: 5em;
}
/*# 6. Misc /6.1 Font-styles #*/

.italic {
	font-style: italic;
}

.color-white {
	color: #FFFFFF;
}

.color-grey {
	color: #999;
}

.color-teal {
	color: #007788;
}

/*................................................................*/


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   ========================================================================== */
/*# 9. Media Queris #*/
/*# 9. Media Queris/9.1 Max-width: 1220px #*/
@media screen and (max-width: 1220px) {
	.SearchAdvancedSearchtext {
		margin-left: 72%;
	}
}

@media screen and (max-width: 980px) {
	.hybrid-three-col .primary-col {
		margin: 0 0 0 310px;
	}

	.hybrid-three-col .extra,
	.hybrid-three-col .aside {
		margin-left: 0;
	}

	.hybrid-three-col .aside {
		margin-bottom: 20px;
	}

	.hybrid-three-col .side-col {
		float: left;
		margin-left: -100%;
		width: 290px;
	}
}


/*# 9. Media Queris/9.2 Max-width: 960px #*/
@media screen and (max-width: 960px) {
	/* Style adjustments for viewports 480px and over go here */

	.SearchAdvancedSearchtext {
		margin-left: 60%;
	}
}


/*# 9. Media Queris/9.3 Max-width: 768px #*/
@media only screen and (max-width: 768px) {
	/* Style adjustments for viewports 768px and over go here */

	.three-col .primary-content {
		float: none;
		width: 100%;
	}

	.three-col .secondary-content {
		float: none;
		width: 40%;
		margin: 1% 0;
	}

	.ContactFormsStyle .TwoColumns {
		float: none;
		width: 100%;
	}

	input[type="text"] {
		width: 100%;
	}

	input[type="file"] {
		width: 100%;
	}

	/*.content table{
width:60% !important;
}
input[type="text"]  {
width: 62% !important;
}*/



}

/*# 9. Media Queris/9.4 Max-width: 700px #*/
@media only screen and (max-width: 700px) {

	.hybrid-three-col .side-col {
		width: 250px;
	}

	.hybrid-three-col .aside,
	.hybrid-three-col .extra {
		width: 100%;
	}

	.hybrid-three-col .primary-col {
		margin: 0 0 0 265px;
	}
}

/*# 9. Media Queris/9.4 Max-width: 560px #*/
@media only screen and (max-width: 560px) {
	.hybrid-three-col .primary-col {
		margin: 0;
	}

	.hybrid-three-col {
		position: relative;
		overflow: hidden;
	}

	.hybrid-three-col .side-col {
		float: none;
		position: absolute;
		height: 100%;
		background: white;
		top: 49px;
		margin: 0 0 0 -255px;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.7);
		left: 0;
		-webkit-transition: margin 0.3s ease;
		-moz-transition: margin 0.3s ease;
		-o-transition: margin 0.3s ease;
		-ms-transition: margin 0.3s ease;
		transition: margin 0.3s ease;
	}

	.hybrid-three-col .side-col.show {
		margin: 0;
	}
}


/*# 9. Media Queris/9.5 Max-width: 480px #*/
@media only screen and (max-width: 480px) {
	/* Style adjustments for viewports 480px and over go here */

	.three-col .primary-content .content {
		float: none;
		width: 100%;
	}

	.three-col .primary-content .side-bar {
		float: none;
		width: 100%;
		margin: 1% 0;
	}

	.three-col .secondary-content {
		width: 100%;
		float: none;
		margin: 1% 0;
	}

	.SearchAdvancedSearchtext {
		margin-left: 40%;
	}

	.join-us input[type="text"] {
		width: 62%;
	}

	img.rss-icon {
		display: block;
	}
	/*.flex h1{
padding-left:0;
padding-top: 16px;
font-size: 20px;
}*/


	.flex h1 {
		padding-left: 0;
		font-size: 17px;
		width: 70%;
		padding-top: 13px;
		line-height: 15px;
	}

	.footer-col h2 {
		text-align: center;
	}

	.footer-col .icons {
		margin-right: 57px;
	}


	.ContactFormsStyle {
		margin-bottom: 20px;
	}

	.social-right {
		float: none;
	}
}
