/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */

.btn.btn-primary3-1 {
font-family: 'Open Sans',sans-serif;
 color: #fff !important;
 border-color: #002878;
 width: 80%;
 background-image: none;
 text-decoration: none !important;
  background: #7da651;
  text-align: left !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
  font-size: 14px !important;
  margin-left: 15px !important;
word-wrap: break-word !important;
  white-space: normal !important;
}

.branding-top {
	background: url(dnn_large_banner.png) no-repeat top left;
	width: 900px;
	height: 428px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: both;
	margin: 1em 0;
	overflow: hidden;
}
.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.commmunity, .marketplace, .conferences, .training {
	list-style: none;
	display: block;
	float: left;
  cursor: pointer;
}
.branding-bottom li.training {
	margin: 0;
}
.branding-bottom .feature-block {
	background: url(itembg.gif) repeat-y;
	margin: 33px 0 0 0;
}
.branding-bottom .feature-icon {
	margin: 0;
	height: 66px;
	margin-bottom: 1em;
}
.feature-text {
	margin: 0 10px 20px 10px;
	font-size: 115%;
	text-align: center;
    color: #3e81b5;
    height: 75px;
}
.branding-bottom li {
  margin: 0 20px 0 0;
  width: 210px;
}
.branding-bottom li.training {
  margin: 0;
}
.feature-block li {
  list-style: none;
}
.feature-icon {
  width: 180px;
 }
.branding-bottom .commmunity {
	background: url(community_title.gif) no-repeat top left;
}
.commmunity .feature-icon {
	background: url(community_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace .feature-icon {
	background: url(marketplace_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url(conferences_title.gif) no-repeat top left;
}
.conferences .feature-icon {
	background: url(conferences_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url(training_title.gif) no-repeat top left;
}
.training .feature-icon {
	background: url(training_icon.gif) no-repeat;
	background-position: 50% 10px;
}
ul.bt {
	margin: 0 -1em;
	padding: 0;
	background: url(item_bt_bg.gif) no-repeat bottom;
	height: 32px;	
}
ul.bt li {
  margin: 0 1em;
  list-style-type: none;
}
.action-btn {
  height: 26px;
}
.engage-action {
	background: url(engage_btn.png) no-repeat bottom;
}
.shop-action {
	background: url(shop_btn.png) no-repeat bottom;
}
.connect-action {
	background: url(connect_btn.png) no-repeat bottom;
}
.learn-action {
	background: url(learn_btn.png) no-repeat bottom;
}
div.link_manuals {
	float:left;
	background: url(dnn_manuals.png) no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}
div.link_proedition {
	float:right;
	background: url(dnn_proedition.png) no-repeat top left;
	width: 514px;
	height: 137px;
	cursor: pointer;
}
div.link_main {
	margin: 260px 30px 0px 30px;
}

#LoginInfo
{
	width:545px; 
	float:left;
}
#LoginInfo h3
{
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
	display:inline;
}
#LoginInfo dt
{
	font-weight:bold;
	color: #333;
}
#LoginInfo p.LoginNotes
{
	font-size: .8em;
}
#LoginInfo div.LoginBlock {
	float: left;
	width: 255px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
	margin: 5px 15px; 
	float: left;
}
#QuickLinks 
{
	background-color:#f0f0f0;
	border: 1px #cccccc solid;
	padding: 2px 5px;
	position:relative;
	width:330px;
}
#QuickLinks h2, #QuickLinks p
{
	margin: 5px 5px;
}
div.hr
{
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}

#TelerikInside
{
	background: white url('telerikInside.jpg');
	border: 1px #cccccc solid;
	padding: 20px 5px 10px 130px;
	margin-bottom: 5px;
	width: 205px;
	height: 140px;
	border-style:none;
}

#TelerikInside h2
{
	font-weight: bold;
}

#RightColumnInfo
{
	float:right;
	width:340px;
	margin-left: 10px;
	margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
	margin: 5px 5px 15px;
	padding-left: 12pt;
	float: left;
	position:relative;
}

.contactUs-table tr + tr td {
    background: url("/Portals/0/dotted_bdr.jpg") repeat-x scroll left 10px transparent;
}
.contactUs-table tr + tr td span {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-right: 3px;
}
.contactUs-table tr + tr td + td {
    background-image: none;
}
#dnn_ctr2074_ContentPane .DownloadText img,
.DownloadText2 img,
#dnn_ctr2105_ContentPane .DownloadText img{
  width:12px;
  height:auto;
  opacity:0.5 !important;
  margin-top:3px !important;
}

.row.EnergySavingTips .panel-group > .panel.panel-default {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#dnn_ctr2074_ContentPane .panel-collapse .accessButtons.cc_buttons_small, #dnn_ctr2105_ContentPane .panel-collapse .accessButtons.cc_buttons_small,.panel-collapse .accessButtons.cc_buttons_small2{
	text-align:right;
}
#dnn_ctr2074_ContentPane .panel-collapse .accessButtons.cc_buttons_small img,
.panel-collapse .accessButtons.cc_buttons_small2 img,
#dnn_ctr2105_ContentPane .panel-collapse .accessButtons.cc_buttons_small img,
.DefaultContainerContent .panel-collapse .accessButtons.cc_buttons_small img{
  	width:24px;
    height:auto;
    opacity:0.5 !important;
}

.EnergySavingTips .col-md-4 a.voverlay{
width:100%;
}
.EnergySavingTips .col-md-4 a.voverlay img{
width:100%;
}
#dnn_ctr1958_ContentPane .videogallery a.voverlay, #dnn_ctr2178_ModuleContent .videogallery a.voverlay, #dnn_ctr1959_ModuleContent .videogallery a.voverlay,.videogallery a.voverlay{
   width:240px;
}


a.voverlay_title{
       font-size: 14px !important;
    text-align: left !important;
    width: 180px !important;
    float: left !important;
    margin: 0px !important;
}

#dnn_ctr1958_ContentPane .videogallery a.DownloadText,
#dnn_ctr1959_ContentPane .videogallery a.DownloadText,
#dnn_ctr2178_ContentPane a.DownloadText
a.DownloadText2
{
	float: right !important;
    margin: 0 auto !important;
    width: 20px !important;
}

#dnn_ctr1958_ContentPane .DownloadText img, 
 .DownloadText2 img, 
#dnn_ctr1959_ModuleContent .DownloadText img,
#dnn_ctr2178_ModuleContent .DownloadText img{
    width: 12px !important;
    height: auto;
    opacity: 0.5 !important;
    margin-top: 3px !important;
}

#dnn_ctr1958_ModuleContent .accessButtons.cc_buttons_small img,
#dnn_ctr1959_ModuleContent .accessButtons.cc_buttons_small img,
.accessButtons.cc_buttons_small2 img,
#dnn_ctr2178_ModuleContent .accessButtons.cc_buttons_small img{
    width: 24px !important;
    height: auto;
    opacity: 0.5 !important;
    margin-top: 3px !important;
}

#dnn_ctr1958_ModuleContent .accessButtons.cc_buttons_small,
#dnn_ctr1959_ModuleContent .accessButtons.cc_buttons_small,
.accessButtons.cc_buttons_small2,
#dnn_ctr2178_ModuleContent .accessButtons.cc_buttons_small{
text-align:right !important;
}



.row.EnergySavingTips .col-md-4 a { float:left; display:block; clear:both; }
.row.EnergySavingTips .col-md-4 a + a { display:inline-block; width:calc(100% - 30px); clear:left; }
.row.EnergySavingTips .col-md-4 a + a + a { display:inline-block; float:right; width:14px;  margin-top:3px; clear:none; }
.row.EnergySavingTips .col-md-4 a + a + a img{ width:25px; }



.DefaultContainerContent .panel-group > .panel.panel-default{
border:none !important;
}

.DefaultContainerContent .col-md-4 a + a {
    display: inline-block;
    float: left;
    width: calc(100% - 70px);
    margin-top: 4px;
}

.DefaultContainerContent .col-md-4 a + a + a {
    display: inline-block;
    float: right;
    width: 14px;
    margin-top: 3px;
    clear: none;
}

#voverlay .close{
	z-index:999999;
}

.DownloadText2{
float:right;
  margin-right: 11px;
}

@media(max-width:991px){
 .desktopEnergySaving {
		display:none !important;
	}
  .mobileEnergySaving
  {
  	display: block !important;
  }
  
}

.EnergySavingTipsRow{
    
}
.EnergySavingTipsRow .DownloadText {
	    float: right;
        width: 14px;
        margin-top: 3px;
        clear: none;
}
.EnergySavingTipsRow .DownloadText img{
    width: 12px;
}
.EnergySavingTipsRow .img_overlay{
    width:100%;
}
.EnergySavingTipsRow .img_overlay img{
    width: 100%;
}

.EnergySavingTipsRow .video_overlay_label{
    width: calc(100% - 20px);
    float: left;        
}

.EnergySavingTipsRow .video_overlay_label p{
    margin-bottom: 5px;
    margin-top: 5px;
}

.desc_text_video_info{
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
       clear: both;  
}


.CloseCaption_icon{
    text-align: right;
}

.CloseCaption_icon img{
    width: 24px;
    opacity: 0.5;
    float: right;
}



.image_map_wrap{
  position:relative;
  text-align:center;
  
}
.image_map_wrap .caption{
	position:absolute;
   /* top:50%; */
   left:50%;
   max-width:300px;
   border:1px solid #;
   padding:10px;
   transform:translateX(-50%) translateY(-50%);
   box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.5);
   transition:linear all 0.3s;
   opacity:0;
   text-align:left;
   z-index:-1;
}

.image_map_wrap .caption.show{
	opacity:1;
    z-index:9999;
}
.image_map_wrap .caption strong{
	margin-bottom: 5px;
    display: inline-block;
}
.acc_info{
	background:#d0d4ad;
  	border:1px solid #9ca07a;
}
.bpu_charges{
	background:#ada7bd;
  	border:1px solid #706294;
}
.ug_charges{
	background:#bcd9f4;
  	border:1px solid #7aa0c3;
}
.bill_summary{
	background:#c4c2b4;
  	border:1px solid #a7a06d;
}
.detailed_charges{
	background:#bdbec1;
  	border:1px solid #8891ab;
}
.important_messages{
	background:#ccb6b6;
  	border:1px solid #a27373;
}

@media(min-width:992px){
.image_map_wrap{
	display:block;
}
.image_map_wrap2{
	display:none;
}
}

@media(max-width:991px){
.image_map_wrap{
	display:none;
}
.image_map_wrap2{
	display:block;
}
.image_map_wrap2 img{
     width:100%;
  }
}

.acc_info{
    top:163px;
}
.bpu_charges{
    top:224px;
}
.ug_charges{
    top:519px
}
.important_messages{
    top:538px;
}
.detailed_charges{
    top:650px;
}
.bill_summary{
    top: 340px;
}


.coloringsheetexample {
  position: relative;
  display: inline-block;
}

.coloringsheetexample p {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -25px;
  left: 0;
}
/*
.lb-dataContainer {position: relative;top: -6px !important;}
.lb-data .lb-close{top:0px !important;}*/
/*.lb-dataContainer {position: relative;top: -6px !important;}
.lb-data .lb-close {
    position: absolute !important;
    top: -650px !important;
    right: 0px !important;
}*/

@media(min-width: 769px) {
	.lb-dataContainer {
	    margin: 0 auto !important;
	    padding-top: 5px !important;
	    width: 100%;
	    border-bottom-left-radius: 4px !important;
	    border-bottom-right-radius: 4px !important;
	    position: absolute !important;
	    top: 0  !important;
	    right: 0 !important;
	    left: 0 !important;
	    margin: 0 auto !important;
	}
	.lb-data .lb-close{
		margin-right:-35px !important;
		top: 0 !important;
		z-index:1000 !important;
	}
}

@media(max-width: 768px) {
	
	.lb-data .lb-close {
	    top: 0 !important;
	    margin-right: 0 !important;
	}
}

@media(max-width: 767px) {
	.coloringsheetexample{margin-bottom:40px;}

}


@media screen and (min-width: 768px) and (max-width: 1024px)  {
		
	
	.coloringsheetexample{margin-bottom:40px;}
}

.customPanel a {
    outline: none !important;
}


#dnn_ctr2470_ContentPane a.DownloadText,#dnn_ctr2442_ModuleContent a.DownloadText  {
    float: right !important;
    margin: 0 auto !important;
    width: 20px !important;
}
#dnn_ctr2470_ContentPane .DownloadText img,#dnn_ctr2442_ModuleContent .DownloadText img{
    width: 12px !important;
    height: auto;
    opacity: 0.5 !important;
    margin-top: 3px !important;
}

div#bs-example-navbar-collapse-1 .nav li {
   padding: 0;
}

#dnn_ctr2467_ContentPane a.DownloadText,#dnn_ctr2479_ContentPane a.DownloadText  {
    float: right !important;
    margin: 0 auto !important;
    width: 20px !important;
}


#dnn_ctr2467_ContentPane .DownloadText img,#dnn_ctr2479_ContentPane .DownloadText img{
    width: 12px !important;
    height: auto;
    opacity: 0.5 !important;
    margin-top: 3px !important;
}