@import url("Css/dnnreset.css");
@import url("Css/bootstrap.min.css");
@import url("Css/bootstrap.480.css");

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
  border-left:solid 15px transparent;
  border-right:solid 15px transparent;
}

/* Panes */
.Pane{background:#fff;}

/* Bootstrap & Pane borders */
.container-fluid{max-width:1170px;}

.dnnEditState .DnnModule {opacity: 1.0;} 
.dnnEditState  .cContainer, .CP-Layout .cContainer{background:#fdfdfd;}

.CP-Edit .Panes > .row, .CP-Layout .Panes > .row{margin-bottom:20px; background:#f1f1f1; padding-bottom:20px;}
.CP-Edit .Panes *[class^="col-"], .CP-Layout  .Panes *[class^="col-"]{border-color:#f1f1f1; margin-top:20px;}


@media screen and (min-width: 767px) {
	.Expands{position:relative;}
	.CP-Edit  .Expands, .CP-Layout .Expands{ min-height:200px;}
	.CP-Edit .Expands:after, .CP-Layout .Expands:after{content:"#"; position:absolute; bottom:-20px; left:50%;	margin-left:-10px; width:0; height:0; 
	border-left: 15px solid transparent; border-right: 15px solid transparent;	border-top: 15px solid #fff; overflow:hidden;}
}


/* Remove height for panes without any content */
.CP-View .row.Empty{background-color:#f00; display:none;}



/* overrrule behaviour */
.NoMargin {margin-left:0; margin-right:0;}


/*		DEFAULT STYLE		*/

/* Text */
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#222; font-family:Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal, .NormalBold, .NormalRed, .NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:13px;}
h1, h2, h3, h4, h5, h6{margin:1ex 0; font-weight:normal;}
h1, h1 a:link, h1 a:visited{font-size:24px;}
h2, h2 a:link, h2 a:visited{font-size:20px;}
h3, h3 a:link, h3 a:visited{font-size:16px;}
h4, h4 a:link, h4 a:visited{font-size:14px;}
h5, h5 a:link, h5 a:visited{font-size:12px;}
h6, h6 a:link, h6 a:visited{font-size:12px;}

/* Links */
a,a:link,a:visited,a:active, a.CommandButton:link, a.CommandButton:visited{color:#F00; text-decoration:none; font-weight:normal; }
a:hover{color:#F00}


/* Skin */
#Skin{}

/* DNN Heading */
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Helvetica, sans-serif;}
.Head{color:#444;font-weight:bold;font-size:17px;}
.SubHead {color:#666;font-size:15px;}
.SubSubHead{color:#888; font-size:13px;}
.NormalRed {color:#F00; }

/* Tables */
tfoot, thead, th{font-size:12px;}


/*		CLEAR & FLOAT		*/
.ClearBoth{clear:both;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

.ClearAfter:before,.ClearAfter:after {content: ""; display: table;} 
.ClearAfter:after {clear: both;}
.ClearAfter {zoom: 1;} /* For IE 6/7 (trigger hasLayout) */


/* Normal */
.Normal p{margin-top:0px;}
.Normal img[align='left']{margin: 1em 1em .5em 0;}
.Normal img[align='right']{margin: 1em 0 .5em 1em;}


/* Lists */
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:disc;}


/*		SKIN		*/

header.Skin {padding-top:10px; padding-bottom:10px;}
header .Logo img{padding:5px 0;}


.Date{color:#888;padding-top:3px;}

/* Skin */
#Body{background:#fff;}

.LangWrap{float:right; padding-right:8px;}
.LangWrap .Language{margin:0;}
.LangWrap span{padding-left:5px;}
.LangWrap img{border:none !important;opacity:0.3;}
.LangWrap .selected img, .LangWrap img:hover{opacity:1;}

.FloatRight{float:right;}
.ClearFloat{clear:both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.Rounded{border-radius:6px 6px 6px 6px;}
	@media screen and (max-width: 767px) {
		.Rounded{border-radius:0;}
	}
	
.Gradient{background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */}


.Breadcrumbs{padding:0 10px;border-bottom:dotted 1px #ccc;}
.Breadcrumbs > span{line-height:30px;}
.Breadcrumbs a:link, #Breadcrumbs a:visited{color:#444;}
.Breadcrumbs a:hover{color:#f00;}
.Search{float:right;padding-top:3px;}
a.Search{display:inline-block;}
.Search input{border:solid 1px #ddd;}
#Skin .searchInputContainer {margin:0 3px 0 0 !important;}

/* MENU -------------------- */

/* MENU > General */
	.FFUlMenu{position:relative;}
	.FFUlMenu, .FFUlMenu ul, .FFUlMenu li{padding: 0; margin: 0; list-style: none; line-height: 1;}
	.MainMenu > ul{padding:0 15px;}
	.MenuToggle{padding:0 15px; color:#000; line-height:36px; background:url(Img/MenuToggle.png) no-repeat right center; margin-right:15px;}

/* MENU > Mobile */
@media screen and (max-width: 767px) {

	/* Show & Hide */
	a.MenuToggle{display:block;}
	.SubMenu{display:none;}
	
	/* Styling */
	.MainMenu > ul{display:none; background:#fff;}
	.MainMenu li > a, .MainMenu li > span{display:block; line-height:30px; border-bottom:solid 1px #eee; color:#444;}
	
	.MainMenu li.Level0 > a , .MainMenu li.Level0 > span{font-weight:bold;}
	.MainMenu li.Level1 > a , .MainMenu li.Level1 > span{padding-left:15px;}
	.MainMenu li.Level2 > a , .MainMenu li.Level2 > span{padding-left:30px;}
	.MainMenu li.Level3 > a , .MainMenu li.Level3 > span{padding-left:45px;}
	.MainMenu li.Level4 > a , .MainMenu li.Level4 > span{padding-left:60px;}
	.MainMenu li.Level5> a , .MainMenu li.Level5 > span{padding-left:75px;}
	.MainMenu li.Level6 > a , .MainMenu li.Level6 > span{padding-left:90px;}
	.MainMenu li.Level7 > a , .MainMenu li.Level7 > span{padding-left:105px;}
	.MainMenu li.Level8 > a , .MainMenu li.Level8 > span{padding-left:120px;}
}

@media screen and (min-width: 768px) {

	/* Show & Hide */
	.MenuToggle{display:none;}

	/*HorMenu */

	.FFUlMenu li {float: left; list-style-type:none;position:relative;}
	.FFUlMenu a, .FFUlMenu li>span  {display:block;}
	.FFUlMenu a:hover{text-decoration:none;}

	/* Styling & Width*/
	.FFUlMenu a, .FFUlMenu li>span{padding:0.5em;}
	.FFUlMenu li, .FFUlMenu li ul{width: 226px;}
	.FFUlMenu img{padding-right:5px;}

	.FFUlMenu li.Level0, .FFUlMenu a.Level0{width:auto;}

	.MainMenu > ul{display:block !important; height:36px;}
	
	.MainMenu{position:relative;z-index:1000;}
	.MainMenu li.Level0{text-shadow:1px 1px 1px #fff;}
	.MainMenu li.Level0.Active, .MainMenu li.Level0.ActiveParent{margin-top:5px;}

	.MainMenu a.Level0, .MainMenu span.Level0{display:block; line-height:36px; padding:0 18px; }
	.MainMenu a:link, .MainMenu a:visited{color:#000;}
	.MainMenu a:hover{color:#888;text-decoration:none;}
	.MainMenu li>span{color:#888;}

	.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>span.Active, .MainMenu li.Level0>span.ActiveParent{color:#F00 !important; border-radius: 6px 6px 0 0; background:#fff; border-bottom:none;}
	.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>span.Active, .MainMenu li.Level0>span.ActiveParent{box-shadow:0 -2px  2px -1px #aaa;}

	/* Show & Hide levels */
	.MainMenu  li ul {position:absolute;left:-999em; z-index:1001}
	.MainMenu  li ul{
			opacity:0;  
			-webkit-transition: opacity 0.3s linear;  
			-moz-transition: opacity 0.3s linear;  
			-o-transition: opacity 0.3s linear;  
			-ms-transition: opacity 0.3s linear;  
			transition: opacity 0.3s linear; 
			}

	.MainMenu li{position:relative;}
	.MainMenu li ul ul {margin: 0 0 0 226px;}
	.MainMenu  li ul ul {top:0;}
	.MainMenu  li:hover>ul{left: 0; opacity:1; }
	.MainMenu  li.Level0:hover>ul{left: 10px;}
	/* Remove to also have a dropdown on the active root item 
	.MainMenu  li.Level0.Active:hover>ul, .MainMenu  li.Level0.ActiveParent:hover>ul{left:-999em;}
	*/

	.MainMenu li.Level0 ul{background:#fff;border-radius:6px; box-shadow:0 0 3px #888;}

	.MainMenu li.Level0 a{color:#000;}
	.MainMenu li.Level0 a.Active, .MainMenu li.Level0 a.ActiveParent, .MainMenu li.Level0 a:hover{color:#F00 !important;}

	/* Sub Menu */
	.SubMenu{background:#fff; position:relative; clear:both; min-height:7px;}
	.SubMenu {padding:0 22px 0; border-bottom:dotted 1px #ccc;}
	.SubMenu li a, .SubMenu li>span{color:#000;padding:8px 20px 10px 6px;}
	.SubMenu li a.Active, .SubMenu li a.ActiveParent, .SubMenu li a:hover{color:#F00 !important;}

}

/* Panes */
.Panes{margin-top:30px;}


/* FOOTER */
footer{margin-bottom:20px; text-shadow:1px 1px 1px #fff; padding:10px 15px;}
footer a:link, footer a:visited{color:#222;display:inline-block;}
footer a:hover{color:#666;}
footer, footer a{line-height:36px;}

@media screen and (max-width: 767px) {
	footer {margin-bottom:0; padding:0 15px;}
	footer .text-right{text-align:left;}
}

ul.ModuleOptionsMenu li.sfhover a { color: #444;text-decoration:none;}



/* CONTAINERS */
.cContainer{margin-bottom:20px;}
.cIcon, .cTitle{float:left;}
.cIcon img {float:left; padding-right:4px;}



/* RESPONSIVE */
img{max-width:100%; height:auto !important;}
img{-ms-interpolation-mode: bicubic; }
iframe{max-width:100%;}



