/* new container styles */

.Fusion-content { margin-top: 10px;}

.Fusion-title-02 {
    background-color: #FFFFFF;
}
.Fusion-title-03 {
    padding-bottom: 6px;
}
.Fusion-title {
    font-size: 16px;
    line-height: 10px;
    padding-right: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
    font-weight: 400
}
.Fusion-title-02 span:before, .Fusion-title-02 span:after {
  border-top: 1px solid #e4e4e4;
  content: "";
  height: 5px;
  position: absolute;
  top: 10px;
  width: 200%;
  z-index: -1;
}
.Fusion-title-02 span:before {
  left: 100%;
  margin-left: 15px;
}
.Container hr{ padding:0; margin:5px 0 0;}

.rounded_title{ border-radius:30px 30px 0 0; }


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
} 

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  



/* old styles */


.c_DNN6_Header .Head {
    color:#4F4F4F; 
    font-size:18px; 
    line-height:24px; 
    padding:0 10px 0 0; 
    text-transform:uppercase; 
    }
    
.c_DNN6_Header .Title {
    margin:1em 0 .5em 0; 
    overflow:hidden; 
    }
    
.c_DNN6_Header .Title .TitleBar {
    margin:0 -100% 0 0; 
    vertical-align:middle; 
    width: 100%; 
    height: 20px; 
    }
    
.c_DNN6_SubTitle .Head {
    color:#4F4F4F; 
    font-size:18px; 
    line-height:30px; 
    padding:0 10px 0 0; 
    text-transform:uppercase; 
    }
    
.c_DNN6_SubTitle .Title {
    margin:1.35em 0 .5em 0; 
    overflow:hidden; 
    }
    
.c_DNN6_SubTitle .Title .TitleBar {
    margin:0 -100% 0 0; 
    vertical-align:middle; 
    width: 100%; 
    height: 24px; 
    }
    
.Head {
    color:#fff; 
    font-size:18px;
    border-bottom:none; 
    margin-bottom:0;
    font-weight:normal;
    }
.font_color .Head{ color:#66C25D; font-weight:300; }
#clearfix {
    width:100%; 
    float:left; 
    overflow:auto; 
    }

.Container {
    margin:0 0 4em; 
    padding:0; 
    }

 .H2Container_Title.ctrFont > h1, .H2TitleContainer.ctrFont > h1 {
  letter-spacing: 0;
  line-height: 30px;
  padding-top: 10px; margin-bottom:0;
}
.Container.Container03 {
  border: 1px solid #dddddd;
}
.CntPadding.SquareTitle_Content{ padding-left:10px; padding-bottom:15px; }
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) { }

@media all\0 { } /* IE8 uses \0 */
   
.CntPadding { padding:0; }

/*========== H1Container CSS ===========*/
.default_Title .Head { 
    font-size:32px; 
    line-height:38px;
    }
    
	
/*========== H2Container CSS ===========*/
.H2Container_Title .Head {
    color:#6db001; 
    font-size:26px; 
    line-height:38px; 
    font-family:'opensans', Tahoma; 
    }

/*========== FooterContainer CSS =======*/
.FooterTitle .Head {
    color:#eaeaea; 
    font-size:18px;
    }
    
.FooterTitle h1 {
    line-height:40px; 
    padding-bottom:15px; 
    }

/*========== H3Container CSS ===========*/
.H3Container_Title .Head {
    color:#6db001; 
    font-size:20px; 
    }
    
.H3Container_Title h1 {
    line-height:36px; 
    }
 
/*========== H1TitleBorderContainer CSS */
.H1TitleContainer {
    border-bottom:1px solid #6db001; 
    }
    
.H1TitleContainer .Head {
    color:#6db001; 
    font-size:32px; 
    line-height:42px; 
    }
    
.H1ContentContainer {
    padding:10px 0 0 0; 
    }

/*========== H2TitleBorderContainer CSS */
.H2TitleContainer {
    border-bottom:1px solid #6db001; 
    }
    
.H2TitleContainer .Head {
    color:#6db001; 
    font-size:26px; 
    line-height:42px; 
    }
    
.H2ContentContainer {
    padding:10px 0 0 0; 
    }

/*========== H3TitleBorderContainer CSS */
.H3TitleContainer {
    border-bottom:1px solid #6db001; 
    }
    
.H3TitleContainer .Head {
    color:#6db001; 
    font-size:20px; 
    }
    
.H3TitleContainer h1 {
    line-height:39px; 
    }
    
.H3ContentContainer {
    padding:10px 0 0 0; 
    }
                    
/*========== Container01 ===============*/
.Container01Title {
    padding:0px 15px; 
    background:#6db001;
    position:relative; 
    }
    
.Container01Title h1 {
    line-height:36px; 
    color:#fff; 
    font-size:18px; 
    font-family:Arial, Tahoma; 
    }
    
.Container01Content {
    padding-top:10px; 
    }

/*========== Container02 CSS ===========*/
.Container02 {
    background:#fff; 
    border:1px solid #cecfcf; 
    }
    
.Container02_Title h1 {
    line-height:36px; 
    font-size:18px; 
    padding:0 15px;
    background: #6db001; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6db001), to(#508100));
    background: -webkit-linear-gradient(#6db001, #508100); 
    background: -moz-linear-gradient(#6db001, #508100);
    background: -ms-linear-gradient(#6db001, #508100); 
    background: -o-linear-gradient(#6db001, #508100);
    background: linear-gradient(#6db001, #508100); 
    -pie-background: linear-gradient(#6db001, #508100);
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Container02_content {
    padding:8px 10px; 
    }

/*========== Container03 CSS ===========*/
.SquareTitle_Title h1 {
    padding:0px 15px; 
    color:#fff; 
    font-size:18px; 
    line-height:36px; 
    }
    
.SquareTitle {
    padding-top:10px; 
	background:#ffffff;
    }

/*========== Container04 CSS ===========*/
.Container04Title .Head {
    background:#6db001; 
    padding:3px 15px; 
    position:relative; 
    }
    
.Container04Title h1 {
    border-bottom:1px solid #6db001; 
    font-size:18px; 
    line-height:27px; padding-top:10px; 
    }
    
.Container04Content {
    padding:8px 0; 
    }

/*========== Container05 CSS ===========*/
.Square_title_content_border {
    background:#fff; 
    border:1px solid #cecfcf; 
    -webkit-border-radius:0 0 20px 20px; 
    -moz-border-radius:0 0 20px 20px; 
    -o-border-radius:0 0 20px 20px; 
    border-radius:0 0 20px 20px; 
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Square_title_content_border_Content {
    padding:8px 10px; 
    }
    
.Square_title_content_border_Title h1 {
    padding:0px 15px; 
    line-height:36px; 
    font-size:18px;
    position:relative; 
    }

/*========== Container06 CSS ===========*/
.Container06Title .Head {
    padding:3px 15px; 
    background:#6db001; 
    }
    
    .Container06Title h1 {
        border-top:4px solid #6db001; 
        font-size:18px; 
        line-height:34px; 
    }
    
.Container06Content {
    padding:8px 0; 
    }
                 
/*========== Container07 CSS ===========*/
.Container07 {
    background:#fff; 
    border:1px solid #cecfcf; 
    }
    
    .Container07Title h1 {
        font-size:18px; 
        line-height:29px; 
        border-top:4px solid #6db001; 
        border-bottom:4px solid #6db001; 
        font-size:18px; 
        padding:0 15px; 
        }
        
    .Container07Title .Head {
        color:#6db001; 
        }
        
    .Container07Content {
        padding: 8px 10px; 
        }

/*========== Container08 CSS ===========*/
.Container08 {
    background:#fff; 
    border:1px solid #cecfcf; 
    -webkit-border-radius:0 12px; 
    -moz-border-radius:0 12px; 
    border-radius:0 12px; 
    behavior: url(/Portals/_default/Skins/Icon/CSS/PIE.htc);
    position:relative; 
    }
    
.Container08Title h1 {
    padding:0px 18px; 
    font-size:18px; 
    line-height:36px; 
    -webkit-border-radius: 0 12px 0 0; 
    -moz-border-radius:0 12px 0 0; 
    border-radius:0 12px 0 0;
    background: #6db001; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6db001), to(#508100));
    background: -webkit-linear-gradient(#6db001, #508100); 
    background: -moz-linear-gradient(#6db001, #508100);
    background: -ms-linear-gradient(#6db001, #508100); 
    background: -o-linear-gradient(#6db001, #508100);
    background: linear-gradient(#6db001, #508100); 
    -pie-background: linear-gradient(#6db001, #508100);
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Container08Content {
    padding:8px 10px; 
    }

/*========== Container09 CSS ===========*/
.Container09 {
    background:#fff; 
    border:1px solid #cecfcf; 
    }
    
    .Container09Title h1 {
        font-size:18px; 
        border-left:6px solid #6db001; 
        border-right:6px solid #6db001; 
        font-size:18px; 
        padding:0 13px; 
        line-height:35px; 
        }
        
    .Container09Title .Head {
        color:#6db001; 
        }
        
    .Container09Title {
        border-bottom:1px solid #cecfcf; 
        }
        
    .Container09Content {
        padding: 8px 10px; 
        }

/*========== Title_bottom_radius CSS ===========*/
.Title_bottom_radius {
    border:1px solid #cecfcf; 
    -moz-border-radius:0px 0px 20px 20px; 
    -webkit-border-radius:0px 0px 20px 20px; 
    border-radius:0px 0px 20px 20px; 
    behavior: url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    }
    
    .Title_bottom_radius_Title h1 {
        border-bottom:1px solid #cecfcf; 
        font-size:18px; 
        line-height:36px; 
        padding:0 15px; 
        }
        
    .Title_bottom_radius_Title .Head {
        color:#21c2f8 ; 
        }
        
    .Title_bottom_radius_Content {
        padding: 8px 10px; 
        }

/*========== Container11 CSS ===========*/
.Container11 {
    background:#fff; 
    border:1px solid #cecfcf; 
    -webkit-border-radius:20px 20px 0 0; 
    -moz-border-radius:20px 20px 0 0; 
    -o-border-radius:20px 20px 0 0; 
    border-radius:20px 20px 0 0; 
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Container11Content {
    padding:8px 10px; 
    }
    
.Container11Title h1 {
    padding:0px 15px; 
    line-height:36px; 
    font-size:18px; 
    -webkit-border-radius:20px 20px 0 0; 
    -moz-border-radius:20px 20px 0 0; 
    border-radius:20px 20px 0 0;
    background: #6db001; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6db001), to(#508100));
    background: -webkit-linear-gradient(#6db001, #508100); 
    background: -moz-linear-gradient(#6db001, #508100);
    background: -ms-linear-gradient(#6db001, #508100); 
    background: -o-linear-gradient(#6db001, #508100);
    background: linear-gradient(#6db001, #508100); 
    -pie-background: linear-gradient(#6db001, #508100);
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
                  
/*========== No_title_rounded_box CSS ===========*/
.No_title_rounded_box {
    border:1px solid #cecfcf; 
    -webkit-border-radius:12px; 
    -moz-border-radius:12px; 
    border-radius:12px; 
    behavior: url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
    .No_title_rounded_box_Content {
        padding:10px; 
        }

/*========== Container13 CSS ===========*/
.no_title_Square_border {
    border:1px solid #cecfcf; 
    }
    
    .no_title_Square_border_Content {
        padding:10px; 
        overflow:auto; 
        }
 
/*========== Container14 CSS ===========*/
.Container14 {
    background:#fff; 
    border:1px solid #cecfcf; 
    -webkit-border-radius:0 20px; 
    -moz-border-radius:0 20px; 
    border-radius:0 20px; 
    behavior: url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Container14Title h1 {
    padding:0px 18px; 
    font-size:18px; 
    line-height:36px; 
    -webkit-border-radius: 0 20px 0 0; 
    -moz-border-radius:0 20px 0 0; 
    border-radius:0 20px 0 0;
    background: #6db001; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6db001), to(#508100));
    background: -webkit-linear-gradient(#6db001, #508100); 
    background: -moz-linear-gradient(#6db001, #508100);
    background: -ms-linear-gradient(#6db001, #508100); 
    background: -o-linear-gradient(#6db001, #508100);
    background: linear-gradient(#6db001, #508100); 
    -pie-background: linear-gradient(#6db001, #508100);
    behavior:url(/Portals/_default/Skins/Icon/CSS/PIE.htc); 
    position:relative; 
    }
    
.Container14Content {
    padding:8px 10px; 
    }


/*========== SubTitleContainer CSS ===========*/

.SubTitleContainer .Head {
    color:#333; 
    font-size:18px; 
    padding:0 10px 0 0; 
    }
    
.SubTitleContainer .Title {
    margin:1.5em 0 1.2em 0; 
    overflow:hidden; 
    }
    
.SubTitleContainer .Title .TitleBar {
    margin:0 -100% 0 0; 
    vertical-align:middle; 
    width: 100%; 
    height: 24px; 
    }