.tpbarGold{ background:url("/photo/12530922.cms") no-repeat scroll -13px -120px;line-height:15px; height: 21px;padding-top: 2px;text-align: center;width: 111px;}
        .tpbarBronze{ background:url("/photo/12530922.cms") no-repeat scroll -13px -20px;line-height:15px; height: 21px;padding-top: 2px;text-align: center;width: 111px;}
        .tpbarSilver{ background:url("/photo/12530922.cms") no-repeat scroll -13px -70px;line-height:15px; height: 21px;padding-top: 2px;text-align: center;width: 111px;}
        .tpbarPlatinum{ background:url("/photo/12530922.cms") no-repeat scroll -14px -220px;line-height:15px; height: 21px;padding-top: 2px;text-align: center;width: 111px;}
        .tpbarDiamond{ background:url("/photo/12530922.cms") no-repeat scroll -14px -170px;line-height:15px; height: 21px;padding-top: 2px;text-align: center;width: 111px;}
div.badgetooltip { background: url("/photo/12936810.cms") no-repeat scroll 0 0 transparent;display: none;height: auto !important; left: -82px; position: absolute; top: 7px; width: 270px; z-index: 999 !important;}
        #toptimespoints:hover div.badgetooltip{display:block !important}
        #toptimespoints {position: relative;}
        .tooltiptxthead {float: left; font-size: 15px; font-family:Arial,Helvetica,sans-serif; position: relative; text-align: center; width: 100%; padding-top:18px; padding-top:26px\9; }
        .blockTitle{float: left; font-size: 15px; line-height:20px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-align: center; width: 100%; padding-top:23px; color:#fff;}
        .divclear{clear:both; float:none; width:100%; height:0; font-size:0; line-height:0;}
        
#badgemember div.badgetooltip .tooltiptxthead{padding:0}
        .textone {color: #FFFFFF;font-weight: bold; padding-left: 10px !important;}
        .tooltiptxtsyn1 {color: #999999;font: 12px/18px Arial,Helvetica,sans-serif;padding: 1px 8px 10px !important;}
        .fullspan { width: 100%;}
        .tooltiptxtsyn { float: left; padding-left: 10px; position: relative; text-align: left; width: 95%;}
.notify{background-color:#999; padding:2px 5px; color:#fff; border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; -o-border-radius:4px; font-size:12px; line-height:14px; font-family:arial; margin:0 2px}

#timestab3Data .tpbarBronze, #timestab3Data .tpbarSilver, #timestab3Data .tpbarPlatinum, #timestab3Data .tpbarDiamond{ margin:-12px 2px;}
#timestab3Data .badgetooltip, .bluelefthead .badgetooltip {position:absolute !important; left:-1px !important; top:33px !important; }
/* CSS FOR RIGHT SIDE BAR */
.top_head_bar { background-color:#333; width: 300px; height: 44px; margin-top:15px}
#timesPointHolder .timesTab {background-color:#8d8d8d; height: 38px; }
#timesPointHolder {margin: 0; width: 300px;}
#timesPointHolder .timesTab ul {padding: 0 0 0 0px; margin:0; position:absolute;}
#timesPointHolder .timesTab li {background: none repeat scroll 0 0 transparent;float: left; list-style: none outside none; padding: 0; border-right:1px solid;}
#timesPointHolder .timesTab li a {color: #FFFFFF; display: block; line-height: 38px; text-align: center; text-decoration: none; font-weight: 700; font-size: 16px; position:relative;}
#timestab3{border-right:none !important;}
#timestab1 a {font-size: 12px; font-weight: 700; width: 99px;}
#timestab2 a {font-size: 12px; font-weight: 700; width: 99px;}
#timestab3 a {font-size: 12px; font-weight: 700; width: 100px;}
#timestab1 a, #timestab2 a, #timestab3 a { background-color:#8d8d8d;}
#timestab1.current a, #timestab2.current a, #timestab3.current a {background-color: #f5f5f5;color:#333333 !important; height:38px;}

/*#timestab1 a { background-position: -4px -7px; font-size: 12px; font-weight: 700; width: 97px;}
#timestab1 a, #timestab2 a, #timestab3 a { background: url("/photo/16539091.cms") no-repeat scroll -4px -7px transparent;}
#timestab2 a {width: 86px !important;}
#timestab2 a {background-position: -12px -164px; width: 95px !important;}
#timestab3 a {background-position: -12px -217px; width: 117px !important;}
#timestab1.current a {background-position: -4px -60px;}
#timestab2.current a {background-position: -12px -113px;}
#timestab3.current a {background-position: -12px -269px;}*/
.knowmore {background-color:#000; height: 26px; line-height: 13px; text-align: center; width: 300px; float:left;}
.textnew_one {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-align: left; padding: 4px 0 4px 8px; margin:0}
ul.textnew_one li {font-size: 10px;}
.knowmore a {font: bold 14px/24px arial; color: white; text-decoration: none;}
#profile_blk {float: left;margin: 0;padding: 0; width: 300px;}
.col1 {float: left;}
.user_image_left {border: 2px solid #FFFFFF; margin: 5px 0 0;}
.col1 img {float: left;}
.timespoint_block img { margin: 0;padding: 0;}
.col2 {float: left;padding: 0 1px; width: 193px;}
.pro_name {color: #FFFFFF; float: left; font-family: arial;font-size: 14px;font-weight: bold;padding-bottom: 8px;padding-left: 6px; padding-top: 7px; text-align: left; width: 90%;}
#medal_div {border-left: 1px solid #DEE5EE;border-right: 1px solid #DEE5EE; float: left !important; height: 233px; margin-left: 1px; margin-top: -3px; width: 297px; overflow:auto;}
#usermedal{float:left !important;}
#usermedal ul{margin:0;padding:0;list-style:none;float:left;}
#usermedal ul li.nl_badgein { background: url("/photo/11790044.cms") repeat-x scroll center bottom transparent; border-right: 1px solid #BEC6D1; float: left; width: 91px; height:95px;}
#usermedal_timesrewards ul{margin:0; padding:0; list-style:none; float:left;}
.nl_badgein { background: url("/photo/11790044.cms") repeat-x scroll center bottom transparent; border-right: 1px solid #BEC6D1; float: left; padding-bottom: 15px; width: 90px;}
.nl_badgeimg { clear: both; padding-top: 10px; width:91px; height:61px; text-align:center; float:left; }
.timespoint_block img { margin: 0; padding: 0;}
.nl_badgepoint { background: url("/photo/11537433.cms") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 10px; font-weight: bold; line-height:12px; height: 13px; /*left: 45%; top: -72px;*/ padding: 0 4px 2px 0px !important; position: relative; top:-64px; right:-60px; width: 13px;}

#usermedal_timesrewards .nl_badgepoint { background: url("/photo/11537433.cms") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 10px; font-weight: bold; line-height:12px; height: 13px;  padding: 0 4px 2px 4px !important; position: relative; top:-118px; right:21px; width: 13px;}

#usermedal div.tooltip {display: none; left: 10px; position: absolute; top: 20px; width: 280px; z-index: 9999999 !important;}
.nl_badgecaption { color: #4F4F4F; font-family: arial; font-size: 12px; font-weight: bold; text-align: center; display:block; margin-top:83px; /*position:relative;*/}
 /* #badgemember {position: relative;}*/
#badgemember div.badgetooltip {background: url("/photo/12936810.cms") no-repeat scroll 0 0 transparent; display: none; height: auto !important; left: -82px; position: absolute; top: 7px; width: 270px; z-index: 999 !important;}
#badgemember:hover div.badgetooltip{display:block !important}
.tooltiptxtname_n1 { font-size: 16px; margin-top: 23px !important;}
.tooltiptxtsyn1_n {-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 18px !important; padding: 1px 5px 10px !important;}
.textone_new {color: #FFFFFF; font-weight: bold; margin-left: 14px !important;  margin-top: 8px !important; font-size:14px;}
.hoverblock_new_two { background: url("/photo/12290320.cms") repeat-y scroll center center transparent; display: table !important; padding: 0 !important; width: 280px;}
.cont_pad { margin: 14px 10px 10px !important;}
.full_cont { width: 100%;}
.cont_left {float: left; width: 20%;}
.cont_right { float: right; width: 77%;}
.badgesyn_three { color: #999999; font: 12px normal Arial,Helvetica,sans-serif; padding: 4px 4px 3px 0 !important; text-align: left;}
.rightone { float: right; position: relative; text-align: right !important; width: 25%;}
.texttwo {color: #FFFFFF; font-size: 11px; font-weight: bold; margin-top: 14px !important; padding-right: 14px; text-align: right;}
.leftone { float: left; position: relative; width: 60%;}
.login_linkone {color: #003399; font-family: arial; font-size: 20px; text-decoration: none;}
.login_link { color: #003399; font-family: arial; font-size: 20px; text-decoration: none;}
#medal_div_one { border-left: 1px solid #DEE5EE; border-right: 1px solid #DEE5EE; float: left; height: 260px; width: 298px; overflow:auto;}
.nl_badgein_five { background: url("/photo/11790044.cms") repeat-x scroll 0 41px transparent; border-right: 1px solid #BEC6D1; float: left; padding-bottom: 15px; width: 91px; height:95px;}
.nl_badgeimg { clear: both; padding-top: 10px;}
#usermedalnw div.tooltip { display: none; left: 10px; position: absolute; top: 20px; width: 280px; z-index: 9999999 !important;}
.followbtn { background: url("/photo/12716000.cms") no-repeat scroll left top transparent;display: inline-block;height: 15px; width: 55px;}
#cmtMainBox .badgepointnw {background: url("/photo/12951245.cms") no-repeat scroll 0 0 transparent;color: #000000;display: none; font: bold 11px/12px bold Arial,Helvetica,sans-serif; height: 41px; left: 115px; padding: 8px 8px; position: absolute; text-align: center; top: -5px; width: 70px; z-index: 2147483647;}
#cmtMainBox div.badge_new {display: none;}
#cmtMainBox div.badge_new { display: none; left: -131px; position: absolute; top: 56px; width: 320px; z-index: 1000;}
.left_badge { float: left; position: relative; width: 60%;}
.right_badge { float: right; position: relative; text-align: center !important; width: 20%;}
.textone_badge { color: #FFFFFF; font-weight: bold; line-height:14px; margin-left: 16px !important; margin-top: 20px !important;}
.texttwo_badge { color: #FFFFFF; font-size: 11px; font-weight: bold; margin-top: 18px !important; text-align: right;}
#cmtMainBox div.hoverblock_new {background: url("/photo/12353743.cms") repeat-y scroll center center transparent; display: table !important; padding: 0 !important; width: 320px;}
.cont_pad { margin: 14px 10px 10px !important;}
.full_cont { width: 100%;}
.cont_left {float: left; width: 20%;}
.cont_right { float: right; width: 75%; font-size:12px; line-height:18px}
.badgesyn_two { color: #999999; font: 12px14px normal Arial,Helvetica,sans-serif; padding: 1px 4px 0 0 !important; text-align: left;}
.badgesyn_two p:first-letter {text-transform: uppercase;}
.badgesyn_two p { margin: 0; padding: 0 0 3px;}
.badgesyn { color: #999999; font-size:13px; padding: 1px 4px 0 0 !important; text-align: left;}
#bottom-user-panel{float:left; width:100%}
.replybtn{float:left}
.left-comment-text{float:left; width:530px}
#cmtMainBox .cmt a:hover .badge_new{display:block}
#cmtMainBox .badge_new div {display: table !important; padding: 0 !important;}
.bordertop { border-top: 1px solid #999999; margin-left: 10px !important; padding-top: 0 !important; width: 100%;}
.leftthree_logged { text-align: center; width: 100%;}
.linkone_badge { color: #0099CC; cursor: pointer; font:bold 12px/14px Arial,Helvetica,sans-serif; margin-top: 5px !important; text-decoration: none; width: 100%;}
.cont_mar { margin-top: 2px !important;}
.full_cont_one { width: 96%;}
.badgepoint {background: url("/photo/11537433.cms") no-repeat scroll 1px 1px transparent; color: #FFFFFF; font-family: arial; font-size: 10px; font-weight: bold; height: 16px; left: 27px; padding: 0 0 0 4px !important; position: absolute; top: 5px; width: 14px; line-height:12px}
.answer .left-comment-text{width:430px}
.answer1 .left-comment-text{width:305px}
#cmtMainBox div.badgemore {display: none; left: -172px; position: absolute; top: 44px; width: 299px; z-index: 1000;}
#cmtMainBox div.hoverblock { background: url("/photo/11805786.cms") repeat-y scroll center center transparent; display: table !important; padding: 0 !important; width: 299px;}
#cmtMainBox .badgemore div { display: table !important; padding: 0 !important; vertical-align:top}
.badgemor a{float:left}
.badgemor a:hover .badgemore{display:block !important}
.badgepoint_one {background: url("/photo/11537433.cms") no-repeat scroll 1px 1px transparent; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif bold; font-size: 10px; font-weight: bold; height: 17px; left: 40px; padding: 0 0 0 4px !important; position: absolute; top: 0px; width: 14px;}
.bordertop_more { border-top: 1px solid #999999; height: 30px; width: 90%;}
.leftthree_logged_one { margin-top: 5px !important; text-align: center; width: 100%;}
.linkone_badge {color: #0099CC; cursor: pointer; font: 12px Arial,Helvetica,sans-serif bold; margin-top: 5px !important; text-decoration: none; width: 100%;}
.user-left-info{float:left; width:370px}
.leftthree {float: left; position: relative; width: 67%; border-right: 1px solid #999; padding-top: 0px !important; text-align: center;}
.padfive { padding-top: 2px !important; width: 100%;}
.linkone {font: 11px Arial, Helvetica, sans-serif bold; color: #09C; text-decoration: none; cursor: pointer; width: 100%;}
.rightthree {float: right; position: relative; width: 30%; text-align: center;}
.padsix { padding-top: 1px !important; width: 100%;}
.loginfollowbox {z-index: 10000; position: absolute; left: 122px; width: 200px; top: 37px; border: 1px solid #4EB84A; background-color: white; padding: 10px; font-weight: normal;}
#slidebadgearea{width: 392px;}
.slidebadgenw { border-top: medium none; bottom: 0; display: none; padding: 0; position: fixed; width: 399px; z-index: 10000;}
.PopUp { z-index: 9999;}
a.closeitnow { background: url("/photo/11336081.cms") no-repeat scroll 0 0 transparent; cursor: pointer; height: 10px; position: absolute; right: 15px; top: 12px; width: 10px;}
.topPart { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; padding: 5px 0; text-align: left;}
.midPart { padding-top: 6px;}
.cont { font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-top: 0; padding-bottom: 2px; padding-top: 0;}
.badges { float: left; height: 65px; margin: 5px 0 0; text-align: center; width: 78px;}
.badgeimages { height: 65px; width: 78px;}
.badges img { float: left; height: 65px; margin-bottom: 0; width: 78px;}
.badgesDtl { color: #FFFFFF; font: 12px/18px Arial,Helvetica,sans-serif; text-align: left;}
.notiline1 { padding: 0 16px 0 0;}
.notiline2 { font-size: 12px; line-height: 14px; padding: 0 16px 1px 0;}
.notiline3 { font-size: 13px;  font-weight: bold; padding: 5px 0 3px;}
#slidebadgearea .More { border-top: 1px solid #C1C1C1; padding-top: 3px; text-align: center; width: 100%; float: left;}
.moreleft { float: left; padding-left: 5px; text-align: left; width: 45%;}
.More a { color: #FFFFFF; font: bold 12px Arial,Helvetica,sans-serif;}
.moreright { float: right; padding: 0 5px 0 0; position: relative; text-align: right; width: 50%; white-space:nowrap;}
#usermedal_timesrewards div.tooltip {display: none; left: 10px; position: absolute; top: 20px; width: 280px; z-index: 9999999 !important;}
#medal_div div.tooltip {display: none; left: 10px; position: absolute; top: 20px; width: 280px; z-index: 999 !important;}

.loginclass{color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 18px;padding: 13px 2px 3px 15px;}
.login_link{color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 20px;font-weight: bold;text-decoration:none;}

.badgeslogos { background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #D1DDE9;
    border-right: 1px solid #D1DDE9;
    float: left;
    height: 156px;
    margin: 0;
    padding: 7px 0 0;
    width: 144px;
	}
	.badgeslogos div.toolwrap {
    display: block;
    height: 146px;
    margin: 0 auto;
    padding: 0;
    width: 121px;
}

.badgecaption {
    color: #8F8F8F;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 14px auto 0;
    text-align: center;
}

.badgeslogos div.tooltip {
    display: none;
    left: 10px;

    position: absolute;
    top: 20px;
    width: 280px;
    z-index: 9999999 !important;
}
.sprite_badge_img{background-image:url(https://navbharattimes.indiatimes.com/photo/31043472.cms); width:78px; height:61px; background-repeat: no-repeat; margin-left:8px; }
.img_moderator{background-position: 0 -5px; display:block;}
.img_wordsmith{background-position: 0 -80px; display:block;}
.img_bhavra{background-position: 0 -156px; display:block;}
.img_bigboss{background-position: 0 -230px; display:block;}
.img_superreader{background-position: 0 -306px; display:block;}
.img_inboxchamp{background-position: 0 -381px; display:block;}
.img_member{background-position: 0 -456px; display:block;}
.img_readerleader{background-position: 0 -530px; display:block;}
.img_shareking{background-position: 0 -607px; display:block;}
.img_socialguru{background-position: 0 -683px; display:block;}
.img_darsak1{background-position: 0 -758px; display:block;}
.img_mastermind{background-position: 0 -832px; display:block;}

.sprite_badge_img_hover{background-image:url(https://navbharattimes.indiatimes.com/photo/31043472.cms); width:65px; height:55px; background-repeat: no-repeat; margin-left:8px; }
.img_moderator_hover{background-position: -11px -986px; display:block;}
.img_wordsmith_hover{background-position: -11px -1056px; display:block;}
.img_bhavra_hover{background-position: -11px -1125px; display:block;}
.img_bigboss_hover{background-position: -11px -1195px; display:block;}
.img_superreader_hover{background-position: -11px -1264px; display:block;}
.img_inboxchamp_hover{background-position: -11px -1334px; display:block;}
.img_member_hover{background-position: -11px -1403px; display:block;}
.img_readerleader_hover{background-position: -11px -1474px; display:block;}
.img_shareking_hover{background-position: -11px -1545px; display:block;}
.img_socialguru_hover{background-position: -11px -1616px; display:block;}
.img_darsak1_hover{background-position: -11px -1686px; display:block;}
.img_mastermind_hover{background-position: -11px -1826px; display:block;}
/* CSS ENDS FOR RIGHT SIDE BAR */



/* Activity Drop Down CSS Start */
.container_tpwid_loginheader div,
.container_tpwid_loginheader span, 
.container_tpwid_loginheader applet, 
.container_tpwid_loginheader object, 
.container_tpwid_loginheader iframe, 
.container_tpwid_loginheader h1, 
.container_tpwid_loginheader h2, 
.container_tpwid_loginheader h3, 
.container_tpwid_loginheader h4, 
.container_tpwid_loginheader h5, 
.container_tpwid_loginheader h6, 
.container_tpwid_loginheader p, 
.container_tpwid_loginheader blockquote, 
.container_tpwid_loginheader pre, 
.container_tpwid_loginheader a, 
.container_tpwid_loginheader abbr, 
.container_tpwid_loginheader acronym, 
.container_tpwid_loginheader address, 
.container_tpwid_loginheader big, 
.container_tpwid_loginheader cite, 
.container_tpwid_loginheader code, 
.container_tpwid_loginheader del, 
.container_tpwid_loginheader dfn, 
.container_tpwid_loginheader em, 
.container_tpwid_loginheader img, 
.container_tpwid_loginheader ins, 
.container_tpwid_loginheader kbd, 
.container_tpwid_loginheader q, 
.container_tpwid_loginheader s, 
.container_tpwid_loginheader samp, 
.container_tpwid_loginheader small, 
.container_tpwid_loginheader strike, 
.container_tpwid_loginheader strong, 
.container_tpwid_loginheader sub, 
.container_tpwid_loginheader sup, 
.container_tpwid_loginheader tt, 
.container_tpwid_loginheader var, 
.container_tpwid_loginheader b, 
.container_tpwid_loginheader u, 
.container_tpwid_loginheader i, 
.container_tpwid_loginheader center, 
.container_tpwid_loginheader dl, 
.container_tpwid_loginheader dt, 
.container_tpwid_loginheader dd, .container_tpwid_loginheader ol, 
.container_tpwid_loginheader ul, .container_tpwid_loginheader li, 
.container_tpwid_loginheader fieldset, .container_tpwid_loginheader form, .container_tpwid_loginheader label, .container_tpwid_loginheader legend, 
.container_tpwid_loginheader table, .container_tpwid_loginheader caption, .container_tpwid_loginheader tbody, .container_tpwid_loginheader tfoot, .container_tpwid_loginheader thead, .container_tpwid_loginheader tr, .container_tpwid_loginheader th, .container_tpwid_loginheader td, .container_tpwid_loginheader article, .container_tpwid_loginheader aside, .container_tpwid_loginheader canvas, .container_tpwid_loginheader details, .container_tpwid_loginheader embed, .container_tpwid_loginheader figure, .container_tpwid_loginheader figcaption, .container_tpwid_loginheader footer, .container_tpwid_loginheader header, .container_tpwid_loginheader hgroup,.container_tpwid_loginheader  menu, .container_tpwid_loginheader nav, .container_tpwid_loginheader output, .container_tpwid_loginheader ruby, .container_tpwid_loginheader section, .container_tpwid_loginheader summary, .container_tpwid_loginheader time, .container_tpwid_loginheader mark, .container_tpwid_loginheader audio, .container_tpwid_loginheader video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */

.container_tpwid_loginheader article, .container_tpwid_loginheader aside, .container_tpwid_loginheader details, .container_tpwid_loginheader figcaption, .container_tpwid_loginheader figure, .container_tpwid_loginheader footer, .container_tpwid_loginheader header, .container_tpwid_loginheader hgroup, .container_tpwid_loginheader menu, .container_tpwid_loginheader nav, .container_tpwid_loginheader section {display: block;}
.container_tpwid_loginheader body {line-height: 1;}
.container_tpwid_loginheader ol, .container_tpwid_loginheader ul {list-style: none;}
.container_tpwid_loginheader ul.notificationslist {overflow:auto; height:305px;}
.container_tpwid_loginheader blockquote, .container_tpwid_loginheader q {quotes: none;}
.container_tpwid_loginheader blockquote:before, .container_tpwid_loginheader blockquote:after, .container_tpwid_loginheader q:before, .container_tpwid_loginheader q:after {content: '';content: none;}
.container_tpwid_loginheader table {border-collapse: collapse; border-spacing: 0;}
.container_tpwid_loginheader {margin-top:-8px; float:left;}
.container_tpwid_loginheader * {outline:none;}

/* 1.1 Defaults */
.container_tpwid_loginheader strong {font-weight:bold;}
.container_tpwid_loginheader i, em {font-style:italic;}
.container_tpwid_loginheader .left {float:left;}
.container_tpwid_loginheader .right {float:right;}
.container_tpwid_loginheader .alignleft {text-align:left;}
.container_tpwid_loginheader .alignright {text-align:right;}
.container_tpwid_loginheader .aligncenter {text-align:center;}
.container_tpwid_loginheader .clear {clear:both;line-height:1px;height:1px;}
.container_tpwid_loginheader input, .container_tpwid_loginheader textarea {font-family:Arial, Helvetica, sans-serif;}
.container_tpwid_loginheader textarea {overflow:auto;}
.container_tpwid_loginheader a {color:#3e3e3e;text-decoration:none;}
.container_tpwid_loginheader a:hover, .container_tpwid_loginheader a.hover {color:#333;}
.container_tpwid_loginheader address {font-style:normal;}
.container_tpwid_loginheader img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.container_tpwid_loginheader p {line-height:20px; padding-bottom:10px;}


.container_tpwid_loginheader .Source_Sans {font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}

/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE and APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

.container_tpwid_loginheader body {background:#fff;font-family:Arial, Helvetica, sans-serif;color:#3e3e3e;}

.container_tpwid_loginheader .container {width:314px; position:fixed; bottom:120px; left:50%; }

.container_tpwid_loginheader .loginbx {background:#0c10a2; position:absolute; bottom:0px; right:300px; height:58px;width:314px; margin-bottom:0px; color:#3e3e3e;}
.container_tpwid_loginheader .loginbx .loginclose {background:#0c10a2; width:27px; height:27px; line-height:27px; position:absolute; right:0; bottom:100%; color:#fff; font-size:12px; font-weight:bold; text-align:center;}
.container_tpwid_loginheader .loginbx .loginlogo {width:176px; text-align:center; padding-top:18px; float:left;}
.container_tpwid_loginheader .loginbx .logintxt {width:42px; padding:9px 10px; height:40px; border-left:solid 1px #0a0d82;border-right:solid 1px #0a0d82; float:left;}
.container_tpwid_loginheader .loginbx .logintxt span {display:block; background:url(../images/icon_logo.png) no-repeat center 7px; padding-top:25px; font-size:14px; color:#fff; text-align:center; font-weight:700;}
.container_tpwid_loginheader .loginbx .loginbell {width:45px; float:left;height:45px; padding-right:7px; margin:6px 0 6px 5px;}
.container_tpwid_loginheader .loginbx .loginbell a {background:url(../images/bell.png) no-repeat center center; display:block; line-height:45px; text-indent:-99999px;}
.container_tpwid_loginheader .loginbx .loginbell.arrow_up {background:url(../images/arrow_up.png) no-repeat 42px 20px;}
.container_tpwid_loginheader .loginbx .loginbell.arrow_down {background:url(../images/arrow_down.png) no-repeat 42px 20px;}
.container_tpwid_loginheader .loginbx.open .loginbell a {background:url(../images/bell_active.png) no-repeat center center;}

.container_tpwid_loginheader .loginsave .loginsaveclose {position:absolute; right:14px; top:10px; color:#fff; font-size:12px; font-weight:bold;}

.container_tpwid_loginheader .loginbx.open .loginsave{display:block;}
.container_tpwid_loginheader .loginsave {text-align:center; color:#fff; background:#19b698; width:295px; border-radius:5px; padding:15px 0 12px 0; position:absolute;box-shadow: 0px 1px 2px rgba(0,0,0,.3); right:12px; bottom:110%; display:none; z-index:9999;}

.container_tpwid_loginheader .loginsave:after {
	top: 100%;
	right: 16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(25, 182, 152, 0);
	border-top-color: #19b698;
	border-width: 18px;
	margin-left: -18px;
	/* box-shadow: 0px 1px 2px rgba(0,0,0,.3); */
}

.container_tpwid_loginheader .loginsave a{color:#fff;}
.container_tpwid_loginheader .loginsave span {font-size:18px; text-transform:uppercase; display:block;}.loginsave span.first {padding-top:8px}
.container_tpwid_loginheader .loginsave p {font-size:14px; line-height:16px; padding:6px 0; border-top:solid 4px #14927a;}.loginsave p a {text-decoration:underline;}
.container_tpwid_loginheader .loginsave h6 {font-size:14px; line-height:20px; font-weight:700;text-transform:uppercase;}
.container_tpwid_loginheader .loginsave li {display:inline-block; padding:14px 12px;}
.container_tpwid_loginheader .loginsave li small {display:block;font-size:12px; line-height:20px;  }
.container_tpwid_loginheader .loginsave .btn {background:#ffb300; color:#333; display:block; line-height:62px; position:relative; font-size:25px; text-transform:uppercase; padding:0 23px; margin:0 -23px;}
.container_tpwid_loginheader .loginsave .btn:after {position:absolute; left:0;border-color:#9c6f04 transparent transparent transparent; border-width:23px 0 23px 23px; border-style:solid; width:0; height:0; content:''; top:100%;}
.container_tpwid_loginheader .loginsave .btn:before {position:absolute; right:0;border-color: transparent transparent #9c6f04 transparent; border-width:23px 23px 23px 0; border-style:solid; width:0; height:0; content:''; bottom:100%;}

.container_tpwid_loginheader .loginuser {}
.container_tpwid_loginheader .loginuser {background:#3E3E3E!important; position:inherit!important; height:33px !important; width:350px !important;}

 .container_tpwid_loginheader .loginuser .clr-Diamond{background-color:#0081c6 !important}
.container_tpwid_loginheader .loginuser .clr-Gold{background-color:#ffa219 !important}
.container_tpwid_loginheader .loginuser .clr-Platinum{background-color:#3bc0dc !important}
.container_tpwid_loginheader .loginuser .clr-Bronze{background-color:#c6ae00 !important}
.container_tpwid_loginheader .loginuser .clr-Silver{background-color:#c4c4c4 !important}

.container_tpwid_loginheader .loginuser .imgb,
.container_tpwid_loginheader .loginuser .imgb img {float:left;}
.container_tpwid_loginheader .loginuser .imgb img {width:32px; height:32px;}
.container_tpwid_loginheader .loginuser .imgb span {display:block; font-size:12px; line-height:33px; padding:0 8px; font-weight:700; color:#ffb300;float:left;    }
.container_tpwid_loginheader .loginuser small {
display: inline-block !important;
background: url(/photo/38913009.cms) no-repeat 8px center #DDD !important;
font-size: 11px;
color: #444;
padding: 5px 12px 5px 22px;
border-radius: 3px;
float: left;
margin-top: 4px;
margin-left: 4px;

}
.container_tpwid_loginheader .loginuser .loginbell {width:33px; float:left;height:33px; padding-right:7px; margin:0 12px 0 0; float:right; padding-right:19px;}
.container_tpwid_loginheader .loginuser .loginbell .bellimg {background:url(/photo/37322341.cms) no-repeat center center; display:block; height:33px; }
.container_tpwid_loginheader .loginuser .loginbell .bellimg em {background:#e20909; border:solid 1px #fff; border-radius:3000px; color:#fff; text-align:center; font-size:12px; width:17px; height:15px; line-height:15px; display:block; font-style:normal; float:right; margin-top:3px; margin-right:-10px;}
.container_tpwid_loginheader .loginuser .loginbell.arrow_up {background:url(/photo/38995483.cms) no-repeat right 14px;}
.container_tpwid_loginheader .loginuser.hover span{background:#19b698;color:#000}
.container_tpwid_loginheader .loginuser.hover .loginbell a em {display:none;}
.container_tpwid_loginheader .loginuser.hover .loginbell.arrow_up {background:url(../images/arrow_up.png) no-repeat right 14px;}
.container_tpwid_loginheader .loginuser.hover .loginnav {display:block;}
.container_tpwid_loginheader .loginuser.open .loginnotif{ display:block;}
.container_tpwid_loginheader .loginuser.open .loginbell a {background:url(/photo/37325423.cms) no-repeat center center;}


.container_tpwid_loginheader .loginnav {background:#19b698; position:absolute; left:0; right:0; top:100%; display:none; width:350px; z-index:700;}
.container_tpwid_loginheader .loginnav li:first-child {border-top:none;}
.container_tpwid_loginheader .loginnav li {display:block; font-size:14px; border-top:solid 1px #47c5ad; font-weight:700;  }
.container_tpwid_loginheader .loginnav li a {padding:10px 16px; line-height:20px; display:block; color:#fff  !important;}
.container_tpwid_loginheader .loginnav li a em {background:#e20909; border:solid 2px #fff; border-radius:3000px; color:#fff; text-align:center; font-size:12px; width:17px; height:17px; line-height:17px; display:block; font-style:normal; float:right;}
.container_tpwid_loginheader .loginnav li a:hover{background:#149278;}

.container_tpwid_loginheader .loginnotif {background:#f0f0f0; width:300px; border-radius:5px;position:absolute; border:solid 1px #e3e3e3; right:0px; top:9px; /*display:none;*/}

.container_tpwid_loginheader .loginnotif:after {
	bottom: 100%;
	right: 36px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(25, 182, 152, 0);
	border-bottom-color: #19b698;
	border-width: 10px;
	margin-left: -10px;
	/* box-shadow: 0px 1px 2px rgba(0,0,0,.3); */
}
.container_tpwid_loginheader .loginnotif h2 {background:#19b698; color:#fff; padding:0 12px; line-height:44px;font-weight:700;border-radius:5px 5px 0 0;font-size:18px; margin-bottom:8px;}
.container_tpwid_loginheader .loginnotif h2 em {float:right; font-style:normal;}
.container_tpwid_loginheader .loginnotif .btn {background:#19b698; color:#fff;line-height:44px; text-align:center; font-weight:700; display:block; margin-top:20px;border-radius:0 0 5px 5px; font-size:18px;}
.container_tpwid_loginheader .loginnotif .blue {color:#0070ff;} .container_tpwid_loginheader .loginnotif .red {color:#e50000;}
.container_tpwid_loginheader .loginnotif .line, 
.container_tpwid_loginheader .loginnotif .summery, 
.container_tpwid_loginheader .loginnotif .inline { padding:8px; background:#fff;}
.container_tpwid_loginheader .loginnotif .summery {padding-bottom:35px;}
.container_tpwid_loginheader .loginnotif .inline {border:solid 2px #e6e6e6; margin-left:10px; margin-top:-30px;}
.container_tpwid_loginheader .loginnotif .line span {font-size:14px; display:block; padding-top:8px;}
.container_tpwid_loginheader .loginnotif li img {margin-right:10px; width:78px;}
.container_tpwid_loginheader .loginnotif .time {font-size:11px; color:#767676;}
.container_tpwid_loginheader .loginnotif p {font-size:12px; line-height:14px; padding:6px 0;}
.container_tpwid_loginheader .loginnotif h4 {font-size:12px; line-height:16px; font-weight:700;}
.container_tpwid_loginheader .loginnotif h5 {font-size:11px; line-height:14px; }
.container_tpwid_loginheader .loginnotif li {display:block; padding:4px 10px;}
.container_tpwid_loginheader .loginnotif li small {display:block;font-size:12px; line-height:20px;  }
/* Activity Drop Down CSS Ends*/

/* Bottom Notification popup */

 .tpnotificationpopup_bottom body {line-height: 1;}
.tpnotificationpopup_bottom ol, .tpnotificationpopup_bottom ul {list-style: none;}
.tpnotificationpopup_bottom blockquote, .tpnotificationpopup_bottom q {quotes: none;}
.tpnotificationpopup_bottom blockquote:before, .tpnotificationpopup_bottom blockquote:after, .tpnotificationpopup_bottom q:before, .tpnotificationpopup_bottom q:after {content: '';content: none;}
.tpnotificationpopup_bottom table {border-collapse: collapse;	border-spacing: 0;}
* {outline:none;}

/* 1.1 Defaults */
.tpnotificationpopup_bottom strong {font-weight:bold;}
.tpnotificationpopup_bottom i, em {font-style:italic;}
.tpnotificationpopup_bottom .left {float:left;}
.tpnotificationpopup_bottom .right {float:right;}
.tpnotificationpopup_bottom .alignleft {text-align:left;}
.tpnotificationpopup_bottom .alignright {text-align:right;}
.tpnotificationpopup_bottom .aligncenter {text-align:center;}
.tpnotificationpopup_bottom .clear {clear:both;line-height:1px;height:1px;}
.tpnotificationpopup_bottom input, .tpnotificationpopup_bottom textarea {font-family:Arial, Helvetica, sans-serif;}
.tpnotificationpopup_bottom textarea {overflow:auto;}
.tpnotificationpopup_bottom a {color:#3e3e3e;text-decoration:none;}
.tpnotificationpopup_bottom a:hover, .tpnotificationpopup_bottom a.hover {color:#333;}
.tpnotificationpopup_bottom address {font-style:normal;}
.tpnotificationpopup_bottom img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.tpnotificationpopup_bottom p {line-height:20px; padding-bottom:10px;}


.tpnotificationpopup_bottom .Roboto_Slab {font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;}
.tpnotificationpopup_bottom .Roboto_Slab_bold {font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; font-weight:700}
.tpnotificationpopup_bottom .PT_Sans {font-family: 'PT Sans', Arial, Helvetica, sans-serif;}
.tpnotificationpopup_bottom .open_Sans {font-family:'Open Sans', Arial, Helvetica, sans-serif;}


 

 

.tpnotificationpopup_bottom .newbadge_overlay {position:fixed;background:url(../images/bg_newbadge_overlay.png) repeat; left:0; top:0; right:0; bottom:0; z-index:9999;}
.tpnotificationpopup_bottom .newbadge {width:368px; background:#3f3f3f; padding:52px 0 32px 0; position:relative; text-align:center;position:fixed;z-index:99999; left:50%; margin-left:-184px; bottom:0px; margin-top:-140px; }
.tpnotificationpopup_bottom .newbadge .imgtop {position:absolute; left:50%; top:-92px; width:165px; margin-left:-82px; z-index:2;}
.tpnotificationpopup_bottom .newbadge strong {background:#f3f3f3; line-height:54px; font-size:22px; color:#262626; margin:0 -18px; position:relative; display:block;}
.tpnotificationpopup_bottom .newbadge strong:after {position:absolute; left:-23px; bottom:-21px; width:41px; height:44px; content:''; display:block;background:url(/photo/38915219.cms) no-repeat; z-index:-1;}
.tpnotificationpopup_bottom .newbadge strong:before {position:absolute; right:-23px; bottom:-21px; width:41px; height:44px; content:''; display:block;background:url(/photo/38916213.cms) no-repeat; z-index:-1;}
.tpnotificationpopup_bottom .newbadge span {display:block;background:url(/photo/38916224.cms) no-repeat center top; color:#fff; font-size:17px; line-height:20px; padding:24px 10px;}
.tpnotificationpopup_bottom .newbadge .btn {display:block;background:url(/photo/38873104.cms) no-repeat center top; padding-top:16px; margin:0 36px;}
.tpnotificationpopup_bottom .newbadge .btn a {color:#fff; text-transform:uppercase; padding:17px 11px; line-height:18px; display:block; border:solid 1px #ffa800; border-radius:3000px; font-size:14px;}

@media (max-width:479px){
.tpnotificationpopup_bottom .userprofile small { float:none;padding:5px 0 20px 0; display:block; width:auto;}
.tpnotificationpopup_bottom .newbadge {width:238px;margin-left:-119px; margin-top:-160px;}
.tpnotificationpopup_bottom .newbadge .btn {margin:0 10px;}
.tpnotificationpopup_bottom .budgetlist .chart canvas {left: 0px;}
.tpnotificationpopup_bottom .chartbig canvas {left: 32px;}
} 

/* Bottom Notification popup */