@font-face {
    font-family: 'Akzidenz-GroteskProRegular';
    src: url('Font/AkzidenzGroteskPro-Regular.woff2') format('woff2'),
        url('Font/AkzidenzGroteskPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-GroteskProRegular';
    src: url('Font/AkzidenzGroteskPro-It.woff2') format('woff2'),
        url('Font/AkzidenzGroteskPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Akzidenz-GroteskProRegular';
    src: url('Font/AkzidenzGroteskPro-Bold.woff2') format('woff2'),
        url('Font/AkzidenzGroteskPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/* Temp overlay */
	.Overlay{width:100vw; height:100vh; position: fixed; background:rgba(255,255,255,0.8); z-index:10000; top:0;}
	
	
		
	@media screen and (min-width:600px){
			.centered {
		  position: fixed;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		}
	}


	.olContent{display:block; width:600px; height:auto; max-width:100vw; background:#000; text-align:center;}
	.olClose{position:absolute; right:0; top:0; background:url(img/close.png) left top; background-size:cover; text-indent:-999em; width:30px; height:30px; margin:5px;}
	.olContent img{max-width:100% !important;}
  

  
	
	
	

html, body, form{height:100%;padding:0;margin:0;}
#Body{background:#bbb;}
.ControlPanel{max-width:1022px;position:relative; background:#fff !important; border:solid 2px #eee}

#SkinWrap{position:relative;width:100%;max-width:1022px;clear:both;margin:0 auto;}
#BodyImg{position:fixed; top:0; left:0; min-width:100%; min-height:100%;}

/* White text */
body,th,td,div,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead,a:link,a:visited,a:hover,input, textarea{font-family:Akzidenz-GroteskProRegular, Arial, Helvetica, sans-serif;}
#Skin body,#Skin th,#Skin td,#Skin div,#Skin table,#Skin h1,#Skin h2,#Skin h3,#Skin h4,#Skin h5,#Skin h6,#Skin .Normal,#Skin .NormalDisabled,#Skin .Head,#Skin .SubHead,#Skin .SubSubHead,#Skin a:link,#Skin a:visited,#Skin a:hover{color:#fff;}
#Skin input, #Skin select, #Skin option, #Skin textarea{color:#000;}
body,th,td,div,table,.Normal,.NormalDisabled,a:link, a:visited, a:hover{font-size:15px;}
#Skin a, #Skin a:link,#Skin a:visited,#Skin a.CommandButton:link,#Skin a.CommandButton:visited{color:#fff;}
a:link, a:visited, a:hover, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:hover{text-decoration:underline;}
a:hover, #Skin a:hover, #Skin a.CommandButton:hover{color:#000;}
.DataGrid_AlternatingItem{background:#888;}
a:focus {outline: none;}

h1, h2, h3, h4, h5, h6{margin:0.7em 0 0;}
h1, h1 a:link, h1 a:visited, h1 a:hover{text-transform:uppercase;font-size:28px;text-decoration:none;}
h2, h2 a:link, h2 a:visited, h2 a:hover{text-transform:uppercase;font-size:22px;text-decoration:none;}
h3, h3 a:link, h3 a:visited, h3 a:hover{text-transform:uppercase;font-size:17px;text-decoration:none;}
h4, h4 a:link, h4 a:visited, h4 a:hover{text-transform:uppercase;font-size:14px;text-decoration:none;}
h5, h5 a:link, h5 a:visited, h5 a:hover{text-transform:uppercase;font-size:12px;text-decoration:none;}
h6, h6 a:link, h6 a:visited, h6 a:hover{font-size:12px;text-decoration:none;}

.DNNEmptyPane{width:auto;}
.ClearFloat{clear:both;}
.clearfix:after{content:" "; display:table; height:0; clear:both;}



/* General Adpative */
	.Panes{max-width:100%;}
	#Skin img{max-width:100% !important; height:auto !important;}
	
	#Skin iframe{max-width:100% !important;}
  table{max-width:100%;}
  
  /* Fix for admin icons */
  img[src*='/icons/Sigma']{min-width:12px;}
  
#Skin{position:relative; min-width:960px; max-width:1022px; background:url(img/SkinBg/Www/SkinBg.png);}
#sContainer{position:relative;padding:0 10px 20px;width:940px;margin:0 auto;}

.L0_Intranet #Skin{background:url(img/SkinBg/Intranet/SkinBg.png);}
.L0_newintra #Skin{background:#aaa;}

/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {    
		#SkinWrap, #Skin{max-width:700px; min-width:0}
		#sContainer {width: 620px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		#SkinWrap, #Skin{max-width:480px; min-width:0}
		#sContainer {width: 460px;}
	}
	
	@media screen and  (max-width: 479px) {    
		#SkinWrap, #Skin{max-width:320px; min-width:0}
		#sContainer {width: 300px;}
	}
	
	
	
/* Header */
#Header{clear:both;padding:39px 0 0 0;}
#Logo{display:block;float:left;height:106px;}
#SiteTitle{float:left;position:relative;height:85px;width:750px; background:url(img/Dae-Logo.png) no-repeat;margin-bottom:20px;}
#SiteTitle h2.Main{margin:0;padding:0;text-indent:-99999px;}
#SiteTitle h2.Sub a{display:block;position:absolute;bottom:0;left:99px;width:650px;height:59px;background:url(img/Dae-DAELY.png) left bottom no-repeat;text-indent:-99999px;}
#SiteTitle h2.Sub a{background-size: auto 100%;}
#SiteTitle a:hover{color:#fff !important;}

.L0_Intranet #SiteTitle h2.Sub a{background-image:url(img/Dae-Intranet.png);}
.L0_newintra #SiteTitle h2.Sub a{background-image:url(img/Dae-Intranet-black.png);}

/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		#SiteTitle{width:350px; height:75px; background-size:100%;}
		#SiteTitle h2.Sub a{width: 370px; height:38px; left:89px; bottom:12px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) { 
		#Header{padding:20px 0 0 0;}	
		#SiteTitle{width:300px; height:65px; background-size:100%;}
		#SiteTitle h2.Sub a{width: 250px; height:24px; left:77px; bottom:15px;}
	}
	
	@media screen and  (max-width: 479px) {    
		#Header{padding:20px 0 0 0;}
		#SiteTitle{width:220px; height:48px; background-size:100%;}
		#SiteTitle h2.Sub a{width: 165px; height:17.7px;  left:55px; bottom:15px;}
	}
	
	
#Footer{height:40px;padding-top:20px;}
#Footer h5{margin:8px 0;}
#Login{float:left;}
#Login a{display:inline-block; padding-right:1em;}
#Login a.Active:link, #Login a.Active:visited{color:#000;}

/* hide the retreive password link from the regular login module */
.L1_Intranet_Login .dnnLoginActions a[id$="DNN_passwordLink"]{display:none;}

#Facts{float:right;}
#Facts a{display:inline-block;padding-left:10px;}

#Content{clear:both;}

.ClearBoth{clear:both;}

#Content{padding:20px 0 0;}

/* Images */
img.Icon{max-width:100%; height:auto;}

#BreadCrumbs{clear:both;padding:10px 0 0;color:#000;}
#BreadCrumbs a{text-transform:uppercase;font-weight:bold;font-size:11px; text-decoration:none;}
#BreadCrumbs a:link, #BreadCrumbs a:visited{color:#000;}
#BreadCrumbs a:hover{color:#fff;}

	@media screen and  (max-width:991px){ 
	 #BreadCrumbs #Search input.NormalTextBox{width:242px;}
	 .searchSkinObjectPreview{max-width:100%;}
	}
	
#Search{float:right;}
#Search a:link, #Search a:visited{color:#fff;}
#Search a:hover{color:#000;}
#Search input{border:solid 0 #fff;background:rgb(255,255,255);background:rgba(255,255,255,0.6);padding:3px;}

/* DNN 7 Search */

	#dnn_dnnSEARCH_ClassicSearch *, #dnn_dnnSEARCH_ClassicSearch a:link, #dnn_dnnSEARCH_ClassicSearch a:visited{color:#000;}
	#dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview_group {display:none;}
	#dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview{border:none; background:rgba(255,255,255,0.9);}
	#dnn_dnnSEARCH_ClassicSearch li{padding-left:12px;}
	#dnn_dnnSEARCH_ClassicSearch li:hover{background:#fff;}
	#dnn_dnnSEARCH_ClassicSearch li > span{text-transform:uppercase; font-size:14px; font-weight:bold;}
	#dnn_dnnSEARCH_ClassicSearch li p{font-size:12px; font-style:normal; padding:5px 0 3px;} 

	#dnn_dnnSEARCH_ClassicSearch   .ServerSkinWidget{margin-left:3px; display:inline-block;}

	.ModSearchResultsC * {background:transparent; color:#fff !important; border:none; border-radius:0; box-shadow:none;}
	.dnnSearchBoxPanel .dnnSearchBox{margin:0;}
	.dnnSearchBoxPanel .dnnSearchBox input[type="text"]{color:#000 !important; font-size:14px; padding:0 3px;}
	.ModSearchResultsC  .dnnSearchBox_advanced, .ModSearchResultsC .dnnSearchBoxClearAdvanced{display:none;}
	.ModSearchResultsC  .dnnSearchBox .dnnSearchBoxClearText, .dnnSearchResultAdvancedTip{display:none;}
	.ModSearchResultsC .dnnSearchResultPanel{display:none;}
	.ModSearchResultsC .dnnSearchResultContainer b{color:#444 !important; font-weight:normal;}
	
	/* Pager Buttons */
	.dnnSearchResultPager a.dnnPager-prev, .dnnSearchResultPager a.dnnPager-next{border-radius:0; box-shadow:none; border:none; height:43px;}
  

#TopLinksExtra{display:inline-block;line-height:22px;padding-right:20px;}

/* Panes */
.paneOutline{border:none; box-shadow:inset 0 0 0 1px #000;}
.containerAdminBorder{border:none; box-shadow:inset 0 0 0 1px #fff;}
.cFooter{clear:both;}

/* MultiPanes */
.Pane, .Panes{clear:both;}
.PaneWrapL{float:left;}
.PaneWrapR{float:right;}

.P0_Header{float:right;max-width:300px;max-height:90px;margin-top:-10px;}
.P0_Header img:hover{opacity:0.6;filter:alpha(opacity=60)}
.P0_Header .cContent{margin:0;padding:0;}
.P0_Header .DNNModuleContent {height:85px; overflow:hidden;}

/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.P0_Header{max-width:150px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.P0_Header{max-width:100px; margin-top:-7px;}
	}
	
	@media screen and  (max-width: 479px) {    
		.P0_Header{max-width:50px; margin-top:-3px;}
	}

.P2 .PaneWrapL{width:620px;}
.P2 .PaneWrapR{width:300px;}
.P2_3cols_Left{float:left;width:300px;}
.P2_3cols_Mid{float:right;width:300px;}
.P2_3cols_Right_Left{float:left;width:140px;}
.P2_3cols_Right_Right{float:right;width:140px;}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.P2 .PaneWrapL{width:406px;}
		.P2 .PaneWrapR{width:193px;}
		.P2_3cols_Left{float:left;width:193px;}
		.P2_3cols_Mid{float:right;width:193px;}
		.P2_3cols_Right_Left{float:left;width:193px; clear:both;}
		.P2_3cols_Right_Right{float:right;width:193px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.P2 .PaneWrapL{width:100%;}
		.P2 .PaneWrapR{width:100%;}
		.P2_3cols_Left{float:none;width:100%;}
		.P2_3cols_Mid{float:none;width:100%;}
		.P2_3cols_Right_Left{float:left;width:220px; clear:both;}
		.P2_3cols_Right_Right{float:right;width:220px;}
	}
	
	@media screen and  (max-width: 479px) {    
		.P2 .PaneWrapL{width:100%;}
		.P2 .PaneWrapR{width:100%;}
		.P2_3cols_Left{float:none;width:100%;}
		.P2_3cols_Mid{float:none;width:100%;}
		.P2_3cols_Right_Left{float:none;width:100%; clear:both;}
		.P2_3cols_Right_Right{float:none;width:100%;}
	}
	
    


.P3 .PaneWrapL{width:300px;}
.P3 .PaneWrapR{width:620px;}
.P3_3cols_Mid{float:left;width:300px;}
.P3_3cols_Right{float:right;width:300px;}
.P3_3cols_Left_Left{float:left;width:140px;}
.P3_3cols_Left_Right{float:right;width:140px;}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.P3 .PaneWrapL{width:193px;}
		.P3 .PaneWrapR{width:406px;}
		.P3_3cols_Mid{float:left;width:193px;}
		.P3_3cols_Right{float:right;width:193px;}
		.P3_3cols_Left_Left{float:left;width:193px;}
		.P3_3cols_Left_Right{float:right;width:193px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.P3 .PaneWrapL{width:100%;}
		.P3 .PaneWrapR{width:100%;}
		.P3_3cols_Mid{float:left;width:100%;}
		.P3_3cols_Right{float:right;width:100%;}
		.P3_3cols_Left_Left{float:left;width:220px;}
		.P3_3cols_Left_Right{float:right;width:220px;}
	}
	
	@media screen and  (max-width: 479px) {    
		.P3 .PaneWrapL{width:100%;}
		.P3 .PaneWrapR{width:100%;}
		.P3_3cols_Mid{float:none;width:100%;}
		.P3_3cols_Right{float:none;width:100%;}
		.P3_3cols_Left_Left{float:none;width:100%;}
		.P3_3cols_Left_Right{float:none;width:100%;}
	}

.P5_4cols3_Left{float:left; width:700px;}
.P5_4cols1_Right{float:right; width:220px;}

.P5 .PaneWrapL, .P5 .PaneWrapR{width:460px;}
.P5_4cols_LeftLeft{float:left;width:220px}
.P5_4cols_LeftRight{float:right;width:220px}
.P5_4cols_RightLeft{float:left;width:220px}
.P5_4cols_RightRight{float:right;width:220px}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.P5 .PaneWrapL, .P5 .PaneWrapR {width: auto; float:none; clear:both;}
		.P5_4cols3_Left{float:left; width:400px;}
		.P5_4cols1_Right{float:right; width:200px;}
		.P5_4cols_LeftLeft, .P5_4cols_RightLeft {float: left; width: 300px;}
		.P5_4cols_LeftRight, .P5_4cols_RightRight {float: right; width: 300px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.P5_4cols3_Left{float:none; width:100%;}
		.P5_4cols1_Right{float:none; width:100%;}

		.P5 .PaneWrapL, .P5 .PaneWrapR{width:100%;}
		.P5_4cols_LeftLeft{float:none;width:100%;}
		.P5_4cols_LeftRight{float:none;width:100%;}
		.P5_4cols_RightLeft{float:none;width:100%;}
		.P5_4cols_RightRight{float:none;width:100%;}
	}
	
	@media screen and  (max-width: 479px) {    
		.P5_4cols3_Left{float:none; width:100%;}
		.P5_4cols1_Right{float:none; width:100%;}

		.P5 .PaneWrapL, .P5 .PaneWrapR{width:100%;}
		.P5_4cols_LeftLeft{float:none;width:100%;}
		.P5_4cols_LeftRight{float:none;width:100%;}
		.P5_4cols_RightLeft{float:none;width:100%;}
		.P5_4cols_RightRight{float:none;width:100%;}
	}


.DaeBlock{width:47px;height:8px;background:#fff;}


/* Menu */

#MenuHorDD{z-index:200;position:relative;}
#MenuHorDD, #MenuHorDD ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
#MenuHorDD li {list-style-type:none; position:relative;}

/* Menu  toggle */
#MenuToggle{text-decoration:none; padding:0.5em 0; font-weight:bold; text-transform:uppercase; background:url(Img/MenuToggle.png) right 7px no-repeat; border-bottom:solid 1px rgba(0,0,0,0.3); cursor:pointer;}

	@media screen and  (max-width:991px){ 
		#MenuToggle{display:block;}
		#MenuToggle.MenuOpen{color:#000; background-position:right -17px;}
		#MenuHorDD{display:none;}
		#MenuHorDD{background:rgba(0,0,0,0.3); padding:0.3em 0;}
		#MenuHorDD li{text-transform:uppercase; padding: 0 0 0 2em; line-height:2em;}
		#MenuHorDD li.Level0{padding:0 0 0 1em; font-weight:bold;}
		#MenuHorDD a:link, #MenuHorDD a:visited{text-decoration:none;}
		#MenuHorDD a.Active{color:#000;}
		#MenuHorDD a.ActiveParent{color:#000;}
		
		#MenuHorDD a.HasChildren:after{content:" +";}
		
		/* Visibility */
		#MenuHorDD li{display:none;}
		#MenuHorDD li.Level0, #MenuHorDD li.ActiveParent, #MenuHorDD li.Active, #MenuHorDD li.Active > ul > li, #MenuHorDD li.ActiveParent > ul > li{display:block;}
	}

	@media screen and  (min-width:992px){  
		#MenuToggle{display:none;}
		#MenuHorDD{display:block !important;}
		
		/* Horizonal Menu */
		#MenuHorDD li {float: left; list-style-type:none; position:relative;}
		#MenuHorDD a, #MenuHorDD span {display:block;}
		#MenuHorDD li.Level0, #MenuHorDD a.Level0{width:auto;font-weight:bold;}
		 /* second-level lists */
		#MenuHorDD li ul {position:absolute;display:none;left:0;top:27px;z-index:11001}
		#MenuHorDD li.Level0 > ul {margin-left:-10px;}
		#MenuHorDD li  li{float:none;position:relative;}
		 /* third-and-above-level lists */
		#MenuHorDD li ul ul {top:0;}
		#MenuHorDD ul ul {display:none;}
		#MenuHorDD li:hover > ul {display:block;}

		/* Styling & Width*/
		#MenuHorDD a:link, #MenuHorDD a:visited, #MenuHorDD span{display:inline-block;color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;padding:1em;font-size:13px;}
		#MenuHorDD a.Active:link, #MenuHorDD a.Active:visited, #MenuHorDD span.Active, #MenuHorDD a.ActiveParent:link, #MenuHorDD a.ActiveParent:visited, #MenuHorDD span.ActiveParent{font-weight:bold;}
		#MenuHorDD a.Level0, #MenuHorDD span.Level0 {font-size:15px;padding:0.4em 1.4em 0.4em 0;color:#fff;text-transform:uppercase;font-weight:bold;}
		#MenuHorDD li.Active a.Level0, #MenuHorDD li.ActiveParent a.Level0{color:#000;}
		#MenuHorDD ul ul {background:rgb(111, 114, 114);background:rgb(111, 114, 114, 0.95);box-shadow: 0 0 2px #888;}
		#MenuHorDD li, #MenuHorDD li ul{width: 180px; padding-right:10px;}
		#MenuHorDD li ul ul {margin: 0 0 0 190px;}
		#MenuHorDD  li.Level0 li.HasChildren{background:url(img/MenuHasChildren.png) 175px center no-repeat;}


		#MenuHorDD li.Level1 li, #MenuHorDD li.Level1 ul{width: 180px;}
		#MenuHorDD li.Level1 ul ul {margin: 0 0 0 190px;}

	}


/* IconMenu */
.IconMenu {clear:both;}
.IconMenu ul, .IconMenu li{padding:0; margin:0;list-style-type:none;}
.IconMenu li{float:left;overflow:hidden;margin:0 20px 20px  0;}
.IconMenu li > a{display:block;padding:15px;position:relative;background:#000;width:270px;height:190px;overflow:hidden;}
.IconMenu li > a:link, .IconMenu li > a:visited{text-decoration:none;font-size:28px;font-weight:bold;text-transform:uppercase;}
#Skin .IconMenu li > a:hover{color:#fff;}
.IconMenu li > a img{position:absolute;top:0;left:0;}
.IconMenu li > a img{width:300px;opacity:0.8;filter:alpha(opacity=80)}
.IconMenu li > a:hover img, .IconMenu li > a.Active img {opacity:1;filter:alpha(opacity=100)}
.IconMenu li span{position:relative;}
.IconMenu li > a:hover span, .IconMenu li > a.Active span{opacity:0.2;filter:alpha(opacity=20);color:#fff;}

.IconMenu2Cols li:nth-child(2n){margin-right:0;}
.IconMenu4Cols li:nth-child(4n){margin-right:0;}

	/* Adaptive */
	@media screen and  (min-width:992px){ 
		.IconMenu3Cols li:nth-child(3n){margin-right:0;}
	}
	
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.IconMenu{width:100% !important;}
		.IconMenu li > a{width:163px; height:114px;}
		.IconMenu li > a:link, .IconMenu li > a:visited {font-size:16px;}
		

		.IconMenu3Cols li:nth-child(3n){margin-right:0;}
		
		.P4_MiddlePane .IconMenu li:nth-child(3n){margin-right:0;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.IconMenu{width:100% !important;}
		.IconMenu li > a{width:188px; height:134px;}
		.IconMenu li > a:link, .IconMenu li > a:visited {font-size:16px;}
		
		.IconMenu li:nth-child(2n){margin-right:0;}
		
		.IconMenu3Cols li:nth-child(2n){margin-right:0;}
	}
	
	@media screen and  (max-width: 479px) {    
		.IconMenu li > a:link, .IconMenuLarge li a:visited{font-size:28px;}	
		.IconMenu li > a{padding:15px;width:270px;height:190px;}
	}

.IconMenuLarge li > a{padding:18px;width:584px;height:424px;}
.IconMenuLarge li > a img{width:620px;opacity:0.8;filter:alpha(opacity=80)}
.IconMenuLarge li > a:link, .IconMenuLarge li a:visited{font-size:48px;}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.IconMenuLarge li > a{width:370px; height:270px;}
		.IconMenuLarge li > a:link, .IconMenuLarge li a:visited{font-size:30px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.IconMenuLarge li > a{width:424px; height:309px;}
		.IconMenuLarge li > a:link, .IconMenuLarge li a:visited{font-size:36px;}
	}
	
	@media screen and  (max-width: 479px) {   
		.IconMenuLarge li > a:link, .IconMenuLarge li a:visited{font-size:28px;}	
		.IconMenuLarge li > a{padding:15px;width:270px;height:190px;}
	}
	
.IconMenuSmall li > a{padding:13px;width:194px;height:134px;}
.IconMenuSmall li > a img{width:100%;opacity:0.7;filter:alpha(opacity=70)}
.IconMenuSmall li > a:link, .IconMenuSmall li a:visited{font-size:20px;}

	/* Adaptive */
	@media screen and  (min-width: 992px) {
		.IconMenuSmall li:nth-child(4n){margin-right:0;}
	}	
		
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.IconMenuSmall li > a {height: 190px; padding: 13px; width: 270px;}
		.IconMenuSmall li > a img {opacity: 0.7; width: 300px;}
		.IconMenuSmall li:nth-child(2n){margin-right:0;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    

	}
	
	@media screen and  (max-width: 479px) {    
		.IconMenuSmall li > a:link, .IconMenuSmall li a:visited{font-size:18px;}	
		.IconMenuSmall li > a{padding:15px;width:270px;height:190px;}
	}
	
.IconMenuExtraSmall li > a{padding:10px;width:120px;height:82px;}
.IconMenuExtraSmall li > a img{width:140px;opacity:0.6;filter:alpha(opacity=60)}
.IconMenuExtraSmall li > a:link, .IconMenuExtraSmall li a:visited{font-size:14px;}


	
	/* Adaptive */
	@media screen and  (min-width:992px) {  
	.IconMenu6Cols li:nth-child(6n){margin-right:0;}
	}

	@media screen and  (min-width:768px) and (max-width: 991px) {  

		.IconMenu6Cols li:nth-child(4n){margin-right:0;}
	
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {    
		.IconMenuExtraSmall li:nth-child(3n){margin-right:0;}
		.IconMenu6Cols li:nth-child(2n), .IconMenu8Cols li:nth-child(2n) {margin-right:20px;}
		.IconMenu6Cols li:nth-child(3n){margin-right:0;}
	}
	
	@media screen and  (max-width: 479px) {    
		.IconMenuExtraSmall li:nth-child(2n){margin-right:0;}

	}

.IconMenu li > a:hover span, .IconMenu li > a span{
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}
.IconMenu li > a:hover img, .IconMenu li > a img{
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.IconMenu .Text{padding:10px 0;}

.IconMenuText{padding-top:20px;}
.IconMenuText .IconMenuContent{padding:15px;width:270px;height:80px;}
.IconMenuText .IconMenuContent a.NewsReadMore{background:none;padding:0;margin:0;font-size:12px;text-align:right;font-weight:normal;padding:5px 0 0;}
#Skin .IconMenuText li a:hover{color:#000;}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.IconMenuText .IconMenuContent{padding:15px;width:163px;height:80px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {   
		.IconMenuText li:nth-child(2n){margin-right:0;}
		.IconMenuText .IconMenuContent{padding:15px;width:188px;height:80px;}
	}
	
	@media screen and  (max-width: 479px) {    
		.IconMenuText .IconMenuContent{padding:15px;width:auto;}
	}

/*
.IconMenu1Cols li{margin-right:0;}
.IconMenu3Cols li:nth-child(3n){margin-right:0;}
.IconMenu4Cols li:nth-child(4n){margin-right:0;}
.IconMenu6Cols li:nth-child(6n){margin-right:0;}
*/


/* Modules > Open Content */
.alpaca button{padding:0;}
.dnnFormItem.alpaca-field{padding:0.5em 0;}
.dnnFormItem.alpaca-field:hover {background:none !important;}

.alpaca-container-item{border-bottom:solid 1px rgba(255,255,255,0.3); padding: 0.5em 0;}
.alpaca-container-item:after{content:""; display:table; clear:both;}

.alpaca .alpaca-field-array > fieldset > .alpaca-container > .alpaca-container-item > div > .alpaca-field-object, .alpaca .alpaca-field-array > .alpaca-container > .alpaca-container-item > div > .alpaca-field-object {border: none; background: rgba(0,0,0,0.1)
}

/* Facility Bookings */
.FB_View .FB_Grid{width:100%;}
.FB_View .FB_Grid td{border-color:#fff;}
.FB_Grid tr:first-child td.Item{text-align:left; font-size:0.8em; padding-right:2em;}
.FB_View .FB_Grid  td:first-child{width:200px;}
.FB_Selectors .Dropdown{display:none;}

.FB_Legend, .FB_ViewByItem .FB_Legend{float:none; clear:both; width:auto;}
.FB_Legend .Item{float:right; margin-left:1em; font-size:90%;}

table.RadCalendar_Default{background:#fff !important;}
.RadCalendar_Default .rcMain .rcRow .rcSelected a{color:#888 !important;}

/* not a * but colour change */
.FB_CurrentlyOut td:first-child a::after { content: ""; color: #f00; margin-left: 0.5em;}
#Skin .FB_CurrentlyOut td:first-child a:link, #Skin .FB_CurrentlyOut td:first-child a:visited{color:#444;}
#Skin .FB_CurrentlyOut td:first-child a:hover{color:#000;}

.FB_Date_Saturday .Item a, .FB_Date_Sunday .Item a{display:none;}
#Skin .FB_Today .FB_BookingTable_DateHeader{color:#fff;}

.FB_Date_Friday .Item[data-timestart="1700"] a,
.FB_Date_Friday .Item[data-timestart="1800"] a,
.FB_Date_Friday .Item[data-timestart="1900"] a,
.FB_Date_Friday .Item[data-timestart="2000"] a,
.FB_Date_Friday .Item[data-timestart="2100"] a
{display:none;}

.FB_RoleAdmin.FB_View .FB_Grid td {
    border-color: #000;
}

.FB_RoleAdmin.FB_Today  .FB_Grid td {
    border-color: #fff;
}

#Skin .FB_RoleAdmin.FB_ViewByDate:not(.FB_Today) .FB_Grid tr:first-child td{
    color: #000 !important;
}


/* FB Ruimten */
#Skin .Mod40FingersFacilityBookingC *, #Skin .Mod40FingersFacilityBookingC * a{color:#444;}
#Skin .Mod40FingersFacilityBookingC .fb-viewmode-active{color:#fff; !important;}
.fb-add{text-decoration:none !important;}
.FB_EditBooking .Manager{background:rgba(255,255,255,0.5) !important;}



/* Social Icons */
.SocialIcons {position:relative;overflow:hidden;}
.SocialIcons span{position:absolute;margin-left:300px;}
.SocialIcons {float:right;}
.SocialIcons a{display:inline-block;width:24px !important;height:24px !important;background:url(img/Social-Icons.png) no-repeat;}
.SocialIcons a:hover{background-position:0 -24px;}
.SocialIcons a.Twitter{background-position:-24px 0;}
.SocialIcons a.Twitter:hover{background-position:-24px -24px;}
.SocialIcons a.LinkedIn{background-position:-48px 0;}
.SocialIcons a.LinkedIn:hover{background-position:-48px -24px;}
.SocialIcons a.Instagram{background-position:-72px 0;}
.SocialIcons a.Instagram:hover{background-position:-72px -24px;}
.SocialIcons a.Vimeo{background-position:-96px 0;}
.SocialIcons a.Vimeo:hover{background-position:-96px -24px;}
.SocialIcons a.Rss{background-position:-124px 0;}
.SocialIcons a.Rss:hover{background-position:-124px -24px;}
.SocialIcons a.YouTube{background-position:-144px 0;}
.SocialIcons a.YouTube:hover{background-position:-144px -24px;}
.SocialIcons a.More{background-position:-168px 0;}
.SocialIcons a.More:hover{background-position:-168px -24px;}

	@media screen and  (max-width:991px){
		.SocialIcons{padding-top:0.5em;}
	}

/* Simple Gallery LightBox */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding:0;}
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-container-image-data-box { background-color: #777169; margin:0pt auto; overflow: visible; font-size:10px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; height:50px; position:relative;}
#lightbox-container-image-data { padding: 0 10px; }
#lightbox-container-image-details {text-align:left;}
#lightbox-container-image-details-caption{ font-weight: bold; float:left; display:inlne-block; padding-top:20px;}
#lightbox-container-image-details-currentNumber {float:right;display:inline-block; padding-top:20px;}

#lightbox-container-image-details-currentNumber a{ border-bottom:medium none; color:#151410; text-decoration:underline;}
#lightbox-container-image-details-nav { clear:left; display:block; padding:0pt 0pt 10px;}
#lightbox-container-image-details-nav a, #lightbox-container-image-details-nav a:hover { border-bottom:medium none; color:#151410; text-decoration:underline;}
#lightbox-container-image-details-nav-btnPrev{ margin:0pt 8px 0pt 0pt;}
#lightbox-image-details-close-btnClose { float: right;}
#lightbox-image-details-close a, #lightbox-image-details-close a:hover { border-bottom:medium none; color:#151410; text-decoration:underline;}

/* */
#lightbox-container-image-details{float:none;width:100%;color:#fff;}
#lightbox-image-details-close{position:absolute;bottom:0;right:0;display:none;}
#lightbox-container-image-details-nav-btnPrev{position:absolute;left:-42px;top:10px;width:26px;height:32px;background:url(img/Arrow.png) no-repeat;text-indent:-9999px;}
#lightbox-container-image-details-nav-btnPrev:hover{background-position:0 -32px;}
#lightbox-container-image-details-nav-btnNext{position:absolute;right:-42px;top:10px;width:26px;height:32px;background:url(img/Arrow.png) -26px 0 no-repeat;text-indent:-9999px;}
#lightbox-container-image-details-nav-btnNext:hover{background-position:-26px -32px;}
#lightbox-container-image-details-currentNumber{display:inline !important; position:absolute;right:5px;top:0;}
a#lightbox-container-image-details-nav-btnPlay{display:none !important;}
#lightbox-container-image-details-description{display:none !important;}

/* Login module */
.LoginPanel label.dnnFormLabel {display: inline-block;float: left;position: relative;width: 32.075%;padding-right: 20px;margin-right: 18px;overflow: visible;text-align: right;margin:0;}
.LoginPanel .dnnFormItem input[type="text"] {max-width: 445px;float:left;}
.LoginPanel .dnnFormItem input[type="text"], .LoginPanel .dnnLoginService input[type="password"]	{width:45%;}

.LoginPanel .dnnPrimaryAction{margin-left:190px; display:block; width:75px;}
.LoginPanel .dnnFormItem{width:100%;}
.LoginPanel .dnnLoginRememberMe{margin-left: 185px; display:inline-block;}
.LoginPanel .dnnFormItem input[type="checkbox"] + span{margin-top:0;}
.DnnModule-GSADProAuthentication .dnnLabel{padding:0; margin-top:0;}

.ModGSADProPasswordResetC .dnnFormValidationSummary{display:none;}

.DnnModule-GSADProAuthentication .dnnLabel{display:block; float:none; text-align:left;}
    
.DnnModule-GSADProAuthentication .dnnForm > a, .DnnModule-GSADProAuthentication .dnnForm > span{margin-left:0 !important;}



  /* Internships */
  .Internships th{text-align:left;}
  .Internships #InternshipList table{margin-top:0.5em;}
  .Internships #InternshipList td:first-child{}
  .Internships #InternshipList td{padding:0.3em;}
  .Internships #InternshipList .AltRow td{background-color:rgba(0,0,0,0.2) !important;}

  .Internships #InternshipList .ActiveRow td, .Internships #InternshipList .ActiveRow a:link, .Internships #InternshipList .ActiveRow a:visited{color:#000;}

  .Internships table.Overview{width:100%;}
  .Internships .Internship td{vertical-align:top;padding:0.3em 1em 0.5em 0;}
  .Internships .Internship td:first-child{white-space: nowrap;  text-align:right; font-weight:bold;}
  

/*Container */
/*---------- To align the Actions, Icon and Title ---------*/
.cContainer{padding-bottom:20px;}
.cIcon, .cActions, .cTitle{float:left;}
.cActions{padding-left:1em;}
.cIcon img {padding-right:4px;}
.cHeader{height:35px;}
.cHeader .cTitle{margin:7px 0 0; padding:0;}
.cContent{clear:both;margin-top:10px;}
.ModuleOptionsMenu li ul{opacity:1;filter:alpha(opacity=100)}
.cActions a:link, .cActions a:visited{color:#000 !important;text-decoration:none;font-weight:normal;}

.Admin .cContainer{background:#fff;}
.L0_Intranet .Admin .cContainer{background:transparent; color:#fff;}


/* Headers */
.cLarge .cHeader .cTitle{font-size:24px;}
.cMedium .cHeader .cTitle{font-size:20px;}
.cLargeNoTitle .DaeBlock{background:transparent;}



/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px;}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#ffffff;border:solid 1px #999999;}
.cContent .eipbackimg {margin-top:0;margin-left:-20px;}

/* Action Dropdown */
.ModuleOptionsMenu li li a:link, .ModuleOptionsMenu li li a:visited{font-size:12px;color:#000;}

.cActions *{opacity:1 !important;}
.cActions *{border-radius:0 !important;}
.ModuleOptionsMenuMainIcon-White{width:auto;padding:0;border:none;height:14px;width:25px;background:none;z-index:1000;}
.ModuleOptionsMenu-White li ul {top:12px;z-index:10000;}
.ModuleOptionsMenu-White{z-index:10000;position:relative;top:0;}
.ModuleOptionsMenu-White li ul{background:#fff; background:#fff;}
.ModuleOptionsMenu-White li ul li{background:#fff;}
.ModuleOptionsMenu-White a:hover{color:#000 !important;text-shadow:none;}
.ModuleOptionsMenu-White ul li:hover, .ModuleOptionsMenu-White ul li.sfhover {background:#fff; opacity:1;}
.cActions a{display:inline-block; min-height:20px; min-width:200px;}

/* ------------------ Module specific Styling -----------------------*/

/* Ventrian news articles */
.DaeNewsArticles .Content{width:69%;float:left;}
.DaeNewsArticles .Images{width:29%;float:right}
.DaeNewsArticles .Images{}
.DaeNewsArticles .Images ul{padding:0;margin:0;min-height:50px;}
.DaeNewsArticles .Images li{list-style-type:none;}
.DaeNewsArticles .Images.HideFirstImage li:first-child{display:none;} /* hide first image with using custom field*/
.DaeNewsArticles .Images li a{display:block;width:300px;}
.DaeNewsArticles h1{margin:0;}
.DaeNewsArticles h1 a{}

.DaeNewsArticle{padding-top:20px;}
.DaeNewsArticle .Content{width:620px;float:left;}
.DaeNewsArticle .Images{width:300px;float:right}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.DaeNewsArticle .Content{width:300px;float:left;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {   
		.DaeNewsArticle .Content{width:auto;float:none;}
		.DaeNewsArticle .Images{width:auto;float:none; margin-top:2em; }
		.DaeNewsArticles .Images li a{width:auto;}
		
		.PagingTable{width:460px; table-layout:fixed}
		.PagingTable td:first-child{display:none;}
		.PagingTable td{text-align:left;}
	}
	
	@media screen and  (max-width: 479px) {    
		.DaeNewsArticle .Content{width:auto;float:none;}
		.DaeNewsArticle .Images{width:auto;float:none; margin-top:2em;}
		.DaeNewsArticles .Images li a{width:auto;}
		
		.PagingTable{width:300px; table-layout:fixed}
		.PagingTable td:first-child{display:none;}
		.PagingTable td >a{display:none;}
		.PagingTable td > a:last-child, .PagingTable td > a:nth-last-child(2){display:inline;}
	}

.NewsItemBlock {padding:20px 0 10px;}

.DaeNewsArticle .Related h4, .DaeNewsArticle .Comments h4{margin:0;}
.DaeNewsArticle .Related ul{padding:0;margin:0;}
.DaeNewsArticle .Related li{padding:0;list-style:disc;list-style-position:inside;}


.CommentItem{margin-bottom:20px;}
.PostComment textarea{width:100% !important; border:none;}

.DaeNewsArticles .Categories a{text-transform:uppercase;font-size:12px;text-decoration:none;}

.PagingTable{background:transparent; border:none;border-top:solid 1px #fff;margin-top:20px;}
.PagingTable td, .PagingTable a, .PagingTable span{font-weight:bold; test-transform:uppercase;}

.CristpNewsItem{padding-bottom:15px;}
.CristpNewsItem h4{line-height:18px;margin-bottom:0;}

.NewsMenu a{text-transform:uppercase;text-decoration:none;font-weight:bold;}
a.MenuTopSelected:link, a.MenuTopSelected:visited{color:#000 !important;}


#jquery-overlay{z-index:100000;}
#jquery-lightbox{z-index:100001;}

/* Specific for Crisp */
.CristpNewsItem{clear:both;}
.CrispNewsItems .Text img{float:right; padding: 0 0 10px 10px;}




/* Graduation Press View */
.DaeGradPressView{padding-bottom:30px;}
.DaeGradPressView table{border-collapse:collapse;}
.DaeGradPressView td{padding-left:0;}
.DaeGradPressView .FullImg{float:right;padding-left:10px;font-size:12px;width:300px;}
.DaeGradPressView .FullImg h4{padding-bottom:1em;}
.DaeGradPressView .FullImg img{width:300px;padding-bottom:15px;}
.DaeGradPressView .FullImg *{font-size:12px;}
.DaeGradPressView .Data {float:left; width:500px;}
.DaeGradPressView h4{margin-bottom:1em;}

.DaeGradPressView img{}
.DaeGradPressList .CopyRight, .DaeGradPressView .CopyRight{padding:10px 0;font-size:10px;}


/* Graduation View */
.DaeGradWwwList{padding-top:15px;}
.DaeGradWwwList *{font-size:12px !important;}
.DaeGradWwwList .Student{padding-top:0.3em;}
.DaeGradWwwList .Item{float:left;height:180px;width:125px;padding:0 6px 13px 0;margin-right:3px;}
.DaeGradWwwList .Portrait{width:120px;height:150px;overflow:hidden;display:block;}
.DaeGradWwwList .Portrait img{}
.DaeGradWwwList a:hover img{opacity:0.6; filter:alpha(opacity=60)}
.DaeGradWwwList a:link, .DaeGradWwwList a:visited{font-weight:bold; text-decoration:none;}

.DaeGradWwwList .ProjectListFilters{padding-bottom:15px;}
.DaeGradWwwList .ProjectListFilters h3{float:left; padding-right:1em;}
.DaeGradWwwList .ProjectListFilters h3.NoFloat{float:none;}
.DaeGradWwwList .ProjectListFilters h3 a:link.Active, .DaeGradWwwList .ProjectListFilters h3 a:visited.Active{color:#000 !important;}


.DaeGradWwwView{padding-bottom:30px;margin-top:6px;}
.DaeGradWwwView .Project{padding-bottom:30px;}
.DaeGradWwwView h1, .DaeGradWwwView h2, .DaeGradWwwView h3, .DaeGradWwwView h4{margin-top:0;}
.DaeGradWwwView h2{font-size:12px;font-weight:bold;}
.DaeGradWwwView .Department{font-size:12px;text-transform:uppercase;padding-bottom:3px;}
.DaeGradWwwView h4{font-size:16px; text-transform:uppercase;margin-bottom:10px;}
.DaeGradWwwView h4.Title{font-size:20px;}
.DaeGradWwwView .Data{float:left;width:395px;}
.DaeGradWwwView .Photo{float:right;width:415px;}
.DaeGradWwwView .Text{min-height:300px;}
.DaeGradWwwView .Portrait{padding-top:33px;}
.DaeGradWwwView .Photographer{padding: 3px 0;color:#666;}
.DaeGradWwwView .Photographer:hover{color:#000;}

/* Gradaution Edit Intranet */
.L1_Graduation .cContainer{padding-bottom:50px;}

#Skin .DaeGradWwwList .Portrait img{max-width:none !important;}

	/* Adaptive */
	@media screen and  (min-width:768px) and (max-width: 991px) {  
		.DaeGradPressView .Data {float:left;width:300px;}
		.DaeGradPressView .FullImg{float:right;width:300px;}
	}
	
	@media screen and  (min-width:480px) and (max-width: 767px) {   
		.DaeGradPressView .Data {float:left;width:290px;}
		.DaeGradPressView .FullImg{float:right;width:150px;}
	}
	
	@media screen and  (max-width: 479px) {    
		.DaeGradPressView .Data {float:none;width:auto;}
		.DaeGradPressView .FullImg{float:none;width:auto;}
	}


/* Departments Search */
.XmodSearch{padding:10px 0 5px;}
.XmodSearch div{padding:0 !important;}
.XmodSearch input{border:solid 1px #000;}

/* Search */
.SearchInputContent{padding:7px 0 15px;}
.SearchInputContent td{padding-left:0;}
.SearchInputContent label img{display:none;}
.SearchInputContent input{border:solid 1px #f00;}
.SearchInputContent .StandardButton{background:none;border:none;}

.SearchResults span:first-child{text-transform:uppercase;font-size:12px;display:block;padding-bottom:8px;}
.SearchResultsTable td.SecondCol{padding:0 0 18px 0;}
.SearchResultsTable td.FirstCol, .SearchResultsTable td span{display:none;}
.SearchResultsTable td span.Summary{display:inline;}
.SearchResultsTable .SubHead{text-transform:uppercase;font-size:12px;text-decoration:none;}

/* Interviews */
.Interviews{padding-top:3px;clear:both;}
.Interviews a:hover img{opacity:0.8;filter:alpha(opacity=80)}
.Interviews .Item{width:195px;height:230px;overflow:hidden;float:left;margin-right:12px;}
.Interviews h3{font-size:11px;margin:0;padding-top:15px;padding-bottom:0;text-decoration:none;}
.Interviews p{margin:0;font-size:11px;}

.VideoDetailTitle, .VideoDetailTitle a:link, .VideoDetailTitle a:visited{font-size:11px;margin:0;padding-top:15px;padding-bottom:0;text-decoration:none;}

/* WorkIcons */
.WorkIcons{padding-top:3px;clear:both;}
.WorkIcons a:hover img{opacity:0.8;filter:alpha(opacity=80)}
.WorkIcons .Item{width:125px;overflow:hidden;float:left;margin-right:12px;}
.WorkIcons h3, .WorkIcons h3  a:link, .WorkIcons h3 a:visited{font-size:11px;margin:0;padding:0;text-decoration:none;}
.WorkIcons p{margin:0;font-size:11px;}


/* Announcements DAEPhotoGallery */
.DAEPhotoGallery {clear:both;padding-top:20px;}
.DAEPhotoGallery .Item{float:left;margin:0 22px 15px 0;}
.DAEPhotoGallery .Item .Image{height:275px;width:190px;overflow:hidden;}
.DAEPhotoGallery .Item h4, .DAEPhotoGallery .Item h5{margin-bottom:0.5em;}
.DAEPhotoGallery .Item a:link, .DAEPhotoGallery .Item a:visited{text-decoration:none;}

/* Helferlein Questionaire */
  .Questionnaire .Item{padding-bottom:1em; margin-top:0.7em; border-top:solid 1px #fff;}
  .Questionnaire .SubItem{padding-bottom:0.7em;}
  .Questionnaire textarea{width:500px; max-width:90%;}
  .Questionnaire .Item input[type=text], .Questionnaire .SubItem input{width:500px; max-width:90%;}
  .Questionnaire .Item input[type=text]{margin-top:0.3em;}
  .Questionnaire .SubHead{font-size:inherit; display:inline-block; padding-bottom:0.5em;}

	.Questionnaire .SubHead br{display:none;}
	.Questionnaire span.NormalRed{margin-left:0.5em; color:#000;}
	.Questionnaire span.NormalRed[style*='hidden']{display:none;}
	.ModhelferleinFormC .FormValidationSummaryStyle{padding-top:1em; color:#000 !important;}

	#SubmitButton{background:#fff; display:inline-block; padding:0.5em 1em;}

	#Skin #SubmitButton a:link{color:#000;}
  

  

/* Impression */
.RandomView td{text-align:left;vertical-align:top;}

/* Arrows */
.ForWard{
width:41px;line-height:32px;background:url(img/Arrow2.png) right 0 no-repeat;margin:20px 0 35px;cursor:pointer;}

.ForWard:Hover{
background:url(img/Arrow2.png) right -32px no-repeat;}

.BackWards{
width:41px;line-height:32px;background:url(img/Arrow2.png) right -64px no-repeat;margin:20px 0 35px;cursor:pointer;}

.BackWards:Hover{
background:url(img/Arrow2.png) right -96px no-repeat;}

/* Image Pager */
.SlideShowWrap .Pager a{display:inline-block;line-height:20px;text-decoration:none;text-align:center;width:20px;}
.SlideShowWrap .Pager a.Active{background:#000;color:#fff;}

/* TagCloud */
.TagCloud ul, .TagCloud ul li{padding:0;margin:0;list-style-type:none;font-size:80%;}
.TagCloud ul li{display:inline-block;padding:0 1em .5em 0;}

/* For Socialspaces Module */
.tweet {clear:both;}
.tweet img{float:left;padding: 0 5px 5px 0;}
.tweet .twDate{float:right;}
.tweet .twAuthor{display:block;float:left;clear:both;padding-bottom:20px;}

/* Simple Gallery (with custom template) */
.photo_198{border:none;}
.PhotoItem{margin:0 20px 20px 0;}
.RandomView{border-collapse:collapse;}
.RandomView td{padding:0;border:none;}
.ModSimpleGalleryC td{padding:0;margin:0;text-align:left;}
.ModSimpleGalleryC table{padding:0;margin:0;text-align:left;border-collapse:collapse;}
.ModSimpleGalleryC .mtpx----{display:none;}
.ModSimpleGalleryC div{text-align:left;}
.ModSimpleGalleryC span.Normal{font-weight:bold;}

/* Edit forms and Templates Dossier */
.DaeDossierList .ItemDisabled * {color:#666 !important;}
.DaeDossierList .ItemNotApproved * {color:#F00 !important;}
.DaeDossierList .ItemApproved * {color:#0F0 !important;}
.DaeDossierProjectImages img{margin:0 20px 20px 0;}
.DaeDossierProjectImages.IsSelectable a{cursor:pointer;}
.DaeDossierProjectImages.IsSelectable a.SelectedImage{cursor:default;}
.DaeDossierProjectImages.IsSelectable img{border:solid 2px transparent;}
.DaeDossierProjectImages.IsSelectable .SelectedImage img{border:solid 2px #02aa00;}

.EditFormProjects .RemarkNextLine{margin-left:185px;}

.DaeDossier.Manager.Photoshoot .Project{margin-bottom:30px;}

.DaeDossierList.DaeDossierCopyWriter td{padding:5px; border-bottom:solid 1px #888;}





/* Dossier upload module */
a.AddImages:link, a.AddImages:visited, a.ReturnLink:link, a.ReturnLink:visited{color:#222 !important; font-weight:bold;}

/* Vandaag */
.AnnBlock .SubHead{text-transform:uppercase;font-size:14px;text-decoration:none;}

/* Ck Editor */
.cke_dialog_background_cover{z-index:12000;}

/* Site communicator News Letters Overview */
.NewsLetterDetail{background:#fff;}
.NewsLetterDetail *{color:#000 !important;}


/* Dossier Printable Project List */
#Body.EmptySkin{background:#fff;padding:20px; max-width:95%;}
.EmptySkin img{max-width:100% !important; height:auto !important;}
.ProjectPrintItem{width:100%;padding:20px 10px 20px; border-top:solid 1px #fff;}
.ProjectPrintItem .ProjectText {float:left; width:59%;}
.ProjectPrintItem .ProjectPhoto {float:right;width:39%;}



/* Wifi module */
.ModTimoDesignDaeMacAddresstC .Agree{padding-top:0.5em;}
.ModTimoDesignDaeMacAddresstC .Save span{font-size:14px; font-weight:bold; text-transform:uppercase;}

/* Dossier Add projects Form */
.CreateProjects{border-collapse:collapse;}
.CreateProjects  td{border-bottom:solid 1px #444; padding:5px 20px 5px 0;}
.CreateProjects .RowTop td{font-weight:bold;color:#000;text-transform:uppercase;}

/* Dossier Forms */

      .xmp-dossier-form {
          padding: 1em 0;
      }

      .xmp-dossier-form h3 {
          margin: 2em 0 1em;
      }

      .xmp-dossier-form * {
          box-sizing: border-box;
      }

      .xmp-dossier-form .xmp-form-row {

          padding: 1em 0;
          clear: left;
          border-top: solid 1px #ddd;
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
      }
      .xmp-dossier-form label.xmp-form-label,
      .xmp-dossier-form span.xmp-form-label {
          display: block;
          width: 200px;
          padding: 0 0 0.5em 0;
      }
      .xmp-dossier-form .xmp-button {
          margin-right: 5px;
      }
      .xmp-dossier-form input[type=text],
      .xmp-dossier-form select,
	  .xmp-dossier-form textarea  {
          font-size: 15px !important;
          margin-right: 1em;
          width: 300px;
		  max-width:100%;
          height: 1.6em;
      }
	  .xmp-dossier-form textarea  {
		  height:10em;
	  }
      .xmp-dossier-form input[type=submit] {
          text-transform: uppercase;
          background: #fff;
          border: none;
          padding: 0.8em 1em;
          color: #fff;
          cursor: pointer;
      }
      .xmp-dossier-form input[type=submit]:last-child {
          background: #bbb;
      }
      .xmp-dossier-form .xmp-form-row * {
          flex-shrink: 1;
      }
      .xmp-dossier-form .xmp-form-row .message {
          flex-shrink: 1;
      }

      #Skin .xmp-dossier-form .xmp-form-row .message i {
          display: block;
          padding-top: 1em;
          color: #000;
      }
	  
	  /* Show and hide elements */
	  .StudentProjects .EditFalse{display:none;}
	  
	  .DossierStudentEdit .Dossier.Projects{display:none;}
	  .DossierProjectEdit .Dossier.Student{display:none;}
	  
	  
	  .Dossier table{
		  width:100%;
	  }
	  
	  .Dossier table th{
		  text-align:left;
	  }
	 .Dossier .CommandButton{
		display:inline-block; padding:0.3em 0.5em; background:#444; 
		
	 }
	 
	 .Dossier input[type=submit]{
		 display:inline-block; padding:0.3em 0.5em; border:none;
	 }
	 
	 .Dossier a.CommandButton:link,
	 .Dossier a.CommandButton:visited{
		 text-decoration: none;
		 color:#fff;
	 }
	 
	 #Skin .Dossier td{
		 color:#000;
		 border-top:solid 1px #ddd;
		 padding: 0.3em 0;
	 }


/* DNN 7 */
.dnnEditState .DnnModule {opacity: 1.0;}
.dnnCPHeader li{line-height:bold;}

/* ControlPanel */
#dnnCPWrap{z-index:10;}
#dnnCPWrap .dnnCPHNav, #dnnCPWrap .dnnCPHMode{height:30px;}
#RibbonBar_adminMenus > ul > li > a, #dnn_cp_RibbonBar_adminMenus > ul > li > a {padding: 10px 16px;}
.dnnCPHMessage{line-height:35px;}
#RibbonBar_adminMenus .dnnadminmega .megaborder, #dnn_cp_RibbonBar_adminMenus .dnnadminmega .megaborder {top: 35px;}

.LoginPanel{width:100%;}



body, .Normal, h1, h2, h3, h4, h5, h6{letter-spacing:normal; line-height:normal;}
form .actionMenu ul{z-index:1 !important;} 

/* Panes */
.dnnSortable{min-height:50px; background:rgba(255,255,255,0.1);margin-bottom:10px;}

/* Help pop-ups */
#Skin .dnnToolTip, #Skin .dnnToolTip *, #Skin .dnnHelpText, #Skin .dnnHelpText * {color:#fff;}

/* jQuery UI */
#Skin .ui-tabs-nav a:link, #Skin .ui-tabs-nav a:visited{color:#000;}
#Skin a.dnnSecondaryAction:link, #Skin a.dnnSecondaryAction:visited{color:#000;}
#Skin .dnnActions a{text-decoration:none;}
#Skin .Normal .dnnHSRadioButtons , #Skin .Normal .dnnTreeLegend *{color:#000;}

.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"]
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 12px;
    margin-bottom: 18px;
    padding: 3px;
}

a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited{color:#fff; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    background: #222;
    border-color: #000;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    color: #fff !important;
    text-shadow: none;
}

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    background: #666;
    border-color: #eee;
}

.dnnFormMessage {
  color: #000000 !important;
}

.dnnFormPopup .ui-dialog-buttonpane button {color:#fff;}

/* HTTP Warning */
.dnnEditState *[src^="http:"]{border:solid  1px #f00 !important;}


#IconMenu img{width:300px;}
.NewsLetterDetail{background:#fff;}
.NewsLetterDetail *{color:#000 !important;}

table, tr, td{background:none !important;}
table.ControlPanel{background:#fff;}

.dnnEditState [src^="http:"] {
    display:block; min-height:5px; min-width:50px;
}

.DnnModule{clear:both;}

/* General */
@media print { 

		  #ControlBar_ControlPanel, #Header, #Menu, .IconMenu, #BreadCrumbs, #MenuToggle, #Footer, .TimoDesignImageShow{display: none !important; color:#000 !important; } 
			#Body, #Skin{background:none;}
			#SkinWrap, #Skin, #sContainer{width:initial !important; max-width:initial !important;}
			#Skin h1, #Skin h2, #Skin h3, #Skin h4, #Skin .DaeBlock{color:#000 !important;}
			#Skin .DaeBlock{background-color:#000;}
			
			@page { size: auto; margin: 0mm;}
		
			}

			
			/* Addition for news auto scale */
			
img.cover{
    max-width:none !important;
    max-height:none !important;
    object-fit:cover; 
    object-position: 50% 50%
}

#Skin img.cover{max-width:none !important; height: 220px !important}

#sb-body-inner{text-align:center;}
#sb-player{max-width:100%; max-height:100%; width:auto; height:auto; margin:0 auto; position:relative !important; display:inline-block;}
	
	
/* Allow upload of all image sizes in News, 
CSS is a bit of a hack because it should still work in the menu icons that have an image and not a background-image */
	
	
	
.IconMenu li > a .bg-cover{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover !important;
	background-position: center center;
}

.IconMenu li > a.wrap-bg-cover, .IconMenu li > a.wrap-bg-cover:hover{
	opacity:1;
}

.IconMenu li > a.wrap-bg-cover span.bg-cover{
	
	opacity:0.8;
	
}

.IconMenu li > a.wrap-bg-cover:hover span.bg-cover{
	opacity:1;
	
}
	
	

.bg-cover > img{
	
	display:none;
}