* { margin: 0px; padding: 0px; }
body{overflow-y: scroll;}
html, body { font-family: Arial; font-size: 14px; color: #777985; background:#f6f6f6;  height:100%}

body > form {min-height: 100%; position:relative }
form:after{content:""; min-height:80px; display:block; width:100%;}
#footer-v2, #footerCntr{position:absolute; bottom:0; left:0; right:0}
#footer-v2 #footerCntr{position:static}

img { border: 0px;}
a, input { outline: none; text-decoration:none; }
ul{ list-style:none;}

.custom-editor ul {list-style:initial !important;}
.custom-editor ul, .custom-editor ol{margin-left:15px}

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.commonReadMore{}
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* ### HEADING Style ### */
h1 {font-size: 22px; color:#333; font-weight:normal;}
h2 {font-size: 20px; color:#333; font-weight:normal;}
h3 {font-size: 18px; color:#333; font-weight:normal;}
h4 {font-size: 16px; color:#333; font-weight:normal;}
h5 {font-size: 14px; color:#333; font-weight:normal;}
h6 {font-size: 11px; color:#333; font-weight:normal;}

/* ### padding classes ### */
.paddingLeft{ padding-left:10px;}
.paddingRight{ padding-right:10px!important;}
.paddingTop{ padding-top:10px;}
.paddingBottom{ padding-bottom:10px;}
.paddingNone{ padding:0px;}

/* ### margin classes ### */
.marginLeft{ margin-left:10px;}
.marginRight{ margin-right:10px;}
.marginTop{ margin-top:10px;}
.marginBottom{ margin-bottom:10px;}
.marginNone{ margin:0px;}
.marginTop5{ margin-top:5px;}
/* ### form classes ### */
.row{ width:100%; float:left; margin-bottom:10px;}
.lableColor, .label{ color:#777985; }
.labelTextWithoutWidth{ color:#777985;display: block; padding: 4px 0px; text-align: right;}
.inputBox, .textbox, .textarea{ color:#777985; font-size:12px; padding:2px 5px 2px 5px;  border:1px solid #cccccc; font-family:Arial;}
.selectBox, .drpdown{ color:#777985; border:1px solid #cccccc; }
.selectBox option{ padding:2px;}
input[type="checkbox"], input[type="radio"]{ vertical-align:middle; margin-right:5px;}
input[type="button"], .button, .commonbutton{ color:#fff; font-size:13px; padding:5px 10px 5px 10px; background:#ff9900; border:none; cursor:pointer; border-radius:2px;}

.learnMore{ color:#fff; font-size:13px; padding:3px 10px 5px 10px; background:#ff9900; border:none; cursor:pointer; border-radius:2px;}
.learnMore:hover{ color:#fff; font-size:13px; padding:3px 10px 5px 10px; background:#ff9900; border:none; cursor:pointer; border-radius:2px;}

textarea{Resize:none;min-width: 250px;}
.error, .ErrorMessage{ color:#ff3400; font-size:12px;}

.ContentText{ line-height:24px; overflow:hidden;}/* padding:10px 0 10px 10px;*/
.fontSize13{ color:#777985; font-size:12px; padding:5px; line-height:20px;}

.commonOrangeLink{ color:#f5712b;}
.commonOrangeLink, .Date, .hyperLinkGrid, a{ color:#0099FF;}
.commonOrangeLink:hover, .Date, .hyperLinkGrid:hover, a:hover{ color:#ff8400;}
.textBold{ font-weight:bold;}

.forumList li {display:block; padding:5px 15px 5px 30px; background:url(../images/forumIcon.jpg) 10px 8px no-repeat;}

/* ### wrapper ### */
#wrapper { width: 100%; min-height: 100%; min-width:998px; background: url(../images/HeaderBg.jpg) left top repeat-x; }

/* ### main container ### */
.mainCntr { margin: 0 auto; width: 998px;}

/* ### header container ### */
#headerCntr { width: 998px; height:122px; padding:10px 0 0 0; position:relative; }
	
.logo{ width:91px; height:53px; display:block; text-indent:-99999px; float:left; background:url(../images/Logo.png) left top no-repeat;}
.tagLine{color: #3C99D7;    display: block;    font-size: 15px;    left: 43px;    position: absolute;    top: 56px;   }

/* ### Login Box ### */
.LoginBox, .LogoutBox{ width:302px; float:right; padding:0 30px; height:38px; padding-top:6px; margin-top:-10px; position:relative; background:url(../images/LoginBg.png) left top no-repeat;}
.LoginBox li, .LogoutBox li{ display:block; float:left; background:url(../images/loginSep.png) left top no-repeat;}
.LoginBox li a{ font-size:15px; color:#fff; display:block; padding:4px 36px; }
.LoginBox li.first, .LogoutBox li.first{ background:none;}
.LoginBox li a:hover, .LogoutBox li a:hover{ color:#000;}
.LogoutBox li a, .LogoutBox li span , .LogoutBox li span a{ font-size:12px; color:#fff; display:block; padding:4px 5px; }
		
/* ### menu container ### */
#menucntr { width: 998px; padding:14px 0 0 0; }		
/* ### menu Box ### */

/*START: Header menu on all page.*/
.menuBox{ width:703px; float:left;}
.menuBox li{ float:left; background:url(../images/menuSep.png) right top no-repeat;}
.menuBox li a{ display:block; float:left; font-size:15px; color:#fff;  padding:16px 19px 0px 19px; height:38px;  background:#0170b9; margin-right:3px;}
.menuBox li.last{ background:none;}
.menuBox li a:hover, .menuBox li.active a{ background:#ff9900!important;}
.menuBox li:last-child {background:none;}
/*END: Header menu on all page.*/

/*START: Header menu for My Account (Individual Family and Organization members).*/
.menuBoxIndiv{ width:810px; float:left;}
.menuBoxIndiv li{ float:left; background:url(../images/menuSep.png) right top no-repeat;}
.menuBoxIndiv li a{ display:block; float:left; font-size:15px; color:#fff;  padding:16px 14px 0px 14px; height:38px;  background:#0170b9; margin-right:3px;}
.menuBoxIndiv li.last{ background:none;}
.menuBoxIndiv li a:hover, .menuBoxIndiv li.active a{ background:#ff9900!important;}
.menuBoxIndiv li:last-child {background:none;}
/*END: header menu for My Account*/		

/* ### Social ICon ### */
.socialIcon{ padding-top: 5px; float:right;}
.socialIcon li{ display:block; float:left; position:relative;}
.socialIcon li span {line-height:20px;}
/*.socialIcon .ShoppingCart{padding-right:10px;  height:44px; width:44px; display:block; float:left; background:url(../images/Store2.png) left top no-repeat}
.socialIcon .ShoppingCart:hover{ background-position:left -44px;}
*/

/*START: Header icons*/
/*shopping cart on my account header*/
.shoppingCircle{background: purple; border-radius: 100%; width: 42px; height:42px; line-height:45px; margin-right: 5px; float:right;}
.shoppingCircle:hover { background:#162034}
.socialIcon .ShoppingCart{ display:block;  background:url(../images/shopping_cart.png) center center no-repeat}
/*Message*/
.MessageCircle{background: red; border-radius: 100%; width: 42px; height:42px; line-height:45px; margin-right: 5px; float:right;}
.MessageCircle:hover { background:#162034}
.socialIcon .Message{ display:block;  background:url(../images/message.png) top 6px center no-repeat}

.socialIcon li iframe{ float:right; width:121px!important;}

/*notification: added on marchar 2017*/
.notification-num{    position: absolute;    background: #f1592a;    display: block;    padding: 1px 3px;    border-radius: 4px;    font-size: 12px;    font-weight: bold;    line-height: 18px;    min-width: 20px;    top: -3px;    right: -5px;    color: #fff;    box-shadow: 0 2px 1px 1px rgba(0,0,0,.2);}
.socialIcon .Notification {    display: inline-block;       vertical-align: middle;    background-size: 80%;    background-repeat: no-repeat;    background-position: center center;       text-align: center;    padding-right: 4px;    height: 44px;    width: 44px;    display: block;    float: left;    background: url(Images/notification.png) left top no-repeat;}
.NotificationCircle { text-align: center;       text-align: center;    height: 39px;    width: 39px;    line-height: 38px;    background-color: #174895;    border-radius: 50%;    padding: 5px 0px 0px 6px;}


/*Learning center*/
.socialIcon .LearningCenter {padding-right:4px; height:44px; width:44px; display:block; float:left; background:url(../images/LearningCenter.png) left top no-repeat}
.socialIcon .LearningCenter:hover{ background-position:left -44px;}

.socialIcon .Feedback{padding-right:4px; height:44px; width:44px; display:block; float:left; background:url(../images/feedBack.png) left top no-repeat}
.socialIcon .Feedback:hover{ background-position:left -44px;}


.FeedbackCircle{background: purple; border-radius: 100%; width: 42px; height:42px; line-height:45px; margin-right: 5px; float:right;}
.FeedbackCircle:hover { background:#162034}

.socialIcon .Menu, .socialIcon .Menu:hover{ padding-right:4px; cursor: pointer; height:44px; width:44px; display:block; float:left; background:url(../images/menu_icon.png)no-repeat}
/*END: Header Icons*/

/*.socialIcon li a{ display:block; float:left; width:32px; height:32px; overflow:hidden; text-indent:-9999px; margin:12px 0 0 15px; background:url(../images/socialIcon.png) left top no-repeat;}
.socialIcon li a.facebook{ background-position:0 -34px;}
.socialIcon li a.facebook:hover{ background-position:0 0px;}
.socialIcon li a.rss{ background-position:-47px -34px;}
.socialIcon li a.rss:hover{ background-position:-47px 0px;}
.socialIcon li a.mail{ background-position:-95px -34px;}
.socialIcon li a.mail:hover{ background-position:-95px 0px;}*/
		
/* ### content container ### */
#contentCntr { width:998px; overflow:hidden; padding:8px 0px 0px 0px;}
	
/* ### left container ### */
#leftCntr { width:688px; float:left;  }
			
/* ### Slider container ### */
.sliderCntr{ width:688px; overflow:hidden;}
.sliderBox{ width:688px; height:347px; overflow:hidden; position:relative;}
.sliderBox li{ width:688px; height:347px; overflow:hidden; position:relative;}
.sliderDetail{ width:688px; padding:5px 12px; overflow:hidden; height:86px; background:url(../images/BlackBg.png) repeat; position:absolute; left:0px; bottom:0px;}
.sliderDetail h2{ font-size:30px; color:#f4f2f2; font-weight:normal; padding:0 0 6px 0;}
/*.sliderDetail p{ font-size:17px; color:#f4f2f2; line-height:20px;}*/
.sliderDetail span{ font-size:16px; color:#f4f2f2; line-height:20px; padding-top:5px;}
.sliderDetail a{ font-size:16px; cursor:pointer;}
.sliderDetail .arrow{ width:13px; height:7px; display:block; position:absolute; left:64px; bottom:-1px; background:url(../images/sliderArrow.png) left top no-repeat;}
.sliderDetail .arrow.arrow1{ left:64px;}
.sliderDetail .arrow.arrow2{left:197px;}
.sliderDetail .arrow.arrow3{left:336px;}
.sliderDetail .arrow.arrow4{left:476px;}
.sliderDetail .arrow.arrow5{left:609px;}
.sliderNavigation{ width:688px; overflow:hidden; padding:10px 0 0 0;}
.sliderNavigation li{ width:125px; height:85px; padding:3px; border:1px solid #cccccc; position:relative; float:left; margin-right:5px;}
.sliderNavigation .name{ width:125px; padding:6px 0; /* height:37px;*/ line-height:16px; text-align:center;  font-size:12px; font-weight:bold; color:#f4f2f2; background:url(../images/BlackBg.png) repeat; position:absolute; left:3px; bottom:2px;}
.sliderNavigation li.last{ margin-right:0px;}
.sliderNavigation li:hover, .sliderNavigation li.active{ border:1px solid #f5712b; cursor:pointer;}
			
.lof-slidecontent{position:relative; width:688px; height:450px;}
.lof-main-outer{position:relative; height:450px; width:688px; z-index:3; overflow:hidden;}
/*******************************************************/
.lof-main-item-desc{z-index:100; position:absolute; top:0px; left:0px; width:160px; padding:5px; height:450px;background:url(../images/transparent_bg.png);}
.lof-main-item-desc p{color:#FFF; margin:0 8px; padding:8px 0}
/* main flash */
ul.lof-main-wapper{height:347px;width:688px;position:absolute;overflow:hidden; left:0px; top:0px;}
ul.lof-main-wapper li{overflow:hidden;height:347px;width:688px;float:left; position:relative;}

/* ### botton section container ### */
#bottomSectionCntr{ width:100%; overflow:hidden; padding:10px 0 0 0;}
			
/* ### Grid Box ### */
.GridBox{ width:477px; float:left;}
.GridBox li { width:228px; height:88px; float:left; position:relative; margin:0 8px 8px 0;}
.GridBox li a{ height:63px; color:#fff; font-size:15px; line-height:24px;  letter-spacing:1px;  float:left; padding:10px 0px 10px 75px;}
.GridBox li span{ line-height:24px;}
.GridBox li.Col_2{ background:#61ae46;}/*#6dbe45*/
.GridBox li.Col_1{ background:#174895;}/*#174895*/
.GridBox li.Col_6{ background:#f1592a;}/*#976847*/
.GridBox li.Col_3{ background:#f8931f;}/*#848567*/
.GridBox li.Col_4{ background:#a461a8;}/*#546866*/
.GridBox li.Col_5{ background:#199bab;}/*#45694a*/
/*
.GridBox li a.childcare{ background-position:10px -91px;}
.GridBox li a.health{ background-position:10px -191px;}
.GridBox li a.household{ background-position:10px -301px;}
.GridBox li a.food{ background-position:10px 10px;}
.GridBox li a.clothing{ background-position:10px -411px;}
.GridBox li a.Financial{ background-position:10px -531px;}*/
			
.GridBox li .detail{ display:none; width:228px; height:88px; position:absolute; left:0px; top:0px;}


.GridBox li .detail a{ font-size:13px; line-height:18px; color:#fff; background:#ff8400;  padding:10px; }

@media(min-width:768px){
    .GridBox li:hover .detail{ display:block;}
}

@media (max-width:768px) {
     #wrapperInner{padding-right: 3%;}
}

[id*="responseText_"]{
  padding-left:15px;
}  
			
/* ### HomeList Box ### */
.HomeListBox{ width:201px; float:right; background:#4191eb; height:270px; padding:5px;}
.HomeListBox li{ display:block; color:#fff; font-size:15px; height:32px; display:block; padding:6px 0 7px 40px; background:url(../images/spritIcon.png) left top no-repeat;}
.HomeListBox li a{ display:block; color:#fff; font-size:15px; text-decoration:none;}
.HomeListBox li.support{ background-position:0 -49px;}
.HomeListBox li.phoneIcon{ background-position:0 -99px;}
.HomeListBox li.mobileIcon{ background-position:0 -152px;}
.HomeListBox li.Facebook{ background-position:0 -258px;}
.HomeListBox li.team{ background-position:0 -308px;}
.HomeListBox li.presskit{ background-position:0 -354px;}
.HomeListBox li a:hover{ color:#ff8400;}
.HomeListBox li.FAQ{ background-position:0 -402px;}
			
/* ### right container ### */
#rightCntr { width:300px; float:right; }
	
.digestBox{ width:300px; overflow:hidden; background:#e9e9e9; padding:0 0 10px 0; height:440px;}
.digestBox h2{ background:#4c85e0 url(../images/newsIcon.png) 10px 5px no-repeat; padding:8px 0 0 50px; height:36px; font-size:20px; color:#fff; font-weight:normal;}
.digestBox ul{ list-style:none; padding:0 10px;}
.digestBox li{ height:32px; width:267px; padding:6px 0px 6px 15px; border-bottom:1px dotted #c0baba; background:url(../images/ListArrow.png) left 9px no-repeat;}
.digestBox a{ font-size:13px; font-weight:bold; color: #333333; }
.digestBox a:hover{ color:#ff8400;}
.digestBox .last{ border-bottom:none;}
.digestBox .news{ font-size:13px; color:#4c85e0; font-weight:bold; margin:0 10px 0 0; padding:5px 30px 5px 0; display:block;  background:url(../images/moreNewsArrow.png) right top no-repeat;}
.digestBox .news:hover { color:#ff9900;}
		
/* ### video Box ### */
.videoBox{ position:relative; width:300px; overflow:hidden; border:solid 1px #c0baba;}
.videoBox .viewAll{ z-index:999; width:280px; height:36px; line-height:36px;  right:0px; bottom:20px;margin-top:-4px; padding:0 10px; text-align:right; background:url(../images/BlackBg.png) repeat;}
.videoBox .viewAll a{ font-size:13px; color:#fff; font-weight:bold; padding:0px 30px 0px 0;  display:block; background:url(../images/allvideo.png) right 4px no-repeat;}

.videoBox ul li iframe{ width:300px; height:281px;}
	
.videoLibrary{ width:auto; overflow:hidden;}
.videoLibrary ul{ list-style:none;}
.videoLibrary li{ float:left; width:690px; height:500px; border:solid 1px #c0baba;}	
	
/* ### our partners  ### */
.ourpartnerBox{ width:910px; overflow:hidden; margin-bottom:10px; margin-left:43px;}
.ourpartnerBox li{ border:1px solid #cccccc; width:96px; height:50px; padding:7px 11px; float:left; margin-right:10px;}
.ourpartnerBox li:hover{ border:1px solid #f5712b;}
		
.jcarousel-skin-tango{ margin-left:6px; *margin-top:8px; *padding-bottom:2px; }
.jcarousel-next-horizontal { position: absolute; top: 14px; right: 1px; width: 40px; height: 40px; cursor: pointer; background:url(../images/next-horizontal.png) left top no-repeat; }
.jcarousel-next-horizontal:hover{ background-position: 0px -40px; }
.jcarousel-prev-horizontal { position: absolute; top: 14px; left: -5px; width: 40px; height: 40px; cursor: pointer; background:url(../images/prev-horizontal.png) left top no-repeat; }
.jcarousel-prev-horizontal:hover{ background-position: 0px -40px; }
.carousel{ position:relative;}
		
/* ### footer container ### */
#footerCntr { width: 100%; background:#ff8400; margin:0px; padding:5px 0; overflow:hidden; font-size:12px; color:#000; line-height:20px; }
#footerCntr .left{ width:688px; float:left;}
#footerCntr .left .footerLogo{ float:left; display:block; width:77px; height:47px; padding:2px 0 0 23px; text-indent:-9999px; background:url(../images/footerLogo.png) left top no-repeat;}
#footerCntr p{ padding:6px 0 0 0;}
#footerCntr .right{ width:300px; float:right; text-align:right;}
#footerCntr .right a{ color:#0560c5;}
	

.ifoster-phone-num{display:block}

/* ### Login pop up  ### */
.loginPopup{    width: 284px;    padding: 10px;    border: 2px solid #ff9900;    position: absolute;  top: 42px;    background: #fff;    z-index: 999;    right: 27px;}
.lableText{ width:82px; float:left; text-align:right; padding-right:10px;}
.loginPopup .arrow { width:12px; height:7px; background:url(../images/loginArrowWhite.png) left top no-repeat; position:absolute; left:33px; top:-6px;}
.arrow{ width:12px; height:7px; background:url(../images/loginArrowWhite.png) left top no-repeat; position:absolute; left:115px; top:-6px;}
		
/* ### Inner page style  ### */
#wrapperInner { width: 100%; min-height: 100%; overflow:hidden; background:url(../images/HeaderBg.jpg) left top repeat-x; }
#contentCntrInner { width:978px; overflow:hidden; padding:10px; margin:10px 0; background:#fff;   -moz-border-radius: 10px; /* Firefox */  -webkit-border-radius: 10px; /* Safari, Chrome */   border-radius: 10px; /* CSS3 */}
#leftCntrInner{ width:250px; float:left;}
	
/* ### Left Navigation  ### */
.LeftNavigtion{ width:248px; border:1px solid #b0b0b0; margin-top:18px; padding:0 0 15px 0;}
.LeftNavigtion h2{ font-size:22px; color:#fff; text-transform:uppercase; height:70px; margin:-18px -1px 0 -2px; position:relative; padding:4px 0 0 34px; font-weight:normal; background:url(../images/leftMenuHeaderBg.png) left top no-repeat;}
.LeftNavigtion ul{ list-style:none; margin:-10px 0 0 0;}
.LeftNavigtion li{ display:block; padding:0 15px 0 40px; background:url(../images/leftMenuArrow.png) 20px -70px no-repeat;}
.LeftNavigtion li a{ font-size:15px; color:#0099FF; text-decoration:none; display:block; padding:12px 0px; border-bottom:1px dotted #808080; }
.LeftNavigtion li a.last{ border-bottom:none; }
.LeftNavigtion li a:hover, .LeftNavigtion li:hover, .LeftNavigtion li.active a, .LeftNavigtion li.active{ color:#ff8400; background-position:19px 17px;}
	
/* ### Right container  ### */
#rightCntrInner{ width:716px; float:right;}

/* ### breadcrumb Box  ### */
.breadcrumb { width:100%;}
.breadcrumb ul{ list-style:none;}
.breadcrumb li{ float:left;}
.breadcrumb li a{ height:30px; display:block; font-size:14px; color:#fff; font-family:Segoe UI, Arial, Helvetica, sans-serif; text-decoration:none; padding:0 20px 0 0px; margin-right:-15px;}
.breadcrumb li a span{ display:block; height:30px; padding:4px 0px 4px 20px;}
		
.breadcrumb li a.breadcrumbActive{ position:relative; background:url(../images/breadcrumbRightBg.png) right top no-repeat;}
.breadcrumb li a.breadcrumbActive span{background:url(../images/breadcrumbLeftBg.png) left top no-repeat;}
		
.breadcrumb li a.breadcrumbActive:hover{ position:relative; background:url(../images/breadcrumbRightBg.png) right -50px no-repeat;}
.breadcrumb li a.breadcrumbActive:hover span{background:url(../images/breadcrumbLeftBg.png) left -50px no-repeat;}
		
.breadcrumb li.breadcrumbDeActive {height:30px; display:block; font-size:14px; color:#727070; font-family:Segoe UI, Arial, Helvetica, sans-serif; text-decoration:none; padding:0 20px 0 0px; margin-right:-15px; position:relative; background:url(../images/breadcrumbRightBg.png) right -100px no-repeat;}
.breadcrumb li.breadcrumbDeActive span{ display:block; height:30px; padding:4px 0px 4px 20px; background:url(../images/breadcrumbLeftBg.png) left -100px repeat-x;}
		
.breadcrumb1{ z-index:9;}
.breadcrumb2{ z-index:8;}
.breadcrumb3{ z-index:7;}
.breadcrumb4{ z-index:6;}
.breadcrumb5{ z-index:5;}
.breadcrumb6{ z-index:4;}
.breadcrumb7{ z-index:3;}
.breadcrumb8{ z-index:2;}
.breadcrumb9{ z-index:1;}
/* ### breadcrumb Box end  ### */

/* ### Right side bar titleBox  ### */
.titleBox{ width:704px; background:#f7f7f7; border:1px solid #e8e8e8; padding:6px 0 6px 10px; position:relative;}
.titleBox h2{ font-size:22px; color:#ff9900; padding-bottom:3px; line-height:26px; font-weight:normal;}
.titleBox .small{ font-size:14px; color:#878484; display:block;}
.downloadIconForDetail{ width:30px; height:30px; display:block; text-indent:-99999px; background:url(../images/PdfIcon.png) left top no-repeat; float:right;}
/*.downloadIconForDetail:hover{ background-position:0px -42px;}*/
/*.tableStyle{border-top:1px solid #ccc;border-right:1px solid #ccc;}
.tableStyle tr td {border-bottom:1px solid #ccc;border-left:1px solid #ccc; padding:5px;}
.tableStyle tr th{border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding: 5px;background:#f6f6f6;}
*/
.tableWithoutBorder tr td{ padding:0px 0px 15px 10px;}
.tableWithoutBorder tr td table tr td{ padding:0px 0px 15px 0px;}

.withoutBorder.ratingTable tr td{padding: 5px!important;}

.divChangePassword{display: none;width: 500px;height: 220px;padding: 1px;z-index: 999;background-color: white;top: 30%;left: 30%;position: absolute;border: 2px solid #666666;font-size: 81%;border-radius: 3ex;-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px;}
.TitleHeading{position: relative; margin-top: 2px;padding: 5px; text-align: left; border: 1px solid #ffa319; color: #333333; font-size:16px; font-weight:normal; background:#ffd89d;}

/* ### Advance search pageBox  ### */

.searchFilter{ width:978px; overflow:hidden;}
.searchFilter h2{ font-size:20px; color:#fff; text-transform:uppercase; background:#0099ff; padding:5px 0 5px 12px; line-height:24px; font-weight:normal; position:relative;}
.statusicon{ position:absolute; top:-3px; right:0px; width:40px; height:40px; display:block; background:url(../images/Searchminus.png) left top no-repeat;}
.statusicon.plus{background:url(../images/SearchPlus.png) left top no-repeat;}
.searchFilterInner{ border:1px solid #cdcdcd; border-top:none; overflow:hidden; padding:15px 15px 5px 15px; }
.labelText{ font-size:13px; width:130px; color:#777985; display:block; padding:4px 10px; text-align:right;}
.searchFilterInner .right{ float:left; font-size:12px; vertical-align:middle;}

.commonGrayTitle{ background:#F2F2F2; border:1px solid #E0E0E0;  padding:5px 0 5px 12px;  line-height:24px; font-weight:normal;  position:relative;}
.commonGrayTitle h2{ font-weight:normal; font-size:17px; color:#000;}

.matchedProgram{ width:auto; overflow:hidden;}
.matchedProgram ul{ list-style:none;}
.matchedProgram li{ float:left; width:222px; padding:8px; height:200px; border:1px solid #CDCDCD; margin:0px 4px 12px 0px;}
.matchedProgram li.last{ margin-right:0px;}
.matchedProgram li img{ text-align:center;}
.matchedProgram li h4 a, .matchedProgram li h4{ font-size:14px; color: #0099ff; font-weight:normal; text-decoration:none; padding-top:7px;}
.matchedProgram li p{ font-size:12px; line-height:22px; padding:5px 0px; height:44px;}
.matchedProgram li a{ color:#00529A;}

.FavoriteProgram{ width:auto; overflow:hidden;}
.FavoriteProgram ul{ list-style:none;}
.FavoriteProgram li{ float:left; width:139px; padding:8px; height:200px; border:1px solid #CDCDCD; margin:0px 4px 12px 0px;}
.FavoriteProgram li.last{ margin-right:0px;}
.FavoriteProgram li img{ text-align:center;}
.FavoriteProgram li h4 a, .FavoriteProgram li h4{ font-size:14px; color: #0099ff; font-weight:normal; text-decoration:none; padding-top:7px;}

.ResourceTitle{ float:left; width:218px; padding:10px; height:42px;  margin:2px 0px 0px -8px; background-color: #f2f2f2; color:#00529A !important;}

/* rating*/
.ui-rater > span{vertical-align: top;}
.ui-rater-rating{margin-left: .8em;}
.ui-rater-starsOff, .ui-rater-starsOn{display: inline-block; height: 18px;background: url(../images/starsNew.png) repeat-x 0 0px;}
.ui-rater-starsOn{display: block;max-width: 150px; top: 0; background-position: 0 -18px;}
.ui-rater-starsHover{background-position: 0 -18px !important;}
/*Control top title bar*/
.bluehead{background: url("../images/headingL.jpg") no-repeat scroll left top transparent;height: 34px;margin-top: 10px;overflow: hidden;padding-left: 5px;text-align: left;width: auto;}
.bluehead span{background: url("../images/headingR.jpg") no-repeat scroll right top transparent;color: #333333;display: block;font: bold 12px Arial;height: 34px;padding: 8px;}

/*Start Like dislike*/
ul.LikeDislikeContainer{ padding: 0px;margin-left: 20px; margin:0px; overflow: hidden; float:right;}
ul.LikeDislikeContainer li a{ float:left;}
.likeImage{ background:url(../images/likeDislike.png) left top no-repeat; width:26px; height:27px; overflow:hidden;}
.likeImage.like{ background-position:0 0; display:block; margin-left:3px; position:relative; top:-2px;}
.likeImage.like:hover, .likeImage.like.Current{background-position:0 -53px;}

.likeImage.Dislike{ background-position:0 -23px; display:block; margin-left:3px;}
.likeImage.Dislike:hover, .likeImage.Dislike.Current{background-position:0 -76px;}
ul.LikeDislikeContainer li{float: left;list-style: none;}
ul.LikeDislikeContainer li span{margin-top: 2px;
    color: #ccc;
    display: block;
    float: left;
    font-size: 12px;
    
    min-width: 40px;
    padding: 6px 4px;
    text-align: left; box-sizing:border-box}

.jw_playlist_playlist{ display:none;}

.subcategory tr td{ padding: 0px 15px 5px 0px;  vertical-align:top;}
.subcategory tr td input[type="checkbox"] {  margin-right: 5px; vertical-align: middle; float:left;}
.subcategory tr td label{width:215px; float:left;}

/* ### Model Pop up style Start here  ### */
.modelPopUp {background:url(../images/popUpbackgroundBGRepeat.png) repeat; border-radius: 8px 8px 8px 8px; padding: 8px; position: relative; text-align: left; }
.modelPopUp .whitebackground { 	background: #FFFFFF; border-radius: 2px 2px 2px 2px; min-height: 100px;  overflow: hidden; }
.modelPopUp .closeBtn1 { background: url(../images/close_button2.png) left top no-repeat; height: 33px; position: absolute; right: -10px; text-indent: -9999px; top: -10px; width: 33px; }
/*#overlay, .ui-widget-overlay { background:url(../images/overlay.png) repeat; left: 0; opacity: 0.9; position: absolute; top: 0;  }*/

#overlay, .ui-widget-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
}

.modelPopUp .title, .modelPopUp .Popuptitle{background-color: #cfcfcf; background-image: linear-gradient(#f8f7f7, #eae8e8, #cfcfcf); color:#353944; height:25px; padding:5px 10px; float:none; font-size:16px; font-weight:bold;}
.content{ padding:10px 10px 0px 10px; overflow:hidden;}

.divBlogComment{ display: none; width: 553px; height: 320px; z-index: 999; top: 30%;  left: 28%;  position: absolute;}
/* ### Model Pop up style Start here  ### */

/*Use Style profiel setting page*/
.Summary, .SummaryComments { padding:5px 10px; overflow:hidden; line-height:23px; }
.sepraterBottom{border-bottom:1px dotted #ccc; overflow:hidden;}
.seprater{border-bottom:1px dotted #ccc; overflow:hidden; margin-top:5px; margin-bottom:5px;}

.pagination ul.pager {margin: 0px; padding: 0px; text-align: right; float: right;}
.pagination ul.pager li { list-style: none; margin: 0px 0px 0px 4px; padding: 0px; float: left;}
.pagination ul.pager li a.PagerLinkStyle {margin: 0px; padding: 6px 10px; color: #515151; text-decoration: none; border:1px solid #CFCFCF; float: left; display: block; height:20px; background: #EBEBEB;}
.pagination ul.pager li a.PagerLinkSelected, .pagination ul.pager li a.PagerLinkStyle:hover{background:#eea12d; border:1px solid #cc7b01; color: #fff; padding: 6px 10px; display: block; height:20px;}

/*.pagination ul.pager li.separator {padding: 6px 10px; border:1px solid #CFCFCF;}
.pagination ul.pager li.disabled {padding: 6px 10px; color: #B4B4B4; border:1px solid #CFCFCF;}*/
tr.program_mgn_pagination td table{ width:100px!important; float:right;}

/*Admin Button Style*/
.approvedBtn, .approve{cursor: pointer; padding:0px; border:none; height:20px; text-indent:-9999px; display:block; background:url(../images/Adminapproved.png) center top no-repeat;}
.unapprovedBtn, .unapprove{cursor: pointer; padding:0px; border:none; height:20px; text-indent:-9999px; display:block; background:url(../images/Adminapproved.png) center -80px no-repeat;}
.featured{padding:0px; border:none; height:20px;  width:20px; text-indent:-9999px; display:block; background:url(../images/featuredIconSprit.png) center top no-repeat;}
.unfeatured{padding:0px; border:none; height:20px; width:20px; text-indent:-9999px; display:block; background:url(../images/featuredIconSprit.png) center -30px no-repeat;}
.favorite{padding:0px; border:none; height:20px;  width:20px; text-indent:-9999px; display:block; background:url(../images/FavoritedSprit_icon.png) center top 1px no-repeat;}
.unfavorite{padding:0px; border:none; height:20px; width:20px; text-indent:-9999px; display:block; background:url(../images/FavoritedSprit_icon.png) center -17px no-repeat;}
.refferalOn{padding:0px; border:none; height:22px;  width:21px; text-indent:-9999px; display:block; background:url(../images/refferalIconSprit.png) -23px no-repeat;}
.refferalOff{padding:0px; border:none; height:22px; width:21px; text-indent:-9999px; display:block; background:url(../images/refferalIconSprit.png) -1px  no-repeat;}
/*button style start here*/
.creatBtn{ width:27px; height:23px; display:block; text-indent:-99999px; background:url(../images/createIcon.png) left -37px no-repeat;}
.creatBtn:hover{ background-position:0px 0px;}
.editBtn{  height:20px; text-indent:-9999px; width:22px; display:block; background:url(../images/AdmineditIcon.png) center -60px no-repeat;}
.editBtn:hover{ height:20px;  display:block; background-position: center 0px;}
.deleteBtn{  height:22px; width:20px; text-indent:-9999px; display:block; background:url(../images/deleteSprit.png) center top no-repeat;}
.deleteBtn:hover{ height:22px;  display:block; background-position: center -60px;}

.deleteBtnAll{  height: 25px; width: 25px; text-indent: -9999px; display: block; background:url(../images/deleteSpritAll.png) center top no-repeat; margin-top:4px;}
.deleteBtnAll:hover{ height:25px;  display:block; background-position: center -60px;}
.HelpQuestion{ height:20px; width:20px; margin:1px 0 0 5px; display:block; background:url(../images/help.jpg) left top no-repeat;}

/*Icon Strip.........................*/
.contentHeaderArticle{background:#FFFFFF; border: 1px solid #E0E0E0; float: left; height: 32px; padding: 8px 0 0 11px; width: 584px; margin-top: 5px; overflow: hidden;}
.contentHeaderArticle ul{float: left;list-style: none; width: 100%;}
.contentHeaderArticle li{float: left;padding: 0 5px;}
.ImageBorder{ border: 1px solid #ccc; padding: 5px;  }
/*button style end here*/

/*Left container for Right bar style start here*/
#leftCntrInnerWithRightBar{ width:696px; float:left;}
#rightCntrInnerWithRightBar{ width:270px; float:right;}
.divCommentArticle{ display: none; width: 463px; height: 236px; padding: 1px; z-index: 999; top: 30%; left: 28%; position: absolute; }

/*News section For Right bar style start here*/
 h2.HeaderForRightBar{font-size: 16px; color: #f1f1f1; text-transform:capitalize; position:relative; padding:6px; font-weight:normal; background:#1285d5;}
.RightBoxForNewSectionWithHeader{ border: solid 1px #ccc; vertical-align: top;  margin-top: 8px;}

h2.HeaderForRightBarTestimonial{ font-size:20px; color:#fff; text-transform:capitalize; position:relative; padding:6px; font-weight:normal; background:#ff9900;}
/*News section For Right bar style End here*/
.commenRightBoxForNewSection{ padding:10px; border: solid 1px #ccc; vertical-align: top;}
.RightBoxListForNewSection ul{ list-style:none;}
.RightBoxListForNewSection ul li{ display:block; padding-bottom:10px;}
.RightBoxListForNewSection ul li a{ width:268px; text-align:center; padding:8px 0px; display:block; font-size:16px; color:#4b4b4b; text-decoration:none; border:1px solid #ccc; background:#eeeded;}
.RightBoxListForNewSection ul li a:hover{ background:#ff9900; color:#fff;}

ul.newscategoryBox li{ width:337px; min-height:108px; float:left; padding:10px 10px 0px 0px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.newscategoryBox h3{  color:#353944; height:25px; padding:0px 10px;}
ul.newscategoryBox li .ContentText{ padding:0px 0px 10px 10px;}
 h2.MyAccountStrip{ font-size:18px; color:#fff; text-transform:capitalize; height:60px; margin:-25px -1px 0 -29px; position:relative; padding:4px 0 0 34px; font-weight:normal; background:url(../images/HeaderRightForpartnerProfile.png) left top no-repeat;}

/*lEARNING CENTER TILES*/
ul.LearnigCenterBox li{ width:337px; min-height:150px; height:150px; float:left; padding:10px 10px 0px 0px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.LearnigCenterBox h3{  color:#353944;line-height:25px; padding:0px 10px; vertical-align:top; }
ul.LearnigCenterBox li .ContentText{ padding:0px 0px 10px 10px;}

/* Forum  */
.divForumReply {display: none;z-index: 999; top: 15%; left: 25%; position: absolute;}
.Divforgot{ display: none; z-index: 999;      top: 40%;
    left: 50%;
    position: absolute;
    transform: translate(-50%);}
/* Login Poup */
.DivLogin{ display: none; z-index: 999; top: 30%;left: 37%;position: fixed; }
.DivSecurityQuesPopup{ display: none; z-index: 999; top: 30%; left:auto; position: fixed; }

/* Registration Popup*/
.divRegMessage{ display: none; width: 50%;   z-index: 999;  top: 90%; left: 25%; position: absolute; }

.UlprogramImages li{ float:left; margin:5px 5px 0px 0px;}
.ProgrameAddressList li{ float:left; padding:5px 5px 5px 0px; width:48%;}
.ProgrameAddressListiCarol li{ float:left; padding:5px 5px 5px 0px; width:60%;}

/* Article Comment PopuP  */ 
.divArticleComment{display: none;z-index: 999;top: 30%;left: 28%;position: absolute;}  
/*.gmnoprint{    left: 83px!Important;    position: absolute;    top: -10px!Important;}*/
.summarytext{ font-size:12px; line-height:16px; width:100%;}

/* Partner List by Category*/
ul.goldPartners{ list-style:none; width:100%;}
ul.goldPartners li{ width:21%; margin:0px 1% 1% 0px; float:left; border:1px solid #ccc; padding:10px; height:205px; position:relative;}
ul.goldPartners li .clientLogo {display: block;overflow: hidden; margin-top: 10px; height: 150px;  width: 100%;  position: absolute; left: 0px; bottom: 0px;}
ul.goldPartners li.partner .clientLogo span { display: none; margin-top: 10px; height: 131px;  width: 100%;  position: absolute; left: 0px; bottom: 0px; color:#fff!important;   }
ul.goldPartners li.partner .clientLogo:hover span { display: block;  background: #ff9900; padding: 10px;background: #ff9900; }

#ContentPlaceHolder1_OnePartner1_divViewProfile .title {background: #F2F2F2; border:1px solid #e0e0e0; margin: 10px 13px; padding: 7px; overflow: hidden; clear: both; margin-bottom:12px;}
table.withoutBorder, table.withoutBorder th, table.withoutBorder td, table.content, table.content th, table.content td, table.subcategory, table.subcategory th, table.subcategory td, table.pagination, table.pagination th, table.pagination td, .scrollDiv table tr td, .scrollDiv table, .tableStyle th, .tableStyle td{ border:none!important; padding:5px!important;}

.DivGetConnectedHome{    border: Solid 1px #d6d6d6; margin: 5px; padding: 5px; float: left; width: 298px;height: 120px;}
.ourpartnerTable{ padding:0px!important; margin-top:-30px;}

/*Preference resources*/
/*Start stylesheet for scroller */
.example1_wrap{position: relative;background-color: #FAFAFA;margin: 1px auto;border: 1px solid #E0E0E0;}
.example1_wrap .bx_wrap {margin: 0;padding: 10px 24px 3px;}
.example1_wrap .prev {position: absolute;top: 111px;outline: 0;left: 3px;border: none;cursor: pointer;}
.example1_wrap .next {position: absolute;top: 111px;outline: 0;right: 3px;border: none;cursor: pointer;}
.bx_container ul {list-style: none;margin: 0;}
.example1 li{margin-left: 0px;float: left;list-style: none;padding: 0 14px 0 0;width: 172px;height: 235px; /*  border-right: 1px solid #E0E0E0;padding-right: 6px;padding-left: 3px;           */}
.example2 li {margin-left: 0px;float: left;list-style: none;padding: 0 14px 0 0;width: 172px;height: 235px; }
.example3 li,.example4 li, .example5 li,.example6 li {margin-left: 0px;float: left;list-style: none;padding: 0 14px 0 0;width: 172px;height: 205px; }

.example7 li {margin-left: 28px;float: left;list-style: none;padding: 12px 14px 0 0;width: 172px;height: 205px; }
.example2_wrap{position: relative;background-color: #FAFAFA;margin: 1px auto;border: 1px solid #E0E0E0;}
.example2_wrap .bx_wrap {margin: 0;padding: 10px 24px 3px;}
.example2_wrap .prev {position: absolute;top:58px;outline: 0;left: 3px;border: none;cursor: pointer;}
.example2_wrap .next {position: absolute;top: 58px;outline: 0;right: 3px;border: none;cursor: pointer;}

/*.ProgramThumb {border: 2px solid #E0E0E0;width: 160px;height: 80px;}*/
.ProgramThumb {border: 0px ;}
.PrefContentDiv {height: 115px;}        
/*.PrefImageDiv {height: 90px;vertical-align: middle;text-align: left;}*/
.PrefImageDiv {background-color: #FFFFFF;    height: 90px;    margin-bottom: 5px;    text-align: center;    vertical-align: middle;    width: 160px;}
/*End stylesheet for scroller */

/*My account page*/
.grayBox{ background:#dedede; border:1px solid #c5c3c3; padding:10px; overflow:hidden;}

.myaccountLink{ list-style:none;}
.myaccountLink li{ float:left;  border-right:1px solid #cac7c7; padding:0px 10px 0px 10px; line-height:20px;}
.myaccountLink li a{ color:#727070;}
.myaccountLink li a:hover{ color:#ff9900;}
.myaccountLink li.first{ border:none;}
.userimage{position:relative;}

#myaccountcntr{width: 978px;overflow: hidden;padding: 10px;margin: 10px 0;background: #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

#myaccountcntr .leftCntr{width:170px; float:left; margin-right:13px; background:#ffffff;}
#myaccountcntr .leftCntr #imgProfilePic{border:2px solid #faa320; height: 150px;width: 150px;}
#myaccountcntr .leftCntr h2.username {color:#faa320; font-family:Calibri; font-size:18px; font-weight:normal;}
#myaccountcntr .leftCntr p.userlocation{color:#6a6a6a; font-family:Calibri; font-size:14px; font-weight:normal;}

#myaccountcntr .leftCntr .leftMenuBar{ margin-top:14px; }
#myaccountcntr .leftCntr .leftMenuBar li{display:block; border-bottom:dotted 1px #dddddd;  padding-left:6px; overflow:hidden;}
#myaccountcntr .leftCntr .leftMenuBar li.active, #myaccountcntr .leftCntr .leftMenuBar li:hover{background-color:#ff8400;}
#myaccountcntr .leftCntr .leftMenuBar li a {    background-image: url("../images/leftMenu.png");    background-position: left 13px;    background-repeat: no-repeat;    color: #0170B9;    display: block;    float: left;    font-family: Calibri;    font-size: 15px;    font-weight: normal;    height: 32px;    line-height: 32px;    padding-left: 8px;    width: 156px;}
#myaccountcntr .leftCntr .leftMenuBar li.active a, #myaccountcntr .leftCntr .leftMenuBar li a:hover{    background:  url("../images/leftMenu.png") no-repeat;color: #ffffff; background-position:left -60px; }

#myaccountcntr .ContentCntr{width:780px; float:Right; margin-right:0px; position:relative;}
#myaccountcntr .ContentCntr .title{width:100%; height:41px; background:#ff9900; text-transform:capitalize}
#myaccountcntr .ContentCntr .Preference h1      {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/preference.png") no-repeat scroll 10px 5px ; float:left;}
#myaccountcntr .ContentCntr .Profile h1         {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/my_profile.png") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .Favorite h1        {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/favResources.PNG") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .visitedResources h1{color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/visited_Resources.PNG") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .IntrestResources h1{color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/Title_intrest.PNG") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .Suggested h1       {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/suggested.png") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .Activity h1        {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/Suggested.png") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .Notification h1    {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/notification.png") no-repeat scroll 15px 4px ; float:left;}
#myaccountcntr .ContentCntr .Setting h1         {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/Notification_settings.png") no-repeat scroll 15px 4px ; float:left;}

#myaccountcntr .ContentCntr .ChangePwd h1         {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/changePass.png") no-repeat scroll 15px 10px ; float:left;}
#myaccountcntr .ContentCntr .SecurityPin h1      {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/SecurityPin.png") no-repeat scroll 6px 11px ; float:left;}
#myaccountcntr .ContentCntr .SecurityPin span      {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/SecurityPin.png") no-repeat scroll 6px 11px ; float:left;}
#myaccountcntr .ContentCntr .securityQuestion h1 {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/securityQuestion.png") no-repeat scroll 15px 4px ; float:left;}

#myaccountcntr .ContentCntr .ChildSuccesses h1        {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/mychildsuccess.png") no-repeat scroll 10px 6px ; float:left;}
#myaccountcntr .ContentCntr .MyContactIcon h1        {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/my_contacts.png") no-repeat scroll 10px 6px ; float:left;}

.messagepop {background-color: #FFFFFF;border: 10px solid #303030;cursor: default;display: none; position: fixed;text-align: left;width: 320px;z-index: 50;border-radius: 8px;top:30%;left: 42%;}
.messagepop .title {width:100%; height:41px; background:#ff9900; text-transform:capitalize}
.messagepop .Preference h1 {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/preference.png") no-repeat scroll 10px 5px ; float:left;}

#myaccountcntr .ContentCntr .datacontent li{border-bottom:dotted 1px #ccc; display:block;  padding: 15px 0px 15px 0px; }/*background: #ececec url(../images/heart.png) no-repeat 432px 8px;*/
#myaccountcntr .ContentCntr .datacontent li:nth-child(even){ }/*background-color:#e6e6e6;*/
#myaccountcntr .ContentCntr .datacontent li img{float:left; }
#myaccountcntr .ContentCntr .datacontent li h3 a{ color:#0170b9; font-family:Calibri; font-size:18px; font-weight:normal;}
#myaccountcntr .ContentCntr .datacontent li p{color:#505050; font-family:Calibri; font-size:15px; font-weight:normal;}
#myaccountcntr .ContentCntr .datacontent li:last-child{border-bottom:none;}
#myaccountcntr .midCntr{width:478px; float:left; margin-right:13px;}
#myaccountcntr .midCntr .title{width:100%; height:41px; background:#ff9900; text-transform:capitalize}
#myaccountcntr .midCntr .title h1{color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:57px; background:url("../images/PageTitle/title.png") no-repeat scroll 10px 5px ; float:left;}

.colorblue{ color:#0099FF;}
#myaccountcntr .midCntr .lodeFavirote{width:100%; height:105px; background-color:#dedede; text-align:center;}
#myaccountcntr .midCntr .lodeFavirote h3 a{color:#aeaeae; font-family:Calibri; font-size:18px; font-weight:normal; line-height:105px; background:url(../images/load.PNG) no-repeat 0 8px; padding-left:22px;}

#myaccountcntr .rightCntr{width:300px; float:right;}
#myaccountcntr .rightCntr .topRightBar{height:41px; background:#1888d4 url(../images/rishtBar.png) no-repeat right 0px;}
#myaccountcntr .rightCntr .topRightBar h3{ font-family:Calibri; font-size:19px; font-weight:normal; color:#ffffff; line-height:41px; padding-left:10px;}

#myaccountcntr .rightCntr .resourcesSuggestions li{ display:block; width:288px; height:48px; padding:10px 6px; }
#myaccountcntr .rightCntr .resourcesSuggestions li img{float:left; width:54px; height:47px; margin-right:12px;}
#myaccountcntr .rightCntr .resourcesSuggestions li h3 a{ color:#0170B9; font-family:Calibri; font-size:16px; font-weight:normal;}
#myaccountcntr .rightCntr .resourcesSuggestions li p{color:#787878; font-family:Calibri; font-size:13px; font-weight:normal;}

.myContactlist li{ display:inline-block; width:97%; min-height:20px; padding:5px; }/*background: #ececec url(../images/heart.png) no-repeat 432px 8px;*/
.myContactlist li:nth-child(even){ }/*background-color:#e6e6e6;*/
.myContactlist li h3 { color:#0170b9; font-family:Calibri; font-size:15px; font-weight:normal;}
.myContactlist li span{color:#505050; font-family:Calibri; font-size:15px; font-weight:normal;}
/*End My Account*/

/* My Account Header Strip Start*/
.MyAccount_tab_header {background-color: #1888D4; color: #FFFFFF; float: left;   height: 36px; padding: 4px 10px 0 10px; width: 780px;}
.MyAccount_tab_header span:hover{background: #F90!important;cursor: pointer; color:#fff;}
.MyAccount_tab_header a:hover{background: #F90!important;cursor: pointer; color:#fff;}
.MyAccount__tab_tab {overflow: hidden;text-align: center;cursor: pointer;display:block;}
.MyAccount_tab_active {background: none repeat scroll 0 0 #FFFFFF;    color: #0170B9;}
.MyAccount_tab_header .MyAccount_tab_outer {padding: 7px 50px; height:22px; float: left;display: block;}
/* My Account Header Strip End */

.ViewMore{ font-size:13px; color:#4c85e0; font-weight:bold; margin:0 10px 0 0; padding:5px 30px 5px 0; display:block;  background:url(../images/moreNewsArrow.png) right top no-repeat;}

/* Profile Pic Edit*/
#EditProfilePic {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color: #FFF;display: none;line-height: 20px;padding: 5px;position: absolute;left: 2px;text-decoration: none;top: 122px;width: 140px;cursor: pointer;display: inline;height: 20px;}
/* End Profile Pic Edit*/

.divQuestion{ width:100%; overflow:hidden; padding:2px 0px;}
.questionText{ float:left; margin-top:4px;}

.divShowNew{background-color: #1185D2; display: inline; opacity: 6; color: #FFF; font-size: 14px; line-height: 18px; height: 20px; padding: 0 4px 0 4px;border-radius: 2px; float: right;}
   
/*Start: Preference setting on Profile detail page*/ 
/*Note: Don't copy and paste. style are different In global and AdminStyle*/
.MultipleSelectionCounty    {        border: 1px solid #cccccc;        background-color: white;        font-family: Calibri, Arial, Helvetica;        visibility: hidden;        position: absolute;        margin-top: -12px; left:10px;        z-index: 9;    }
.MultipleSelectionDDL    {        border: 1px solid #cccccc;        background-color: white;        height: 225px;        font-family: Calibri, Arial, Helvetica;        visibility: hidden;        position: absolute;        z-index: 999;        width: 294px !important;        margin-top: -14px !important;        left: 10px;    }
.selectRow{ width: 302px; position:relative; display:inline;}
.selectRow .label{ padding:3px 5px; float:left;}
.PreferencesRadio{ margin-top:-14px;}
/*End: Preference setting on Profile detail page*/ 
.myaccountLink th{ font-weight:normal; padding:3px;}

/*New Style start here*/
.rightCntrForMyaccount{ width:790px; float:right; margin:0px; overflow:hidden;}
#myaccountcntr .rightCntrForMyaccount .title{width:100%; height:41px; background:#ff9900; text-transform:capitalize; padding:0px;}
#myaccountcntr .rightCntrForMyaccount .Locker h1       {color:#ffffff; font-family:Calibri; font-weight:normal; font-size:20px; line-height:41px; padding-left:45px; background:url("../images/PageTitle/Locker.png") no-repeat scroll 10px 4px ; float:left;}

/*My account main tab Style start here*/
.myAcoount_tab{ width:100%;}
.myAcoount_tab ul{ list-style: none;}
.myAcoount_tab li{ float:left; margin:0 4px; position:relative;}
.myAcoount_tab li:first-child{margin-left:0px;}
.myAcoount_tab li:last-child{margin-right:0px;}
.myAcoount_tab li a{ width:255px; height:100px; display:block; font-size:18px; color:#3f3f3f; text-align:center; background:#eeeeee; text-align:center; }
.myAcoount_tab li a:hover,.myAcoount_tab li.active a{ background:#1285d5; color:#fff;}
.myAcoount_tab li:hover .activearrow,.myAcoount_tab li.active .activearrow{ width:21px; height:14px; display:block; position:absolute; left:114px; bottom:-14px; background:url(../images/activearrow.png) left top no-repeat;}
.myAcoount_tab li .icon{ width:100%; height:53px; display:block; background:url(../images/myaccountIcon.png) center top no-repeat;}
.myAcoount_tab li .icon.Resources{ background-position:center -978px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li .icon.calender{background-position:center -180px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li .icon.mylocker{background-position:center -404px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li .icon.mycontacts{background-position:center -648px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li .icon.Successes{background-position:center -1186px; float:left; margin:14px 0px 0px 0px;}

.myAcoount_tab li:hover .icon.myaccount, .myAcoount_tab li.active .icon.myaccount{ background-position:center -109px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li:hover .icon.calender, .myAcoount_tab li.active .icon.calender{background-position:center -285px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li:hover .icon.mylocker, .myAcoount_tab li.active .icon.mylocker{background-position:center -509px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li:hover .icon.mycontacts, .myAcoount_tab li.active .icon.mycontacts{background-position:center -753px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li:hover .icon.Resources, .myAcoount_tab li.active .icon.Resources{background-position:center -890px; float:left; margin:14px 0px 0px 0px;}
.myAcoount_tab li:hover .icon.Successes, .myAcoount_tab li.active .icon.Successes{background-position:center -1103px; float:left; margin:14px 0px 0px 0px;}
/*My account inner tab Style start here*/
.header_tab{width:100%; height:49px; background:#ff9900; margin-top:28px; }
.header_tab li{float:left; margin:0 8px;}
.header_tab li a{display:block; margin-top:6px; color:#fff; line-height:43px; padding:0 10px; font-size:18px; font-weight:normal; }
.header_tab li a:hover, .header_tab li.active a{ background:#fff; color:#ff9900;}

/*My account main tab Style start here*/
.tab_list_body{width:100%; overflow:hidden;}
.tab_list_body li{display:block; padding:12px 0; width:100%; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.tab_list_body .leftBox{float:left; margin-right:10px;}
.tab_list_body .rightInnerBox{float:left; display:block; width:604px;}
.tab_list_body .rightInnerBox .titleHeading{ color:#0170b9; font-size:16px; line-height:24px;}
.tab_list_body .rightInnerBox p{font-weight:normal; font-size:12px; color:#6c6c6c; line-height:18px;}
.tab_list_body .rightInnerBox p span{ color:#373535;}
.tab_list_body .timeDetail{ float:right; margin:0 6px 0 0; color:#727272; font-size:13px; }

/* calendar page */
.calendar_container{width:100%; overflow:hidden; margin-top:20px;border:1px solid #ff9900; border-bottom:none;}
.calendar_container .header{display:block; width:100%; height:49px; text-align:center; background:#ff9900; position:relative;}
.calendar_container .header .back{background:url(../images/calendarBack.PNG) no-repeat 0 0; width:14px; height:18px; display:block; float:left; position:absolute; left:10px; top:15px;}
.calendar_container .header .foraward{background:url(../images/calendarNext.PNG) no-repeat 0 0; width:14px; height:18px; display:block; float:right; position:absolute; right:10px; top:15px;}
.calendar_container .header h3{color:#fff; font-size:19px; font-weight:lighter; line-height:49px;}
.week li{width:105px;  height:48px; display:block; line-height:50px; text-align:center; font-size:15px;  color:#fff; float:left; border-right:1px solid #ff9900;  background:#303030;  padding:3px;}
.week li:nth-child(7n){border-right:none;}

.days li{height:105px; width:111px; border-bottom:1px solid #ff9900; border-right:1px solid #ff9900; float:left; position:relative;}
.days li:nth-child(7n){ width:108px;}
.daysBg.schedule{ background:#016eb6;}
.days li a{ padding:3px; display:block; height:99px;}
.days li .wk{float:left; color:#4b4b4b;}
.days li .dt{float:right; color:#4b4b4b;}
.days li.nxtMonth{background:#dcdcdc;}
.days li.nxtMonth .wk,.days li.nxtMonth .dt{color:#aaaaaa;}
.days li .scheduleText{position:absolute; top:30px; color:#ffae00; font-size:17px;}
.days li a.schedule .wk,.days li a.schedule .dt{color:#fff;}

.upcomingList{width:100%; margin-top:46px;}
.upcomingList h2{ color:#ff9900; font-size:17px; text-transform:uppercase; font-weight:lighter; text-align:left; display:block; background:url(../images/calendar.PNG) no-repeat right 0; border-bottom:1px solid #d7d7d7; padding-bottom:5px; height:32px;}

.upcomingList .tab_list_body .user_image img{width:135px;}
.tab_list_body li{border:none; background:#f2f2f2; margin:5px 0;}
.upcomingList .tab_list_body .leftBox{width:auto;}
.upcomingList .tab_list_body .rightInnerBox{ width:486px;}
.tab_list_body .rightBox{float:right; margin-right:8px;}
.tab_list_body .rightBox a{display:block; color:#fff; font-size:16px;margin:10px 0;}
.tab_list_body .rightBox a.forward{background:#ff9900 url(../images/forward.PNG) no-repeat 6px 8px; padding:8px 16px 8px 20px; }
.tab_list_body .rightBox a.moreInfo{background:#ff9900 url(../images/moreinfo.PNG) no-repeat 16px 6px; padding:8px 16px 8px 20px; }

.myLocker{width:100%; display:block; overflow:hidden; margin-top:10px;}
.myLocker a{ cursor:pointer;}

.myLocker .boxes{float:left; width:254px; display:block; height:304px; margin:0 9px 20px 0px; background:#f2f2f2 url(../images/boxshdow.png) left bottom no-repeat;}
.myLocker .boxes.first{margin:0 7px 0 0 ; }
.myLocker .boxes h3{display:block; font-size:20px; color:#fff; font-weight:normal; height:54px; line-height:54px; padding:0 0 0 55px;}  
.myLocker .boxes h3.MyLife{ background:#ff9900 url(../images/mylife.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'MyLife' */
.myLocker .boxes h3.MyHealth{ background:#ff9900 url(../images/myHealth.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'MyHealth' */
.myLocker .boxes h3.MyEducation{ padding:0 0 0 66px; background:#ff9900 url(../images/myEducation.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'MyEducation' */
.myLocker .boxes h3.MyStuff{ padding:0 0 0 66px; background:#ff9900 url(../images/mystuff.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'MyStuff' */
.myLocker .boxes h3.MyEmployment{ background:#ff9900 url(../images/employement.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'Employment' */
.myLocker .boxes h3.MySuccesses{ background:#ff9900 url(../images/success.PNG) no-repeat 10px 6px ;}/*Note: don't chnage name of class 'MySuccesses' */
.myLocker .boxes ul{list-style:none;}
.myLocker .boxes ul li{display:block; padding:10px 5px 10px 31px;  border-bottom:1px solid #dddddd; background:#f2f2f2 url(../images/bullet.PNG) no-repeat 10px 10px;}
.myLocker .boxes ul span{display:block;}




.mylocker { list-style:none;}
.mylocker li{display:block; padding:5px; overflow:hidden;border-bottom: 1px dotted #CCC; }

.sub_list { float:left; width:100%; padding:10px; border-bottom:1px solid #fff; background:#FBFBFF; }
.sub_list p{ overflow:hidden;}

/*Start Style for AutoComplete Search on my contact in my account.*/
.ac_over, .ac_over a, .ac_over span{background-color: #1285d5; color: #fff;}
.autoCompletediv{border: 1px solid #ccc !important; border-top: none !important; width: 321px; background: white; overflow: hidden; padding: 0; z-index: 99999;}
.autoCompletediv li:hover a, .autoCompletediv li:hover{color: #fff;}
.autoCompletediv li{margin-left: 2px;}
.ac_over {color: #fff;}
/*End Style for AutoComplete Search on my contact in my account.*/

.navbar-nav{ list-style:none; background:#fff; padding:5px; border:1px solid #4C85E0; position:relative; top:48px; width:250px;z-index:9; }
.navbar-nav li{ display: block; padding:5px; border-bottom:1px solid #ccc; float:none;}
.navbar-nav li:last-child, #RepeaterMyContacts li:last-child{ border:none;}
#ShowContactList li, #ShowDocumentList li {list-style:none; padding:5px;display: block; border-bottom:1px solid #ccc; float:none;}
#ShowContactList li:last-child { border-bottom: none;}

.buttonShareDocs{padding: 5px;height: 20px;margin-right: 6px;margin-top: 12px;margin-left: 6px;}

.AddContact li{ display:inline-block; width:35%; min-height:20px; padding:5px; float:left;  }
.AddContact li:nth-child(even){background-color:#e6e6e6;width:222px ;}
.redBorder{color:#777985; font-size:12px; padding:2px 5px 2px 5px;  border:1px solid Red;}

.Resourcelogo{float:left; width:125px; height:60px;}
.settingLeftCaption{width: 120px; text-align: right; float: left; margin-right:10px;}

.loader{font-family: Arial; font-size: 10pt; border: 5px solid #67CFF5; width: 200px; height: 100px; display: none; position: fixed; background-color: White; z-index: 999;}
.modal{ position: fixed; top: 0; left: 0; background-color: #d5d5d5; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; min-height: 100%; width: 100%;}

/*211 resource detail Physical Address*/
ul.ulPhysicaladdress211 { list-style:none; width:100%; margin-left:5px;}
ul.ulPhysicaladdress211 li{ float:left; width:250px;  margin:5px 30px 5px 0px; border-bottom: solid 1px #e1e1e1;}
ul.ulPhysicaladdress211 li:last-child, ul.ulPhysicaladdress211 li:nth-last-child(2) { border-bottom: 1px solid #fff;}

.ulResourceSearch{ width:100%; float:left;  height:auto; padding:5px;}
.ulResourceSearch li{position:relative; width:221px; height:56px; display:block;background:#E5E5E5; color:#fff;  padding:10px; margin:10px; float:left;}/*background:url(../images/spritIcon.png) left top no-repeat;*/
.ulResourceSearch li a{ display:block; color:#fff; font-size:15px; text-decoration:none;}
.ulResourceSearch li a:hover{ color:#ff8400; }
.ulResourceSearch .programCount{z-index:9; position:relative; background: #162034; border-radius: 100%; width: 30px; height:30px; line-height:30px; text-align:center; margin: -20px; float:right; }
.ulResourceSearch li.Col_2{ background:#61ae46;}/*#6dbe45*/
.ulResourceSearch li.Col_1{ background:#174895;}/*#174895*/
.ulResourceSearch li.Col_6{ background:#f1592a;}/*#976847*/
.ulResourceSearch li.Col_3{ background:#f8931f;}/*#848567*/
.ulResourceSearch li.Col_4{ background:#a461a8;}/*#546866*/
.ulResourceSearch li.Col_5{ background:#199bab;}/*#45694a*/
.ulResourceSearch li.Col_6{ background:#f1592a;}/*#6dbe45*/
.ulResourceSearch li.Col_7{ background:#1888d4;}/*#*/
.ulResourceSearch li.Col_8{ background:#976847;}/*#*/
.ulResourceSearch li.Col_9{ background:#62c3bc;}/*#848567*/
.ulResourceSearch li.Col_10{ background:#32945c;}/*#546866*/
.ulResourceSearch li.Col_11{ background:#fa4b65;}/*#45694a,7763ff*/

.ulResourceSearch li:hover .detail { display:block;}			
.ulResourceSearch li .detail{   display: none;   height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;background-color:#f8931f;}
.ulResourceSearch li .detail a{background: none repeat scroll 0 0 #f8931f;color: #fff;font-size: 14px;height: 56px;line-height: 15px;padding: 10px;text-transform: capitalize;width: 208px;}
			
.uldonate{ padding-top: 0px; float:right;  font-size: 16px;}
.uldonate li{ display:block; float:left; position:relative;padding: 4px 0;}

/*Used in My Success in my account*/
.lblSuccess{padding:10px 5px; font-size:13px;}

.messagecounter{position: relative;  width: 30px;  height: 30px;  line-height: 30px;  text-align: center;  margin: -24px;  float: right;  margin-right: -29px;}

/* START: My Contact- Circle */
.circleViewContact{ display:block; width:100%; position:relative; height:385px;}
.circleViewContact ul li.line1{ position:absolute; width:80px; height:80px; top:46px; left:312px; z-index:9; }
.circleViewContact ul li.line1 .icon{ background-position:0 -1px;}
.circleViewContact ul li.line1 .icon:hover,.circleViewContact ul li.line1 .icon.active{ background-position:0 -683px}
.circleViewContact ul li.line1 .info{ background:url(../images/ContactCircle/line1_gray.png) 10px 0 no-repeat; width:156px; height:30px; top:-36px; left:31px; position:absolute;}
.circleViewContact ul li.line1 .icon:hover + .info,.circleViewContact ul li.line1 .icon.active + .info{background:url(../images/ContactCircle/line1.png) 10px 0 no-repeat; }
.circleViewContact ul li.line1 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; bottom:0px; left:0px;}
.circleViewContact ul li.line1 .icon:hover + .info .count,.circleViewContact ul li.line1 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line1 .contactName{ position:absolute; top:11px; left:26px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line1 .icon:hover + .info .contactName,.circleViewContact ul li.line1 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact ul li.line2{ position:absolute; width:80px; height:80px; top:104px; left:409px; z-index:9; }
.circleViewContact ul li.line2 .icon{ background-position:0 -117px;}
.circleViewContact ul li.line2 .icon:hover,.circleViewContact ul li.line2 .icon.active{ background-position:0 -799px}
.circleViewContact ul li.line2 .info{ background:url(../images/ContactCircle/line2_gray.png) 10px 0 no-repeat; width:212px; height:30px; top:-17px; left:73px; position:absolute;}
.circleViewContact ul li.line2 .icon:hover + .info,.circleViewContact ul li.line2 .icon.active + .info{background:url(../images/ContactCircle/line2.png) 10px 0 no-repeat; }
.circleViewContact ul li.line2 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; bottom:0px; left:0px;}
.circleViewContact ul li.line2 .icon:hover + .info .count,.circleViewContact ul li.line2 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line2 .contactName{ position:absolute; top:11px; left:26px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line2 .icon:hover + .info .contactName,.circleViewContact ul li.line2 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact ul li.line3{ position:absolute; width:80px; height:80px; top:219px; left:404px; z-index:9; }
.circleViewContact ul li.line3 .icon{ background-position:0 -230px;}
.circleViewContact ul li.line3 .icon:hover,.circleViewContact ul li.line3 .icon.active{ background-position:0 -912px}
.circleViewContact ul li.line3 .info{ background:url(../images/ContactCircle/line3_gray.png) 10px 13px no-repeat; width:212px; height:30px; top:30px; left:86px; position:absolute;}
.circleViewContact ul li.line3 .icon:hover + .info,.circleViewContact ul li.line3 .icon.active + .info{background:url(../images/ContactCircle/line3.png) 10px 13px no-repeat; }
.circleViewContact ul li.line3 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; top:0px; left:0px;}
.circleViewContact ul li.line3 .icon:hover + .info .count,.circleViewContact ul li.line3 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line3 .contactName{ position:absolute; top:2px; left:26px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line3 .icon:hover + .info .contactName,.circleViewContact ul li.line3 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact ul li.line4{ position:absolute; width:80px; height:80px; top:272px; left:292px; z-index:9; }
.circleViewContact ul li.line4 .icon{ background-position:0 -338px;}
.circleViewContact ul li.line4 .icon:hover,.circleViewContact ul li.line4 .icon.active{ background-position:0 -1020px}
.circleViewContact ul li.line4 .info{ background:url(../images/ContactCircle/line4_gray.png) 0px 13px no-repeat; width:126px; height:30px; top:84px; left:-89px; position:absolute;}
.circleViewContact ul li.line4 .icon:hover + .info,.circleViewContact ul li.line4 .icon.active + .info{background:url(../images/ContactCircle/line4.png) 0px 13px no-repeat; }
.circleViewContact ul li.line4 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; top:0px; right:0px;}
.circleViewContact ul li.line4 .icon:hover + .info .count,.circleViewContact ul li.line4 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line4 .contactName{ position:absolute; top:2px; left:2px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line4 .icon:hover + .info .contactName,.circleViewContact ul li.line4 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact ul li.line5{ position:absolute; width:80px; height:80px; top:212px; left:198px; z-index:9; }
.circleViewContact ul li.line5 .icon{ background-position:0 -444px;}
.circleViewContact ul li.line5 .icon:hover,.circleViewContact ul li.line5 .icon.active{ background-position:0 -1126px}
.circleViewContact ul li.line5 .info{ background:url(../images/ContactCircle/line5_gray.png) 0px 13px no-repeat; width:103px; height:30px; top:70px; left:-93px; position:absolute;}
.circleViewContact ul li.line5 .icon:hover + .info,.circleViewContact ul li.line5 .icon.active + .info{background:url(../images/ContactCircle/line5.png) 0px 13px no-repeat; }
.circleViewContact ul li.line5 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; top:0px; right:0px;}
.circleViewContact ul li.line5 .icon:hover + .info .count,.circleViewContact ul li.line5 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line5 .contactName{ position:absolute; top:2px; left:5px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line5 .icon:hover + .info .contactName,.circleViewContact ul li.line5 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact ul li.line6{ position:absolute; width:80px; height:80px; top:95px; left:206px; z-index:9; }
.circleViewContact ul li.line6 .icon{ background-position:0 -555px;}
.circleViewContact ul li.line6 .icon:hover,.circleViewContact ul li.line6 .icon.active{ background-position:0 -1237px}
.circleViewContact ul li.line6 .info{ background:url(../images/ContactCircle/line6_gray.png) 10px 0px no-repeat; width:105px; height:30px; top:-33px; left:-78px; position:absolute;}
.circleViewContact ul li.line6 .icon:hover + .info,.circleViewContact ul li.line6 .icon.active + .info{background:url(../images/ContactCircle/line6.png) 10px 0px no-repeat; }
.circleViewContact ul li.line6 .count{ width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; text-align:center; line-height:20px; background:#b6b6b6; display:block; position:absolute; bottom:0; right:0px;}
.circleViewContact ul li.line6 .icon:hover + .info .count,.circleViewContact ul li.line6 .icon.active + .info .count{ background:#1285d5;}
.circleViewContact ul li.line6 .contactName{ position:absolute; top:10px; left:20px; font-size:15px; color:#b6b6b6;}
.circleViewContact ul li.line6 .icon:hover + .info .contactName,.circleViewContact ul li.line6 .icon.active + .info .contactName{ color:#1285d5;}

.circleViewContact .circleStripe{ background:url(../images/ContactCircle/stripeImage.png) 0 0 no-repeat; width:80px; height:80px; display:block;}
.circleViewContact .centerImage{ position:absolute; top:0px; left:0px; right:100px; bottom:0px; margin:auto; width:241px; height:241px; background:url(../images/ContactCircle/bigCircle.png) 0 0 no-repeat;}
.circleViewContact .centerImage span{ position:absolute; left:0px; top:0px; width:100%; height:241px; text-align:center; line-height:241px; font-size:57px; color:#7c7c7c; font-family:"AgencyFB";}

/* END: My Contact- Circle */

/*START: Notification div*/
.dropdown-menu {display:none;position: absolute;width:300px; right:0; top:45px;z-index: 1000;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}


.dropdown-tasks li{ float: left; width: 100%; min-height:25px; border-bottom: 1px dotted #d5d5d5; padding: 5px  10px;}
.socialIcon .dropdown-tasks li{ float: left; width: auto; min-height:25px; border-bottom: 1px dotted #d5d5d5; padding: 5px  10px;}
#newnotificationdivAll .dropdown-tasks li{width:98%; padding:8px 7px;}
#newnotificationdivAll .dropdown-tasks li a.deleteBtn {margin-top:6px;}
.dropdown-tasks li:last-child {border-bottom:none;}

.seeall-btn {    height: 36px;    cursor: pointer;    display: block;    position: absolute;    bottom: -36px;    color: #ffffff;    text-align: center;    line-height: 36px;    text-transform: uppercase;    letter-spacing: 1px;    font-weight: bold;    background: #1285d5;    border: 1px solid #1285d5;    right: -1px;    left: 0;}
.seeall-btn:hover{background:#174895; border-color:#174895; color:#fff;}

.emptyMsg {height: 100px;    line-height: 100px;    font-weight: bold;    display: none;    text-align: center;    color: #f1592a;    font-size: 18px;    margin-bottom: -23px;}

.watchIcon {background:url(../images/watchIcon.png) 0 0 no-repeat;line-height: 15px!important; text-indent:17px;float:right; margin-top:10px;}/*height:20px;width:auto;margin-top: 5px;*/
/*#ulAllNotifications .watchIcon{margin-top:3px}*/
/*END: Notification div*/

/*Start: Notification icons*/
.NotificationIcon {height:28px; width: 28px;display: block;float: left;margin-right: 8px;}
.MemberIcon {background:url(../images/Icons/N_Member.png) 0 0 no-repeat;}
.NewsIcon {background:url(../images/Icons/N_News.png) 0 0 no-repeat;}
.ArticleIcon {background:url(../images/Icons/N_Article.png) 0 0 no-repeat;}
.MessagesIcon {background:url(../images/Icons/N_Message.png) 0 0 no-repeat;}
.GroupIcon {background:url(../images/Icons/N_Message.png) 0 0 no-repeat;}
.VideoIcon {background:url(../images/Icons/N_Video.png) 0 0 no-repeat;}
.ProgramIcon {background:url(../images/Icons/N_Programe.png) 0 0 no-repeat;}
.PartnerIcon {background:url(../images/Icons/N_Partner.png) 0 0 no-repeat;}
.LockerIcon {background:url(../images/Icons/N_Locker.png) 0 0 no-repeat;}
.AccomplishmentIcon {background:url(../images/Icons/N_Accomplishment.png) 0 0 no-repeat;}
.TestimonialIcon {background:url(../images/Icons/N_Testimonial.png) 0 0 no-repeat;}
/*END: Notification icons*/

/*START: Partner/Program Deatil page----*/
.i-container .row .col{min-height:200px}
.i-container:before, .i-container:after, .row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
.i-container:after, .row:after, .clearfix:after { clear: both; }
.i-container, .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.i-container > .row{margin:0 -13px; float:none; width:auto;}
.i-container .row .col{float:left; padding:0 13px}
.border-boxed-parent, .border-boxed-parent *{box-sizing:border-box}
.program-main{ width:75%}
.program-sidebar{ width:25%}
.content-main {width:100%;}

#ContentPlaceHolder1_OneProgram1_divViewProfile{padding-top:15px}
.ContentCntr_Full .i-container{padding:0!important}

.program-main-comment{ width:100%;padding: 13px;}
.program-main h2{    color:#4c4c4c;     padding: 0 0 5px 0; font-size:20px;}
.program-main p{ line-height:1.5;}
.program-main p + p{ line-height:1.5; padding-top:8px;}
.program-sidebar h3{   padding: 16px 0 5px 0; color:#ff9900;}
.program-sidebar p{line-height:1.4}

a.program-web{    display: table;    padding: 8px 15px;    background: #ff9900;    color: #fff;    text-align: center;    font-size: 15px;    margin-top: 15px;    border-radius: 2px;}
a.program-web:hover{background:#0086dc;}	
.download-list{list-style:none; padding:0; margin:0}
.download-list li a{padding:5px 0; display:block}
				
.detail-info-bar{list-style:none; padding:0; margin:0; clear:both; overflow:hidden; padding-top:13px;}
				
.detail-info-bar li{display:inline-block; float:left; padding-right:5px;}
.detail-info-bar li a{padding-right:4px;    display: inline-block;    vertical-align: top;}

.detail-info-bar li a .icon-favorite{    padding: 0px;border: none;height: 20px;width: 20px;display: inline-block;vertical-align:middle;    margin: 2px auto;background: url(icons/FavoritedSprit_icon.png) center top 1px no-repeat;}
.detail-info-bar li a .icon-unfavorite {padding: 0px;border: none;height: 20px;width: 20px;display: inline-block;vertical-align:middle;    margin: 2px auto;background: url(icons/FavoritedSprit_icon.png) center -17px no-repeat;}

.program-main-discription{border-top:1px solid #cccccc;margin-top: 8px;}
.program-main-discription h2{padding:16px 0 2px}
.program-main-header-info{list-style:none; padding:0; margin:0}
.program-main-header-info li{float:left}

.info-view{background:url(icons/view_Icon.png) no-repeat; padding-left:40px;}
.breadcrumb  + .i-container{padding-top:15px!important}
.program-main-header-image-wrap{float:left; padding-right:15px}
.program-main-header-text{overflow:hidden}

/*.detail-info-bar .divFab{padding-top:4px;}*/
.detail-info-bar .program-view{background:url(../images/view_Icon.png) no-repeat left center; padding: 8px 0 4px 30px; float:right}
.divrating{padding:8px 0}
.divCommentLikedislike { padding: 8px 0}
.sidebar-box{    background: #fbfbfb;border: 1px solid #efefef;padding: 10px;padding-top: 0;margin-top: 15px;}
.sidebar-box h3{font-size: 16px;color: #2b2b2b;}
#EmbedVideo {position: relative;padding-bottom: 56.25%;overflow: hidden;}
#EmbedVideo iframe,#EmbedVideo object,#EmbedVideo embed {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;}

.program-link {overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}

/*END: Partner/Program Deatil page----*/
.loginPanel{background-color: #F2F2F2; border: solid 1px #d5d5d5; margin: 30px 250px; padding: 50px; width: 400px; height:140px;}
.contentMinHeight {min-height:500px;}

.divCommentArticle.popupFixed{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%)}


.back-btn{float: right;}
    .back-btn img {width:92px;}
.left-container {width: 72%; float: left; padding-right: 10px;}
.right-container {width:28%; float:right; margin-top:0px;}
select{padding:4px 12px;}

/*******************************************************Responsive Code for Mobile and Tablets*******************************************************************************************/
/*@media(max-width:960px){
.program-main{ width:70%}
.program-sidebar{ width:30%}

.left-container {width: 70%;}
.right-container {width:30%;}
}*/

/*@media(max-width:767px){
.program-main, .program-sidebar{ width:100%; float:none; clear:both}
.hidden-md-down{display:none!important}
.program-main-comment{margin-bottom: -28px;}
#content{padding-bottom:80px;}
}*/


/*@media(max-width:680px){
.left-container {width: 100%; float:none;}
.right-container {width:100%; float:none;}

.program-main-header .left-side {float:left; width:108px;}
.program-main-header .right-side {float:left; width:calc(100% - 108px); clear: inherit;}
.messagepop {top:20%;left:3%; width: 89%;}
.ulSubCategoryTag{overflow-y:scroll; padding:5px 2px !important; margin-bottom:16px;}
.ulSubCategoryTag div#ContentPlaceHolder1_SubCategoryControl_divSubCategoryTag{min-width:680px;}
.ulSubCategoryTag::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.ulSubCategoryTag::-webkit-scrollbar{width:2px; height:2px; background-color: #F5F5F5;}
.ulSubCategoryTag::-webkit-scrollbar-thumb{background-color: #272727;}
.searchBox{position:relative; margin-top:-61px !important;} 
.searchBox div{width:36px;}
.nbs-flexisel-container iframe {min-width: 324px!important;}
#ContentType{margin-right:-20px;}

.nbs-flexisel-nav-left {left: -17px !important;}
.nbs-flexisel-nav-right {right: -14px !important;}
}*/

/*@media(max-width:639px) {
    #ContentPlaceHolder1_OneProgram1_divViewProfile{padding-top:0!important}
    .divCommentArticle.popupFixed{position:fixed; top:0; left:0; right:0; transform:translate(0)}
}*/

/*@media(max-width:579px){
    .program-main-header-image-wrap{    float: none;    clear: both;    width: 100%;    overflow: hidden;    text-align: center;}
    .program-main-header-image-wrap .ImageBorder{float:left;width: 94px;    margin-right: 15px;}
    .program-main-header-text{ width:100%; clear:both;}
    .program-main h2{padding-top:8px; font-size:18px}
    .program-sidebar h3{font-size:16px;}
    .Date {padding-top: 4px;    display: inline-block;}
}*/

/*@media(max-width:768px) {
  form:after { content: ""; height: 130px;}
}*/

#custom-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 9;opacity: 0.6;}


form.no-after:after {
   min-height: 0px;
}
.AutoPushNotificationIcon {background:url(../images/Icons/N_Message.png) 0 0 no-repeat;}