/* css-styles for 2sxContent-Templates */

/* old from skin */
.co-float-left { width:50%; display: inline; float: left; margin-left:10px; margin-top:10px; /* line height adjustment */ margin-bottom: 15px; margin-right: 20px; }
.co-float-right { width:50%; display: inline; float: right; margin-right:10px; margin-top:10px; /* line height adjustment */ margin-bottom: 15px; margin-left: 20px; }
.center { display:block; text-align:center; margin: 1.5em auto 0 auto; }
	/*END old fix*/
.co-simple-text { margin-bottom:25px;}
.co-news-img { width:100%; max-width:100%; display:block;}
.co-news-imgBox { background-color:#868686;}

.co-linklarge { overflow:hidden; margin-bottom:48px;}
.tab-home .co-linklarge { margin-bottom:22px;}
.co-linklarge .sc-element a { text-decoration:none !important; position:relative;}
.co-linklarge .sc-element { width:50%; float:left; position:relative; display:block; margin-bottom:34px;}
.co-linklarge.co-linklarge-banner .sc-element { width:100%; float:none; position:relative; display:block;}

.co-linklarge .co-col-5.sc-element {
	width: 20%;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 34px;
}
.co-linklarge .co-col-5.sc-element > a {
	padding:0 2px;
}
.co-linklarge .co-col-5.sc-element .co-linklarge-bottom {
	font-size:16px;
	padding-right: 40px;
}

.co-linklarge .co-col-2-0 { clear: both;}


.co-linklarge .co-col-2-0 > a {margin-right:17px;}
.co-linklarge .co-col-2-1 > a {margin-left:17px;}

.co-linklarge-top { padding:11px 24px 14px 24px; margin:0px; background-color:#616161; }
.co-linklarge-top h3 { margin:0; font-weight: 300; font-family:Roboto, 'Helvetica Neue', Helvetica, Arial; color:#dfe0e1; font-size:1.368em; line-height:normal;}
.co-linklarge-home .co-linklarge-top { padding:11px 24px 14px 24px; margin:0px; background-color:#616161;font-weight: 300; font-family:Roboto, 'Helvetica Neue', Helvetica, Arial; color:#dfe0e1; font-size:1.368em; line-height:normal; }
.co-linklarge-bottom { padding:21px 50px 30px 25px; overflow:hidden; position:relative;}
.co-linklarge-bottom > div { float:left; color:#313131;}
.sc-element:hover > .co-linklarge-bottom > div { float:left; color:#313131;}
.co-linklarge-link { display:block; width:42px; height:42px; position:absolute; text-align:right; top:21px; right:25px;}
.co-image-description { display: block; text-align: center; font-size: 0.842em; color: #aaa; border-bottom: solid #D4D4D4 1px; }
.co-linklarge-title {position:relative; overflow:hidden;}
.co-linklarge-title h3.co-linklarge-top {position:absolute;z-index:10;color:#FFF;background-color:transparent; bottom:0;}
.co-linklarge-title .co-news-imgBox .co-linklarge-overlay {position:absolute;z-index: 8;top:0; left:0;width:100%;height:100%;background:red;background: -moz-linear-gradient(top, rgba(255,255,255,0) 31%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 31%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 31%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.co-linklarge a .co-news-imgBox img {transition: all 0.3s ease-in-out}
.co-linklarge a:hover .co-news-imgBox img {transform: scale(1.05);}

/* Extranet Title */
.co-extranet-button { background-image:url(button.jpg); background-repeat:no-repeat; width:22px; height:22px; position:absolute; top:6px; right:0px;}
.active .co-extranet-button { background-image:url(button-active.jpg);}
.extranet-title { text-decoration:none !important; display:block; width:100%; padding-bottom:5px; position:relative;}
.extranet-border { border-bottom: 1px solid #c2c2c2; display:block; width:100%; margin-bottom:15px;
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}
.extranet-border.active { border-bottom-color:white; margin-bottom:0px;
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}
.DnnModule { width:100% !important;}

/* default */
a .co-linklarge-link {    
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}
a .co-linklarge-bottom {  background-color:#e7e8e9;    
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}


/* hover */
a:hover .co-linklarge-link, a:focus .co-linklarge-link { 
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}
a:hover .co-linklarge-bottom, a:focus .co-linklarge-bottom { background-color:#c8c8c8;     
	transition: all 0.2s ease-in; /* explorer 10 */
    -webkit-transition: all 0.2s ease-in; /* chrome & safari */
    -moz-transition: all 0.2s ease-in; /* firefox */
    -o-transition: all 0.2s ease-in; /* opera */}


/* Tab Home and Quick Links */
.tab-home .co-linklarge .co-col-3-0, .tab-116 .co-linklarge .co-col-3-0, .tab-389 .co-linklarge .co-col-3-0, .tab-402 .co-linklarge .co-col-3-0, .tab-983 .co-linklarge .co-col-3-0 { width:33.333%;}
.tab-home .co-linklarge .co-col-3-1, .tab-116 .co-linklarge .co-col-3-1, .tab-389 .co-linklarge .co-col-3-1, .tab-402 .co-linklarge .co-col-3-1, .tab-983 .co-linklarge .co-col-3-1 { width:33.333%;}
.tab-home .co-linklarge .co-col-3-2, .tab-116 .co-linklarge .co-col-3-2, .tab-389 .co-linklarge .co-col-3-2, .tab-402 .co-linklarge .co-col-3-2, .tab-983 .co-linklarge .co-col-3-2 { width:33.333%;}
.tab-home .co-linklarge .co-col-2-0, .tab-116 .co-linklarge .co-col-2-0, .tab-389 .co-linklarge .co-col-2-0, .tab-402 .co-linklarge .co-col-2-0, .tab-983 .co-linklarge .co-col-2-0 { clear:none;}
.tab-home .co-linklarge .co-col-3-0, .tab-116 .co-linklarge .co-col-3-0, .tab-389 .co-linklarge .co-col-3-0, .tab-402 .co-linklarge .co-col-3-0, .tab-983 .co-linklarge .co-col-3-0 { clear: both;}
.tab-home .co-linklarge .sc-element { margin-bottom:6px;}

.tab-home .co-linklarge .co-col-3-0 > a, .tab-116 .co-linklarge .co-col-3-0 > a, .tab-389 .co-linklarge .co-col-3-0 > a, .tab-402 .co-linklarge .co-col-3-0 > a, .tab-983 .co-linklarge .co-col-3-0 > a { margin-right:4px; margin-left:0px;}
.tab-home .co-linklarge .co-col-3-1 > a, .tab-116 .co-linklarge .co-col-3-1 > a, .tab-389 .co-linklarge .co-col-3-1 > a, .tab-402 .co-linklarge .co-col-3-1 > a, .tab-983 .co-linklarge .co-col-3-1 > a { margin-right:2px; margin-left:2px;}
.tab-home .co-linklarge .co-col-3-2 > a, .tab-116 .co-linklarge .co-col-3-2 > a, .tab-389 .co-linklarge .co-col-3-2 > a, .tab-402 .co-linklarge .co-col-3-2 > a, .tab-983 .co-linklarge .co-col-3-2 > a { margin-right:0px; margin-left:4px;}
@media screen and ( max-width: 1200px ) {
	/* Tab Home */
	.co-linklarge .co-col-5.sc-element {
		width: 33.3%;
	}
}

@media screen and ( max-width: 767px ) {
/* Tab Home */
.co-linklarge .co-col-5.sc-element {
	width: 50%;
}
#Body.tab-home .co-linklarge .co-col-2-0, #Body.tab-116 .co-linklarge .co-col-2-0, #Body.tab-389 .co-linklarge .co-col-2-0, #Body.tab-402 .co-linklarge .co-col-2-0, #Body.tab-983 .co-linklarge .co-col-2-0 { width:50%;}
#Body.tab-home .co-linklarge .co-col-2-1, #Body.tab-116 .co-linklarge .co-col-2-1, #Body.tab-389 .co-linklarge .co-col-2-1, #Body.tab-402 .co-linklarge .co-col-2-1, #Body.tab-983 .co-linklarge .co-col-2-1 { width:50%;}

#Body.tab-home .co-linklarge .co-col-2-0 > a, #Body.tab-116 .co-linklarge .co-col-2-0 > a, #Body.tab-389 .co-linklarge .co-col-2-0 > a, #Body.tab-402 .co-linklarge .co-col-2-0 > a, #Body.tab-983 .co-linklarge .co-col-2-0 > a { margin-left:0;margin-right:0;padding: 0 2px;}
}

@media screen and ( max-width: 570px ) {
.co-linklarge > .sc-element { width:100% !important;}
.co-linklarge .co-linklarge-top, .co-linklarge .co-linklarge-bottom, .co-news-imgBox { margin-left:0px !important; margin-right:0px !important;}
#Body .co-linklarge div > a { margin-left:0px !important; margin-right:0px !important;}
}



	/* Sperating Line */
	.role-admin .co-separatingline{
		padding: 15px 0;
	}
	
	hr.ly-primaryhr, hr.ly-greyhr { clear:none; }
	hr.ly-darkhr { border-color: #DFDFDF; }
	hr.ly-primaryhr { border-color: #DC0018; }
	hr.ly-greyhr { border-color: #c2c2c2; }
	hr.ly-primaryhr-half { width: 50%; margin-right: auto; margin-left: auto }

	/*Whitespace*/
	.co-whitespace-xs, .co-whitespace-sm, .co-whitespace-md, .co-whitespace-lg {margin:0;}
	.co-whitespace-xs {height:15px;}
	.co-whitespace-sm {height:30px;}
	.co-whitespace-md {height:45px;}
	.co-whitespace-lg {height:60px;}