/* 
================================
 Container Styles for DotNetNuke
================================



/*-------------------------------------------------------------------------------*/
.Normal { color: #666666; }
.actions { width: 10px; }
.clear { clear: both; line-height: 0; font-size: 0; height: 0; }
.left { float: right; }
.right { float: left; }
.c_footer { padding-left: 10px; text-align: right; margin: 0 0 0px 0; }
.c_contentpane { text-align: right; }
.dnntitle { text-transform: capitalize; font-size: 18px; line-height: 1.8; font-weight: 400; /*font-family: lato;*/ }

/*Container001*/
.Container001 .dnntitle { color: #444; }
.Container001 .contentpane { padding: 15px 0px 10px 0px; }
/*Container002*/
.Container002 .dnntitle { color: #444; border-bottom: 1px solid #ddd; }
.Container002 .titleline { float: right; margin: 0 0 -1px 0; border-bottom: 2px solid #6C6C6C; padding: 0 0 5px 0; }
.Container002 .contentpane { padding: 25px 0px 10px 0px; }

/*Container003*/
.Container003 { background:#fff;margin-bottom:15px;}
.Container003 .dnntitle { border: #f2f2f2 solid 1px; color: #004c75; height: 40px; line-height: 40px; }
.Container003 .title1 { padding: 0 10px 0 0; }
.Container003 .contentpane { padding: 5px; border: solid 1px #eee; border-top: 0px none; }
.Container003 .Container003_icon { width: 40px; height: 40px; background: #006185 ; float: right; padding: 5px 5px 0 0; }

/*Container004*/
.Container004 { border: 1px solid #333; margin: 0 0 20px 0; }
    .Container004 .dnntitle { color: #FFF; margin: 0px; background: #333; padding: 0px 15px; }
    .Container004 .contentpane { padding: 20px 15px 10px 15px; }

/*Container005*/
.Container005 .contentpane { padding: 15px 0px 10px 10px; }

/*Container006*/
.Container006 .dnntitle { border-bottom: 1px solid #ddd; }
.Container006 .titleline { float: right; margin: 0 0 -1px 0; border-bottom: 1px solid; padding: 0 0 5px 0; }
.Container006 .contentpane { padding: 22px 0 0 10px; }

/*Container007*/

.Container007 .dnntitle { padding: 0px; font-size: 16px; text-transform: capitalize; text-align: right; color: #FFF; font-weight: 400; line-height: 45px; }
    .Container007 .dnntitle .title-bg { display: inline-block; padding: 0px 20px 0 10px; position: relative; }
        .Container007 .dnntitle .title-bg:after { content: ''; position: absolute; border-right: 0px solid transparent; border-left: 35px solid transparent; bottom: 0; right: 50%; margin-right: 0px; right: 100%; }
    .Container007 .dnntitle .title { display: block; }
.Container007 .contentpane { padding: 12px 0 10px; }
.Container007 .c_footer { margin: 0 0 20px; }
/*Container008*/
.Container008 { border: 1px solid #ddd; margin: 0 0 20px; }

    .Container008 .dnntitle { padding: 0 15px 0 0; color: #fff; font-size: 15px; line-height: 38px; }
    .Container008 .contentpane { padding: 0; }
    .Container008 .c_footer { margin: 0; }

/*Container009*/
.Container009 .dnntitle { overflow: hidden; color: #333; }

.Container009 .title1 { float: right; margin: 0 0 0 10px; }
.Container009 .titleline { height: 1px; width: 100%; margin: 20px 0px 0px -100%; float: right; background: #e3e3e3; }
.Container009 .contentpane { padding: 15px 0px 10px 0px; }


/*Container010*/
.Container010 .dnntitle { background: none repeat scroll 0 0 #f2f2f2; border-right: 4px solid; }
.Container010 .title1 { padding: 0 10px 0 0; }
.Container010 .contentpane { padding: 25px 0 10px; border-top: none; }
/*Container011*/
.Container011 { margin: 0 0px 20px 0; }

    .Container011 .dnntitle { color: #FFFFFF; padding: 0 10px 0 0; background: #333; }
    .Container011 .contentpane { padding: 15px; }

/*Container012*/
.Container012 { border-radius: 6px 6px 6px 6px; box-shadow: 0 -4px rgba(0, 0, 0, 0.1) inset; }
    .Container012 .dnntitle { color: #ffffff; padding: 10px 0 0 0; margin: 0 15px; }
    .Container012 .contentpane { padding: 10px 15px 25px 15px; }
        .Container012 .contentpane .Normal { color: #FFFFFF; }
    .Container012 .CommandButton,
    .Container012 A.CommandButton:link,
    .Container012 A.CommandButton:visited,
    .Container012 A.CommandButton:active { color: #FFFFFF; }

/*Container013*/
.Container013 h2 { line-height: 60px; text-align: center; color: #FFF; text-transform: capitalize; }


.Container013 .contentpane { padding: 10px 0px 10px 0px; }

/*Container014*/
.Container014 .dnntitle { color: #FFF; line-height: 1; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0 10px 0 0; }



.Container014 .contentpane { padding: 25px 0px 10px 0px; }
    .Container014 .contentpane .Normal { color: #888; }
/*Container015*/
.Container015 .dnntitle { font-size: 30px; line-height: 1.3; text-align: center; text-transform: capitalize; color: #333; font-weight: 500; position: relative; padding: 0 0 20px 0; }
    .Container015 .dnntitle:after { content: ""; width: 50px; height: 3px; position: absolute; right: 50%; margin: 0 -25px 0 0; bottom: 0; }
.Container015 .title-icon { text-align: center; }

    .Container015 .title-icon span { margin: 0px 10px; color: #ccc; font-size: 20px; }
.Container015 .contentpane { padding: 25px 0px 10px 0px; }

/*Container016*/
.Container016 .dnntitle { padding: 0; font-size: 32px; text-transform: capitalize; text-align: center; font-weight: 400; }

.Container016 .contentpane { padding: 10px 0 10px; }

/*Container017*/
.Container017 { background: #333; }
    .Container017 .contentpane .Normal { color: #aaa; }

    .Container017 .contentpane { padding: 20px; border-top: none; }

/*Container018*/
.Container018 .contentpane { padding: 15px 0 5px; border-top: none; }

/*Container019*/
.Container019 .dnntitle { background: url(images/container019.png) 101% 0 no-repeat; min-height: 54px; line-height: 46px; padding-right: 60px; }
.Container019 .title1 { padding: 0 10px 0 0; color: #fff; }
.Container019 .contentpane { padding: 25px 10px 10px 10px; }

/*Container020*/
.Container020 .dnntitle { background: url(images/container020.png) 100% 0 no-repeat; min-height: 50px; line-height: 35px; padding-right: 60px; /*margin-top: 15px;*/ }
.Container020 .title1 { padding: 0 10px 0 0; }
.Container020 .contentpane { padding: 25px 10px 10px 10px; }
/*Container0020*/
.Container0020 .dnntitle { background: url(images/container0020.png) 100% 0 no-repeat; min-height: 50px; line-height: 35px; padding-right: 60px; /*margin-top: 15px;*/ }
.Container0020 .title1 { padding: 0 10px 0 0; }
.Container0020 .contentpane { padding: 25px 10px 10px 10px; }

/*Container021*/
.Container021 .dnntitle { background: url(images/container021.png) 100% 0 no-repeat; min-height: 50px; line-height: 31px; padding-right: 60px; }
.Container021 .title1 { padding: 0 10px 0 0; }
.Container021 .contentpane { padding: 25px 10px 10px 10px; }


/*NoTitle*/
.NoTitle .contentpane { text-align: right; padding: 0px; }
.NoTitle .cbot { float: left; }


@media handheld, only screen and (max-width:767px) {
    .dnntitle { font-size: 20px; }
    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 24px; }
}

@media handheld, only screen and (max-width:520px) {
    .dnntitle { font-size: 18px; }
    .Container014 .title1 { font-size: 16px; }
    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 20px; }
}

@media handheld, only screen and (max-width:480px) {
    .Container016 .contentpane { padding: 10px 0 10px; }
}

@media handheld, only screen and (max-width:375px) {

    .Container013 .dnntitle,
    .Container015 .dnntitle,
    .Container016 .dnntitle { font-size: 18px; }
}