/* Minification failed. Returning unminified contents. (640,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (1175,1): run-time error CSS1019: Unexpected token, found '@import' (1175,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic)' (1175,144): run-time error CSS1019: Unexpected token, found ';' (1188,1): run-time error CSS1019: Unexpected token, found '@import' (1188,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700)' (1188,79): run-time error CSS1019: Unexpected token, found ';' (2408,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (2411,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (2414,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (2922,115): run-time error CSS1035: Expected colon, found ';' (3474,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (3475,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (3743,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (4632,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4637,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4642,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (4643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4652,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4686,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4691,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4696,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (4697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4706,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4885,146): run-time error CSS1019: Unexpected token, found ' ' (4885,146): run-time error CSS1019: Unexpected token, found ' ' (4885,146): run-time error CSS1042: Expected function, found ' ' (4885,146): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4885,178): run-time error CSS1019: Unexpected token, found ' ' (4885,178): run-time error CSS1019: Unexpected token, found ' ' (4885,178): run-time error CSS1042: Expected function, found ' ' (4885,178): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4888,118): run-time error CSS1019: Unexpected token, found ' ' (4888,118): run-time error CSS1019: Unexpected token, found ' ' (4888,118): run-time error CSS1042: Expected function, found ' ' (4888,118): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4888,150): run-time error CSS1019: Unexpected token, found ' ' (4888,150): run-time error CSS1019: Unexpected token, found ' ' (4888,150): run-time error CSS1042: Expected function, found ' ' (4888,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4931,110): run-time error CSS1019: Unexpected token, found ' ' (4931,110): run-time error CSS1019: Unexpected token, found ' ' (4931,110): run-time error CSS1042: Expected function, found ' ' (4931,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4931,141): run-time error CSS1019: Unexpected token, found ' ' (4931,141): run-time error CSS1019: Unexpected token, found ' ' (4931,141): run-time error CSS1042: Expected function, found ' ' (4931,141): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer *{margin: 0; padding: 0;} *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } html { font-size: 10px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; font-family:"Titillium Web", sans-serif !important; font-size: 18px; line-height: 1.4; color: #212121; background-color: #ffffff; } html, body, body > form { height: 100%; } h1, h2, h3, h4, h5, h6 { font-family: "Titillium Web", sans-serif !important; font-weight: 400; line-height: 1.1; color: inherit; margin-top: 0; margin-bottom: 0; } p { font-size: 16px; margin: 0; margin-bottom: 8px; line-height: 1.5; } p.small { font-size: 14px; } /*.page-body { padding: 15px; clear: both; min-height: calc(100% - 458px); }*/ .page-body { padding: 15px; clear: both; min-height: calc(100% - 230px); } .affix { position: fixed; } .align_center { text-align:center } .buttet_none{ list-style-type: none; } /*------------------------------------------------------------------ Helper classes --------------------------------------------------------------------*/ .LinkNormalBlue.edit-terms{font-size: 16px;float: right;color: #ffbb00;} a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer, [role="button"] { cursor: pointer; } .text-right { text-align: right; } .padding-r8 { padding-right: 8px; } .padding-l8 { padding-left: 8px; } .padding-r4 { padding-right: 4px; } .padding-l4 { padding-left: 4px; } .pull-left { float: left !important; } .pull-right { float: right !important; } .float-list { overflow: hidden; margin-left: -8px !important; margin-right: -8px !important; } .float-list > .pull-left, .float-list > .pull-right, .float-list > .float-list-body { margin-left: 8px; margin-right: 8px; } .float-list > .float-list-body { overflow: hidden; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .content-full, .content, .right-bar { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } /*------------------------------------------------------------------ Helper classes for colors --------------------------------------------------------------------*/ a { color: #ffbb00; text-decoration: none; } a:hover { color: #ffbb00; } .text-danger { color: #ffbb00; } .text-grey-900 { color: #212121; } .text-grey-500 { color: #9E9E9E; } .text-grey-600 { color: #757575; } a[class^='text-grey']:hover { color: #ffbb00; } /*------------------------------------------------------------------ Layout --------------------------------------------------------------------*/ .b-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1054px; } .b-container:before { content: ""; display: table; } .b-container:after { content: ""; display: table; clear: both; } .b-row { margin-left: -15px; margin-right: -15px; } /*------------------------------------------------------------------ icons --------------------------------------------------------------------*/ .a-icon { background-image: url(/App_Themes/NewDesign/Images/a-icon-sprite.png); background-repeat: no-repeat; } .c-icon { background-image: url(/App_Themes/NewDesign/Images/c-icon-sprite_20171123.png); background-repeat: no-repeat; } .a-icon, .c-icon, .d-icon { position: relative; display: inline-block; line-height: 1; transition: background-color .2s; } .v-middle, svg { vertical-align: middle; } .icon-28 { width: 28px; height: 28px; } .icon-20 { width: 20px; height: 20px; } .icon-48 { width: 48px; height: 48px; } .user-image-36 { width: 36px; height: 36px; border-radius: 50%; min-width: 36px; } .user-image-48 { width: 48px; height: 48px; border-radius: 50%; min-width: 48px; } .user-image-56 { width: 56px; height: 56px; border-radius: 50%; min-width: 56px; } .icon-comment { background-position: -2px -2px; } .icon-message { background-position: -34px -2px; } .icon-notification { background-position: -66px -2px; } .icon-editor { background-position: -162px -2px; } a:hover .icon-editor { background-position: -130px -130px; } .icon-editor-notification { background-position: -98px -2px; } .icon-admin { background-position: -130px -2px; } a:hover .icon-admin { background-position: -98px -130px; } .icon-login { background-position: -34px -98px; } .icon-register { background-position: -290px -66px; } .icon-user { background-position: -66px -130px; } .icon-user-edit { background-position: -2px -34px; } .icon-lock { background-position: -290px -2px; } .icon-setting { background-position: -66px -34px; } .icon-logout { background-position: -194px -2px; } .icon-view-profile { background-position: -34px -34px; } .icon-admin-article { background-position: -2px -2px; } .icon-admin-article_content { background-position: -34px -2px; } .icon-admin-news { background-position: -66px -2px; } .icon-admin-downloads { background-position: -98px -2px; } .icon-admin-resources { background-position: -130px -2px; } .icon-admin-blogs { background-position: -162px -2px; } .icon-admin-reviews { background-position: -194px -2px; } .icon-admin-jobs { background-position: -258px -2px; } .icon-admin-mvp { background-position: -290px -2px; } .icon-admin-event { background-position: -2px -34px; } .icon-admin-stories { background-position: -34px -34px; } a:hover .icon-user { background-position: -194px -98px; } a:hover .icon-user-edit { background-position: -290px -98px; } a:hover .icon-lock { background-position: -258px -98px; } a:hover .icon-setting { background-position: -34px -130px; } a:hover .icon-logout { background-position: -226px -98px; } a:hover .icon-view-profile { background-position: 0 -130px; } .icon-home { background-position: -66px -66px; } .icon-question { background-position: -2px -66px; } .icon-contribute { background-position: -34px -66px; } .icon-search { background-position: -98px -66px; } .icon-facebook { background-position: -130px -66px; } .icon-whatsapp {background-position: -293px -128px;} .icon-twitter { background-position: -162px -66px; } .icon-googleplus { background-position: -194px -66px; } .icon-linkedin { background-position: -1px -98px; } .icon-slack { background-position: -262px -130px;} .icon-slack:hover {background-color: #0088cc;} .icon-youtube { background-position: -226px -66px; } .icon-birch { background-position: -162px -130px; } .icon-google-play-store { background-position: -226px -130px; } .icon-win-store { background-position: -194px -130px; } .icon-facebook:hover, .head-notification-bar ~ .bottom-headerr, .login-social-bar .icon-facebook { background-color: #3b5998; } .icon-twitter:hover, .login-social-bar .icon-twitter { background-color: #0084b4; } .icon-googleplus:hover, .login-social-bar .icon-googleplus { background-color: #dd4b39; } .icon-linkedin:hover, .login-social-bar .icon-linkedin { background-color: #0077b5; } .icon-youtube:hover, .login-social-bar .icon-youtube { background-color: #bb0000; } .icon-slack:hover { background-color: #0088cc; } .icon-birch:hover { background-color: #498b2a } .icon-google-play-store:hover { background-color: #3eabba } .icon-win-store:hover { background-color: #0596de } .account-drop-down { margin-left: 0; padding-left: 0; list-style: none; border-color: #E0E0E0; border-width: 1px; border-style: solid; } .account-drop-down li a { padding: 10px; width: 100%; display: block; } .account-drop-down li a i { vertical-align: middle; width: 28px; height: 28px; } .rss-link-right { float: right; margin-left: 8px; } .icon-rss { background-position: -162px -34px; } .icon-rss:hover { background-position: -194px -34px; } .icon-rss.icon-20 { background-position: -166px -38px; } .icon-rss.icon-20:hover { background-position: -198px -38px; } /*------------------------------------------------------------------ form classes --------------------------------------------------------------------*/ label { display: inline-block; max-width: 100%; margin-bottom: 5px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; } /*.form-control:focus { outline: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(0, 0, 0, 0.6); }*/ .form-control:focus { outline: none; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(30, 136, 229, 0.93); -moz-box-shadow: inset 0px 0px 1px 0px rgba(30, 136, 229, 0.93); box-shadow: inset 0px 0px 1px 0px rgba(30, 136, 229, 0.93); } .form-group { margin-bottom: 15px; } .form-group span.required { position: absolute; right: -18px; color: #c00; text-align: center; top: 6px; padding: 2px 8px; z-index: 999; display: none; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; text-decoration: none; cursor: pointer; } .btn-primary { color: #fff; background-color: #1e88e5; border-color: #2e6da4; } .btn-primary:hover { color: #fff; background-color: #1565c0; border-color: #204d74; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; line-height: 1.5; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none; } .checkbox input[type=checkbox] { display: none; } .checkbox label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background: url(/App_Themes/NewDesign/Images/c-icon-sprite_20171123.png); background-position: -136px -104px; } .checkbox input[type=checkbox]:checked + label:before { background-position: -168px -104px; } /*------------------------------------------------------------------ Header --------------------------------------------------------------------*/ /*.site-logo { float: left; line-height: 0; } .nav-btn { background: #0D47A1; height: 28px; line-height: 12px !important; margin-top: 7px; padding: 7px 10px 0 10px !important; } .notification-dropdown a.title { display: block; font-size: 14px !important; } .infocus-content { margin-top: 12px; height: 20px; line-height: 1; } .infocus-content .ticker { white-space: nowrap; overflow: hidden; max-width: 600px; margin-right: 20px; text-overflow: ellipsis; height: 20px; }*/ /*------------------------------------------------------------------ Media Object --------------------------------------------------------------------*/ .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; font-size: 18px;} .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } /*------------------------------------------------------------------ Login Control --------------------------------------------------------------------*/ /*.h-user-name { padding-right: 6px; position: relative; top: -12px; } .user-setting { position: absolute; z-index: 99; width: 180px; right: 0; top: 46px; display: none; background: #ffffff; } .user-setting:before { content: ""; display: block; position: absolute; top: -18px; height: 20px; width: 100%; } .user-setting ul { margin-left: 0; padding-left: 0; list-style: none; border-color: #E0E0E0; border-width: 1px; border-style: solid; overflow-x: hidden; } .user-setting ul li a { padding: 10px; width: 100%; display: block; color: #424242; } .user-setting ul li a i { width: 28px; height: 28px; vertical-align: middle; } .h-user-detail { line-height: 0; } .h-user-detail:hover .caret { display: block; right: 10px; bottom: -11px; } .h-user-detail:hover .user-setting, .user-setting:hover { display: block; } .login-control { float: right; position: relative; } .login-control ul { padding-left: 0; list-style: none; position: relative; margin-bottom: 0 !important; white-space: nowrap; } .login-control > ul > li { vertical-align: middle; display: inline-block; padding-right: 5px; padding-left: 5px; position: relative; cursor: pointer; } .login-control ul > li > i { width: 28px; height: 28px; } .login-control ul > li > .count { position: absolute; position: absolute; color: #fff; background: #FF6F00; border-radius: 4px; font-size: 10px; padding: 1px 2px 2px; top: -4px; right: 0; min-width: 16px; text-align: center; line-height: 1; } .login-control ul > li > .caret { position: absolute; border: 12px solid transparent; bottom: -15px; right: 8px; border-bottom-color: #BDBDBD; display: none; z-index: 100; } .login-control ul > li > .caret:after { content: ""; position: absolute; border: 11px solid transparent; bottom: -12px; right: -11px; border-bottom-color: #ffffff; } .login-box-dropdown { width: 300px !important; display: block; padding: 15px; padding-bottom: 0; border: 1px solid #bdbdbd; background-color: #fff; max-width: 100%; right: 0; top: 50px; max-height: 290px; position: absolute; z-index: 10; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; display: none; } .login-social-bar { padding-left: 0; margin-left: -5px; list-style: none; } .login-social-bar > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .login-box-dropdown label { line-height: 1.5; } .login-control .h-login, .login-control .h-registration { padding-top: 4px; }*/ /*------------------------------------------------------------------ Notifications --------------------------------------------------------------------*/ /*.notification-dropdown { position: absolute; z-index: 10; max-height: 380px; width: 400px; max-width: 100%; right: 0; top: 46px; border-radius: 4px; display: none; line-height: 1.5; } .notification-dropdown, .notification-dropdown a.btn { border-top-right-radius: 0; border-top-left-radius: 0; } .notification-dropdown > ul { padding: 10px; max-height: 340px; overflow: auto; margin-bottom: 0; border: 1px solid #E0E0E0; border-bottom: none; background: #fff; } .notification-dropdown > ul > li { color: #9E9E9E; padding: 4px 0; } .notification-dropdown.editor > ul { border-bottom: 1px solid #E0E0E0; } .notification-dropdown.editor > ul i { vertical-align: middle; margin-right: 8px; } .notification-dropdown.editor > ul a:hover { color: #01a821; } .notification-date-block { display: block; } .notification-dropdown button { color: #fff; background-color: #1E88E5; border-color: #2e6da4; } .notification-dropdown button:hover { background-color: #1565C0; border-color: #204d74; } .notification-dropdown .stacked-list > li > a { color: #1E88E5; }*/ /*------------------------------------------------------------------ Header --------------------------------------------------------------------*/ /*.brand-logo-md { white-space: nowrap; } .top-header { padding-top: 10px; padding-bottom: 10px; background-color: #fff; line-height: 0; } .top-header .brand-logo { min-width: 170px; } .top-bar-body { overflow: initial; position: relative; padding-left: 15px; padding-right: 6px; } .mobile-menu button { border: none; outline: none; background: #1e88e5; -webkit-appearance: none; } .mobile-menu { padding: 5px 0; } .mega-menu { border: 1px solid #E0E0E0; background-color: #ffffff; position: absolute; height: auto; z-index: 9999; top: 42px; display: none; left: 0; width: 100%; font-size: 14px; } .mega-menu ul { margin-left: 0; padding-left: 0; list-style: none; } .mega-menu li { width: 20%; float: left; margin: 0 !important; overflow: hidden; } .bottom-header ul.nav > li .mega-menu li a { display: block; padding: 0 8px; line-height: 28px; color: #616161; width: 100%; } .bottom-header ul.nav > li .mega-menu li a:hover { color: #fff; } .mega-menu-footer { clear: both; } .mega-menu-footer a { font-size: 14px; } .mega-menu-footer a:hover { background-color: transparent !important; color: #01a821 !important; } .bottom-header ul.nav > li .mega-menu-footer a.text-amber { color: #FF6F00; } .bottom-header ul.nav > li .mega-menu-footer a.text-blue { color: #0D47A1; }*/ /*------------------------------------------------------------------ Header 2 --------------------------------------------------------------------*/ /*.bottom-header .nav-container { position: relative; min-height: 1px; } .bottom-header .nav a:hover, .user-setting a:hover, .bottom-header .nav a.active { background-color: #0D47A1; color: #fff !important; } .bottom-header .mega-menu-footer a:hover { color: #01a821 !important; } .bottom-header { background-color: #1E88E5; height: 42px; line-height: 40px; z-index: 999; width: 100%; top: 0; } .head-notification-bar ~ .bottom-header { top: 66px; } .bottom-header div.b-row { position: relative; } .bottom-header ul.nav { padding-left: 0; margin-left: 0; list-style: none; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; margin-bottom: 0 !important; } .bottom-header ul.nav li .icon { top: -2px; width: 28px; height: 28px; vertical-align: middle; } .bottom-header ul.nav > li { float: left; } .bottom-header ul.nav > li a { line-height: 42px; padding: 0 10px; display: block; float: left; color: rgba(255, 255, 255, .87); line-height: 42px; padding: 0 10px; display: block; float: left; } .bottom-header ul.nav li:not(:last-child) { margin-right: 8px; } .bottom-header ul.nav li.dropdown { position: relative; } .bottom-header .dropdown-content { display: none; position: absolute; z-index: 10; top: 42px; min-width: 180px; border-width: 1px; border-style: solid; background-color: #ffffff; border-color: #E0E0E0; overflow-x: hidden; } .bottom-header .h-contributions .dropdown-content { right: 0; overflow: visible; } .bottom-header .h-contributions .dropdown-content:before { content: ""; display: block; height: 20px; width: 100%; position: absolute; top: -17px; } .bottom-header .h-contributions .caret { position: absolute; border: 8px solid transparent; bottom: -8px; right: 8px; border-bottom-color: #BDBDBD; display: none; z-index: 100; } .bottom-header .h-contributions:hover .caret { display: block !important; } .bottom-header .h-contributions .caret:after { content: ""; position: absolute; border: 7px solid transparent; bottom: -8px; right: -7px; border-bottom-color: #ffffff; } .bottom-header .dropdown:hover .dropdown-content, .dropdown-content:hover { display: block; } .bottom-header .dropdown .dropdown-content a { padding: 0 15px; display: block; width: 100%; color: #424242; } .bottom-header .dropdown .dropdown-content a:hover { color: #fff; } .h-search, .h-contributions, .h-questions { float: right !important; } .h-search { position: relative; padding-right: 8px; width: 186px; } .h-search i { position: absolute; right: 10px; top: 6px !important; } .main-sarch-box { height: 28px; outline: none; border: none; -webkit-appearance: none; display: inline-block; padding: 0 32px 0 4px; font-family: 'open sans'; }*/ /*Footer*/ footer .top-footer { padding: 12px 0; color: rgba(255, 255, 255, .7); background-color: #0f1726; overflow: auto; } .top-footer .footer-list { position: relative; min-height: 1px; padding: 0 15px; } .top-footer .footer-list h4 { padding-top: 8px; margin: 0 0 12px; display: block; text-transform: uppercase; font-size: 18px; } /*top-footer add coin link*/ .top-footer-row{width:1024px; margin:auto !important} .col-2{width:11.333111%; float:left;} .col-2 ul{list-style:none;} .col-2 ul li{color:#fafafa;} .col-2 ul li a{color:rgba(255, 255, 255, .5);} .col-2 ul li a:hover{text-decoration:underline;color:#ffbb00} .top-footer-row{width:1024px; margin:auto !important} .col-3{width:14.333111%; float:left;} .col-3 ul{list-style:none;} .col-3 ul li{color:#fafafa;} .col-3 ul li a{color:rgba(255, 255, 255, .5);} .col-3 ul li a:hover{text-decoration:underline;color:#ffbb00} .top-footer-row{width:1024px; margin:auto !important} .col-4{width:41.333111%; float:left;} .col-4 ul{list-style:none;} .col-4 ul li{color:#fafafa;} .col-4 ul li a{color:rgba(255, 255, 255, .5);} .col-4 ul li a:hover{text-decoration:underline;color:#ffbb00} .col-5{width:32.333111%; float:left;} .col-5 ul{list-style:none;} .col-5 ul li{color:#fafafa;} .col-5 ul li a{color:rgba(255, 255, 255, .5);} .col-5 ul li a:hover{text-decoration:underline;color:#ffbb00} .top_5{ margin-top: 5px; } .top-footer-row .img-wrap { float: left; padding-right: 15px; opacity: .8; /*width: 50%;*/ margin-top: 24px; } .top-footer-row .img-wrap img{ width:75px; } .top-footer-row .img-size { float: left; padding-right: 15px; opacity: .8; /*width: 50%;*/ margin-top: 31px; } .top-footer-row .img-size img{ width:97px; } /*end top-footer*/ /*.top-footer .footer-list h4:after { content: ""; border-bottom: 1px solid #3c7497; display: block; width: 100%; margin-top: 4px; }*/ .top-footer .footer-list h4:after { content: ""; border-bottom: 2px solid #3c7497; display: block; width: 66px; margin: 10px auto; } .top-footer .footer-list ul.list { margin-left: 0; padding-left: 0; list-style: none; } .top-footer .footer-list ul.list li { padding-top: 5px; padding-bottom: 5px; } .top-footer .footer-list ul.list li a { color: rgba(255, 255, 255, 1); } .top-footer .footer-list ul.list li a:hover { color: rgba(255, 255, 255, 1); } footer .bottom-footer { padding-top: 22px; padding-bottom: 22px; background-color: #000000; overflow: auto; } footer .bottom-footer .left-items ul { padding-left: 0; margin-left: -5px; list-style: none; margin-bottom: 0; padding-bottom:4px; } footer .bottom-footer .left-items ul > li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer .bottom-footer .left-items ul > li a { color: rgba(255, 255, 255, .5); } footer .bottom-footer .left-items ul > li a:hover { color: #ffbb00; } .footer-copyright { margin-bottom: 0; line-height: 1.3; color: #616161; padding-top: 6px; } .footer-copyright a { color: #757575; } .footer-copyright a:hover { color: #01a821; } .footer-social-bar { padding-left: 0; margin-left: -5px; list-style: none; position: relative; top: 8px; } .footer-social-bar li { display: inline-block; padding-right: 5px; padding-left: 5px; } .footer-social-bar .c-icon { opacity: .7; } .footer-social-bar a:hover .c-icon { opacity: 1; } .head-notification-bar { position: fixed; z-index: 999; right: 0; top: 0; left: 0; padding: 15px; background-color: #01a821; } .head-notification-content { max-height: 38px; overflow-y: hidden; } .head-notification-content a { color: rgba(255, 255, 255, .7); } .head-notification-content a:hover { color: rgba(255, 255, 255, 1); } #ScrollToTop { position: fixed !important; right: 8px; bottom: 4px; top: auto; display: none; background-color: #1e88e5; z-index: 99999; } #ScrollToTop:hover { background-color: #156cb9; } .icon-up-arrow { background-position: -222px -30px; width: 36px; height: 32px; } /*------------------------------------------------------------------ Modal Popup --------------------------------------------------------------------*/ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; margin-top: 50px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal button.close { -webkit-appearance: none; background: transparent; border: none; outline: none; font-size: 18px; width: 28px; border-radius: 50%; line-height: 26px; } /*.modal button.close:hover { background-color: rgba(0, 0, 0, .1); }*/ .modal-header .close { margin-top: -2px; float: right; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } /*------------------------------------------------------------------ Old Header Code --------------------------------------------------------------------*/ #OldHeader * { box-sizing: content-box; } #OldHeader ul { list-style: none; margin: 0; padding: 0; } #OldHeader .menuButton, #OldHeader .recentactivityBoxSelect, #OldHeader .loginControl .icons.askaquestion, #OldHeader .responsive_footer, #OldHeader ul.headerMenu li.topSection, #OldHeader .display_on_mobile, #OldHeader .SearchBox.display_on_mobile { display: none; } #OldHeader .logo_responsive { width: 94px !important; height: 31px !important; position: absolute !important; left: 51px !important; top: 14px; color: #fff; display: inline-block !important; font-size: 19px; font-weight: 300; font-family:"Titillium Web", sans-serif; } #OldHeader .page { max-width: 1024px; width: 100%; margin: 0 auto; padding: 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #OldHeader .responsiveHeader { display: block; width: 100%; background: #0086dc; position: fixed; top: 0; left: 0; height: 54px; z-index: 99999 } #OldHeader a.LinkBlack:hover, #OldHeader a.LinkOrange:hover, #OldHeader a.LinkNormalGray:hover, #OldHeader a.LinkRed:hover, #OldHeader a.LinkNormalBlue:hover, #OldHeader a.LinkNormalStyleOrange:hover, #OldHeader a.LinkNormalGrayLight:hover, #OldHeader .MemberoftheMonth:hover, #OldHeader .LinkRed:hover, #OldHeader .LinkNormalBlue:hover, #OldHeader .LinkNormalGray:hover, #OldHeader .recentactivityBox .right h3 a:hover { color: #01a821 !important; } #OldHeader .csharp-notification-bar ~ .responsiveHeader { top: 57px } /* ### login popup ### */ #OldHeader .loginPopup {width: 320px;font-size: 16px; padding: 20px 20px 0 15px; border: 1px solid #fb0; position: absolute; right: 0; top: 50px; background: #fff; z-index: 999999; } #OldHeader .loginControl { float: right; height: 42px; padding: 0px 0 0 20px; text-align: left; width: auto; position: absolute; top: 6px; right: 0; } #OldHeader .loginControl .image { float: left; margin-right: 5px; } #OldHeader .loginControl .image img { height: 29px; width: 29px; display: block; background-color: #c3c3c3; color: transparent; border-radius: 100%; } #OldHeader .loginControl .icons { background: url(/images/csharp/homeSprite_20160921.png) -1px -2662px no-repeat; width: 28px; height: 28px; margin:8px 10px 8px 8px; float: right; } #OldHeader .loginControl .icons.message { display: block; background-position: -1px -2482px; } #OldHeader .loginControl .icons.notification { display: block; background-position: -1px -2423px; } #OldHeader .loginControl .icons.comments { display: block; background-position: -1px -2730px; } #OldHeader .loginControl .icons.login { display: block; background-position: -1px -2599px; } #OldHeader .loginControl .icons.signUp { display: block; background-position: -1px -2541px; } #OldHeader .loginControl .icons.editorialNotification { display: block; background-position: -1px -3011px; } #OldHeader .loginControl .notificationMessageCntr { float: left; position: relative; cursor: pointer; } #OldHeader .loginControl .notificationMessageCntr .messageCount { color: #fff; background: #008000; position: absolute; left: 19px; top: 0px; padding: 1px 4px; font-size: 8px; font-weight: bold; display: none; } #OldHeader .loginControl .notificationMessageCntr .arrow { width: 12px; height: 7px; background: url(/images/csharp/homeSprite_20160921.png) -7px -1043px no-repeat; position: absolute; top: 38px; left: 14px; display: none; } #OldHeader .loginPopup.loggedIn { display: block; width: 200px; padding: 0; position: absolute; right: 0; top: 50px; background: #686766; z-index: 9999; right: 0; border: none; border: 1px solid #e1e1e1; border-top: none; } #OldHeader .loginPopup.loggedIn a { color: Gray; } #OldHeader .loginPopup.loggedIn a:hover { color: #ffbb00 ; } #OldHeader .loginPopup.loggedIn ul { list-style: none; width: 200px; text-align: left; background: #fff; margin: 0; padding: 0; overflow: hidden; } #OldHeader .loginPopup.loggedIn li { display: block; padding: 0; } #OldHeader .loginPopup.loggedIn li a { width: 163px !important; display: block; color: #545454; padding: 5px 10px 5px 34px; height: auto; border-bottom: 1px solid #e1e1e1; background: url(/images/csharp/homeSprite_20160921.png) left top no-repeat; } #OldHeader .loginPopup.loggedIn li a.myac { background-position: -3px -192px; } #OldHeader .loginPopup.loggedIn li a.signout { background-position: -3px -250px; border-bottom: none; } #OldHeader .loginPopup.loggedIn li a.editprofile { background-position: -3px -280px; } #OldHeader .loginPopup.loggedIn li a.changepassword { background-position: -3px -309px; } #OldHeader .loginPopup.loggedIn li a.profileview { background-position: -3px -162px; } #OldHeader .loginPopup.loggedIn li a.socialshare { background-position: -3px -481px; } #OldHeader .loginPopup.loggedIn li a.setting { background-position: -3px -221px; } #OldHeader .loginPopup.loggedIn li a.myac:hover { background-position: -3px -457px; } #OldHeader .loginPopup.loggedIn li a.myQuestion:hover { background-position: -3px -449px; } #OldHeader .loginPopup.loggedIn li a.signout:hover { background-position: -3px -515px; border-bottom: none; } #OldHeader .loginPopup.loggedIn li a.editprofile:hover { background-position: -3px -545px; } #OldHeader .loginPopup.loggedIn li a.changepassword:hover { background-position: -3px -574px; } #OldHeader .loginPopup.loggedIn li a.profileview:hover { background-position: -3px -427px; } #OldHeader .loginPopup.loggedIn li a.socialshare:hover { background-position: -3px -746px; } #OldHeader .loginPopup.loggedIn li a.setting:hover { background-position: -3px -486px; } #OldHeader .loginPopup.loggedIn li:hover { background: #ebebed; } #OldHeader .loginPopup .arrow { width: 12px; height: 7px; background: url(/images/loginArrowWhite.png) left top no-repeat; position: absolute; right: 11px; top: -6px; } #OldHeader .loginPopup .row { width: 100%; overflow: hidden; margin-bottom: 10px; } #OldHeader .loginPopup .inputBox { color: #666; font-size: 16px; padding: 2px 5px; border: 1px solid #ccc; width:200px;} #OldHeader .loginPopup input[type="submit"], #OldHeader input.button { color: #fff; padding: 6px 10px 5px 10px; background: #ffbb00; border: none; cursor: pointer; } #OldHeader .loginPopup input[type="submit"]:hover { background: #3976b9; } #OldHeader .login.loader { display: none; position: absolute; left: 75px; bottom: 62px; } #OldHeader .logout.loader { display: none; } #OldHeader .loginPopup .row2 { width: 285px; overflow: hidden; padding: 14px 0; margin-top: 20px; border-top: 1px solid #ccc; padding-left: 40px; } #OldHeader .loginPopup .lableText, #OldHeader .loginPopup .lableText2 { width: 82px; float: left; text-align: right; color: #666; padding: 2px 10px 0 0; } #OldHeader .loginPopup .lableText input[type='checkbox'] { margin-right: 4px; position: relative; top: 1px; } #OldHeader .loginPopup a.google { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/homeSprite_20160921.png) 0 -1266px no-repeat; } #OldHeader .loginPopup a.facebook { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/homeSprite_20160921.png) 0 -1292px no-repeat; } #OldHeader .loginPopup a.linkedIn { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/homeSprite_20160921.png) 0 -3430px no-repeat; } #OldHeader .loginPopup a.twitter { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/homeSprite_20160921.png) no-repeat 0 -3145px; } /* ### Header message ### */ #OldHeader .msg_container { border: 1px solid #d6d6d6; width: 300px; position: absolute; background: #fff; top: 44px; right: 0px; border-top: none; display: none; overflow: hidden; padding: 10px 0 0 0; } #OldHeader .msg_container.admin_msg_container { overflow: auto; padding: 10px; max-height: 373px; } #OldHeader .msg_container ul { padding: 0 10px 10px 10px; margin: 0px; list-style: none; max-height: 388px; overflow: auto; } #OldHeader .msg_container.admin_msg_container ul { padding: 0; max-height: none; } #OldHeader .msg_container ul li { margin-bottom: 4px; width: 100%; padding: 6px 0px 6px 0px; overflow: hidden; word-break: break-word; font-family:"Titillium Web", sans-serif; color: #7d7d7d; font-weight: 400; font-size: 15px; } #OldHeader .msg_container ul#dvComments li { font-size: 14px; } #OldHeader .msg_container ul li:last-child { margin-bottom: 0; } #OldHeader .msg_container.general_notifications li { padding-left: 10px; width: 97%; } #OldHeader .msg_container a { color: #131313; } #OldHeader .msg_container .gotoAllView { display: block; width: 100%; padding: 8px 0; text-align: center; color: #fff !important; font-size: 14px; background: #0086dc; position: relative; left: 0; bottom: 0; } #OldHeader .msg_container .gotoAllView:hover, #OldHeader .msg_container.general_notifications .gotoAllView:hover { color: #fff !important; background: #ffbb00; } #OldHeader .msg_container a:hover { color: #ffbb00 !important; } #OldHeader .msg_container p { padding: 0; margin: 0; } #OldHeader .msg_container .notificationDate { font-size: 90%; display: block; margin-top: 4px; color: #7d7d7d; font-weight: 300; } /* Header Green notification bar */ #OldHeader .csharp-notification-bar { overflow: hidden; width: 100%; } #OldHeader .csharp-notification-bar .csharp-notification { position: fixed; top: 0px; left: 0px; right: 0px; background: #4DA760; overflow: hidden; z-index: 99999; height: 57px; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #OldHeader .csharp-notification-bar .icon-box { position: absolute; left: 0px; top: 0px; background: #199233 url(/Images/notificationBarSprite.png) 20px 15px no-repeat; width: 70px; height: 57px; } #OldHeader .csharp-notification-bar .notification-content { color: #fff; font-size: 14px; text-decoration: none; display: inline-block; line-height: 25px; padding-left: 90px; margin-right: 90px } #OldHeader .csharp-notification-bar .notification-content:hover { color: #94FDAB; } #OldHeader .csharp-notification-bar .notification-close { position: absolute; right: 3px; top: 0px; background: url(/Images/notificationBarSprite.png) 20px -50px no-repeat; width: 57px; height: 57px; display: block; } #OldHeader .csharp-notification-bar .notification-close:hover { background: url(/Images/notificationBarSprite.png) 20px -99px no-repeat; } #OldHeader .csharp-notification + .blankDiv { display: none; height: 57px; } #OldHeader .logo { display: block; float: left; height: 36px; margin-bottom: 5px; margin-top: 5px; } #OldHeader .InterviewHeaderConainer .logo { background: url('/App_themes/Interviews/Images/logoInterviewCorner.png') left top no-repeat; } /* Header menu */ #OldHeader .Header { height: auto; width: 100%; } #OldHeader .headerBanner { width: 450px; height: 36px; float: left; margin-top: 5px; text-align: center; } #OldHeader .HeadermenuStripBlue { background: #ffffff; float: left; position: relative; width: 100%; z-index: 99; height: 54px;border-bottom: 1px solid #d0d0d0; } #blankDiv { height: 42px; width: 100%; display: none; clear: both; } #OldHeader .responsiveMenu { display: block; position: fixed; top: 0px; left: -260px; overflow-x: hidden; overflow-y: auto; width: 260px; height: auto; background: #313131; z-index: 99999; } #OldHeader .responsiveHeader .menuButton { display: block; width: 35px; height: 38px; position: absolute; top: 8px; left: 5px; background: url(/images/csharp/homeSprite_20160921.png) -1px -2801px no-repeat; } ul.headerMenu { list-style: none; margin: 0; padding: 0; width: 260px; display: block; } ul.headerMenu li { display: block; float: none; width: 100%; border-bottom: 1px solid #3a3a3a; background: none; position: relative; padding: 0; overflow: hidden; } ul.headerMenu li > a { color: #fff; display: block; padding: 14px 9px 5px 9px; height: 23px; float: left; text-transform: uppercase; font-weight: normal; font-size: 15px; font-family:"Titillium Web", sans-serif; text-decoration: none; } ul.headerMenu li a:hover, #OldHeader ul.Menu li .menuFooter a:hover, #OldHeader ul.headerMenu li a.active { background-color: #ffbb00; color: #fff !important; } ul.headerMenu li.more-btn a:hover:after {border-color: #fff transparent transparent transparent;} ul.headerMenu li.jsbc_logo {margin-right:20px;} ul.headerMenu li.jsbc_logo a:hover{ background-color: #fff; color: #fff !important; } #OldHeader .csharpHome { background: url(/images/csharp/homeSprite_20160921.png) no-repeat scroll 11px -3512px; width: 20px; } #OldHeader .csharpHome:hover, #OldHeader ul.headerMenu li a.csharpHome.active {background: url(/images/csharp/homeSprite_20160921.png) no-repeat scroll 11px -3461px;background-color: #ffbb00;} /* Header search */ #OldHeader .SearchBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #434343; width: 100%; padding: 14px; display: block; float: none; overflow: visible; } #OldHeader .SearchBox input.searchTextBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 #353535; border: medium none; color: #ccc; height: 30px; line-height: 30px; padding: 5px; width: 200px; display: inline-block; float: left; font-family: 'Roboto', sans-serif; } #OldHeader .SearchBox input.button { width: 36px; height: 30px; border: none; float: right; background: url(/interviews/images/InterviewSpriteHome_20151129.png) -15px -474px no-repeat; padding: 0 } /* technology Dropdown */ #OldHeader .dropDownMenu { font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: normal; width: 1002px; border: 1px solid #016fc2; border-top: none; float: left; padding: 6px 10px 26px 10px; overflow: auto; display: none; min-height: 200px; height: auto !important; height: 200px; position: absolute; left: -40px; top: 54px; background: #fff; z-index: 99999; } #OldHeader .dropDownMenu div span span a { color: #7f8080; display: inline-block; float: none; font-family:"Titillium Web", sans-serif; font-size: 13px; font-weight: normal; height: auto; margin: 0; padding: 2px 4px 2px 4px; text-decoration: none; text-transform: capitalize; } #OldHeader .dropDownMenu div span span { display: block; float: left; text-transform: capitalize; width: 200px; } #OldHeader .dropDownMenu div span span a:hover { color: #fff; background: #f60; } #OldHeader .dropDownMenu div span span a.OrangeBoldLink:hover { color: #fff; background: #f60; } #OldHeader .dropDownMenu a { font-family:"Titillium Web", sans-serif; padding: 2px !important; font-size: 15px; } a.headerRss { margin-top: 3px; width: 16px; height: 20px; display: block; text-indent: -9999px; background: url(/images/csharp/homeSprite_20160921.png) 0 -1630px no-repeat; float: right; } a.headerRss:hover { background-position: 0 -1655px; } a.headerRss.recentRss { margin: 0; } /* Header contribution */ #OldHeader .askQuestionOnHeader { padding: 4px 55px 2px 20px; margin: 8px 0 0 0; width: 97px; height: 23px; background: #009ee3 url(/images/csharp/homeSprite_20160921.png) 133px 0 no-repeat; display: block; float: right; font-size: 18px; color: #fff; text-decoration: none; line-height: 24px; } #OldHeader .askQuestionOnHeader:hover { background: #f60 url(/images/csharp/homeSprite_20160921.png) 133px 0 no-repeat; } #OldHeader .btn-training { padding: 3px 14px; margin: 8px 0 0 0;margin-right: 10px; width: auto;height: 23px; background: #fcb634;display: block; float: right; font-size: 18px; color: #000; text-decoration: none; font-family:"Titillium Web", sans-serif; line-height: 26px; text-shadow: 4px 2px 8px #60f5f3;border-radius: 20px;box-shadow: 0px 0px 6px #000;letter-spacing: 1px;} #OldHeader .contributeOnHeader { font-size: 18px; color: #fff; text-decoration: none; font-family: 'Titillium Web',sans-serif; text-transform: uppercase; padding: 0; line-height: 24px; position:absolute;} #OldHeader .contributeList { padding: 4px 55px 3px 20px; margin:0; width: 97px; height: 23px; position: relative; background: #ffbb00 url(/images/csharp/homeSprite_20160921.png) 133px -39px no-repeat; display: block; float: left; font-size: 18px; color: #fff; text-decoration: none; left:-5px; } #OldHeader .contributeList ul { display: none; list-style: none; margin: 0; padding: 2px 0 0 0; min-width: 170px; border: 1px solid #808080; position: absolute; left: 0; top: 29px; background: #fff; z-index: 999; } #OldHeader .contributeList:hover { background: #808080 url(/images/csharp/homeSprite_20160921.png) 133px -39px no-repeat; } #OldHeader .contributeList:hover ul { display: block; } #OldHeader .contributeList:hover ul li { display: block; border-bottom: 1px dotted #ccc; } #OldHeader .contributeList:hover ul li a { color: #efb629; text-decoration: none; font-family:"Titillium Web", sans-serif; font-size: 15px; line-height: 20px; padding: 4px 17px 4px 5px; display: block; white-space: nowrap } /*.contributeList:hover li a:hover { color: #fff; background: #f60 url(/images/csharp/homeSprite_20160921.png) 140px -880px no-repeat; }*/ #OldHeader .contributeList:hover li a:hover { color: #fff; background:#ffbb00;} #OldHeader .contributeList:hover li a:hover:before { content: ""; width: 10px; height: 20px; float: right; background: url(/images/csharp/homeSprite_20160921.png) -16px -882px no-repeat; margin-right: -14px; display: inline-block;} #OldHeader .contributeList:hover ul li.last { border: none; } .featuredBox * { box-sizing: content-box } .featuredBox { margin: 40px 0px 10px 0px; display: block; overflow: hidden; width: 100%; position: relative; height: 43px; background: #efefef; border-bottom: 1px solid #e7e7e7; } .featuredBox h2 { font-size: 18px; background: url(/images/csharp/homeSprite_20160921.png) 63px -2878px no-repeat; width: 72px; padding: 16px 23px 6px 0; margin: 0; color: #f60; font-family:"Titillium Web", sans-serif; font-weight: normal; text-transform: uppercase; float: left; } .featuredBox ul { width: auto; line-height: 16px; padding: 5px 0; margin: 0; list-style: none; } .featuredBox li { border: none; display: none; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .featuredBox li:first-child { border: none; display: block; } .featuredBox li .image { width: 25px; height: 25px; margin-right: 8px; display: block; float: left; margin-top: 2px; border: 1px solid #ccc; } .featuredBox li .detail { width: auto; line-height: 16px; color: #8d8d8d; } .featuredBox li .detail a { font-size: 13px; color: #5e5e5e; } .featured-articles-link { color: #f60 } .featured-articles-link:hover { color: #01a821; } .featuredBox h2 { font-size: 22px; background-position: 65px -1103px; } /*.featuredBox li { padding: 0 10px; }*/ .featuredBox li .detail {line-height: 20px; } .featuredBox li:first-child { border-left: none; } .featuredBox li:last-child { border-right: none; } .featuredBox li .detail a:hover { color: #01a821; } #OldHeader .leftCntr { width: 100%; } #OldHeader .rightCntr { display: none; } #OldHeader .leftCntr { width: 588px; float: left; } #OldHeader .rightCntr { width: 419px; float: right; display: block; } #OldHeader .userdetailCntr { float: right; color: #fff; font-size: 14px; padding: 5px 4px 12px 6px; display: block; } #OldHeader .userdetailCntr:hover, #OldHeader .userdetailCntr.hover { background: #fff; color: #6f6e6f; } #OldHeader .userdetailCntr label { font-weight: normal; padding-top: 4px; } #OldHeader .lableText { width: 82px; float: left; text-align: right; padding-right: 10px; color: #666; } #OldHeader .right_content { overflow: hidden; padding-right: 10px; } #OldHeader .pic { float: left; margin: 0 15px 0 0; } #OldHeader .pic img { width: 45px; height: 45px; border-radius: 100%; } #OldHeader .rightBox { float: left; padding: 0 0 5px; width: 100%; } #OldHeader .ticker a { color: #fff; } #OldHeader ul.unapproved_stats li a { margin-left: 10px; margin-top: 4px; /* display: block; */ float: left; /* font-size: 17px; */ /* color: #131313; */ } #OldHeader ul.unapproved_stats li a:hover { color: #01a821; } #OldHeader ul.unapproved_stats li span.icon { background: url(/images/newSpriteIcons_20161122.png) 0px 0px no-repeat; height: 30px; width: 30px; float: left; display: block; } #OldHeader ul.unapproved_stats li span.icon.article { background-position: 0px -2270px; } #OldHeader ul.unapproved_stats li span.icon.article_content { background-position: 0px -2316px; } #OldHeader ul.unapproved_stats li span.icon.news { background-position: 0px -2362px; } #OldHeader ul.unapproved_stats li span.icon.downloads { background-position: 0px -2407px; } #OldHeader ul.unapproved_stats li span.icon.resources { background-position: 0px -2453px; } #OldHeader ul.unapproved_stats li span.icon.reviews { background-position: 0px -2499px; } #OldHeader ul.unapproved_stats li span.icon.jobs { background-position: 0px -2545px; } #OldHeader ul.unapproved_stats li span.icon.blogs { background-position: 0px -2589px; } #OldHeader ul.unapproved_stats li span.icon.codes { background-position: 0px -2635px; } #OldHeader ul.unapproved_stats li span.icon.company { background-position: 0px -2678px; } #OldHeader ul.unapproved_stats li span.icon.mvp { background-position: 0px -2721px; } #OldHeader ul.unapproved_stats li span.icon.stories { background-position: -4px -3630px; } #OldHeader ul.unapproved_stats li span.icon.event { background-position: 0px -3270px; } .bottom-footer .left-items { text-align: center } .bottom-footer .right-items { padding-bottom: 12px; } .footer-social-bar { text-align: center } .bottom-footer .rightnew-items { text-align: center } footer .bottom-footer .right-items ul .rightnew-items{ padding-left: 0; margin-left: -5px; list-style: none; margin-bottom: 0; } footer .bottom-footer .right-items ul > li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer .bottom-footer .right-items ul > li a { color: rgba(255, 255, 255, .5); } footer .bottom-footer .right-items ul > li a:hover { color: #ffbb00; } /*------------------------------------------------------------------ Media Query --------------------------------------------------------------------*/ @media only screen and (max-width:767px) { .hidden-sm-down, .hidden-xs { display: none !important; } #OldHeader .breakingNewBox, #OldHeader .displayHeading, #OldHeader .recentactivityFilter, .display_none_mobile, .display_none { display: none !important } .content-header .follow-popup { margin-left: 50px; width: 310px; } .top-footer .footer-list { padding-top: 15px; } .top-footer .footer-list h4 { margin: 0 } .footer-list .list li { display: inline-block; position: relative; margin-right: 12px; } .content-full, .content, .right-bar { padding-left: 8px !important; padding-right: 8px !important; } .featuredBox li .detail { line-height: 18px;} .page-body { min-height: calc(100% - 125px); } } @media only screen and (max-width:320px) { #OldHeader .loginControl .notificationMessageCntr .messageCount{ left: 20px; top: 4px; margin-left: 9px; } } @media only screen and (max-width:600px) {#OldHeader .SearchBox input.searchTextBox {width: 198px;}#OldHeader .SearchBox input.button {background: url(/interviews/images/InterviewSpriteHome_20151129.png) -10px -474px no-repeat;}} @media screen and (min-width:768px) { .featuredBox { height: 50px; } .featuredBox ul { float: left; overflow: hidden; width: calc(100% - 95px); } .featuredBox ul { (; width: 90%; ); } /* for safari*/ .featuredBox li { float: left; width: 33%; padding: 0 4px; border-left: none; display: block } .featured_articles_filter { margin: 5px 10px 10px 0px; float: left; } .featuredBox ul { float: left; overflow: hidden; width: calc(100% - 95px); } .featuredBox li { float: left; width: 33%; padding: 0 4px; border-left: none; display: block } } @media only screen and (min-width:768px) { #OldHeader .SearchBox input.searchTextBox { width: 200px; } .hidden-md-up { display: none !important; } .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } .top-footer .footer-list { width: 25%; float: left; position: relative; min-height: 1px; } .bottom-footer .left-items { position: relative; min-height: 1px; } .bottom-footer .right-items { position: relative; min-height: 1px; } .footer-list .list li { position: relative; padding-left: 12px; } .footer-list .list li:before { content: ""; width: 5px; height: 4px; position: absolute; left: 0; display: inline-block; background: #3c7497;/*rgba(255, 255, 255, .5);*/ top: 12px; border-radius: 50%; } } @media only screen and (max-width:991px) { .hidden-md-down { display: none !important; } .top-header { position: fixed; box-shadow: 0 0 4px rgba(0, 0, 0, .4); z-index: 10; width: 100%; padding: 4px 10px; } .bottom-header { height: 100vh; position: absolute; overflow-x: hidden; overflow-y: auto; z-index: 999; width: 220px; left: -220px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background: rgba(0, 0, 0, .8); padding-bottom: 42px; } .bottom-header .b-container { padding-bottom: 15px; } body.responsive { position: fixed; width: 100%; } .bottom-header .nav { margin-left: -15px; margin-right: -15px; margin-bottom: 100px !important; overflow: hidden; } .bottom-header .dropdown > a { display: none !important; } .bottom-header .dropdown a { color: rgba(255, 255, 255, .87) !important; } .nav li { display: block; float: none; width: 100%; } .bottom-header .dropdown-content { display: block; position: static; background: transparent; border: none; } .bottom-header .dropdown-content a { color: #fff; } .bottom-header .nav .nav-item { width: 100%; padding: 0 15px; float: none; } .bottom-header .nav .nav-item.more-button { display: none; } .nav .h-search { padding: 0 15px; position: fixed; bottom: 15px; width: 220px; } .nav .h-search a { height: 28px !important; } .nav .h-search a:hover { background: rgba(0, 0, 0, .2); } .main-sarch-box { position: static; width: 100%; display: block; padding-right: 40px; border-radius: 0; } .bottom-header { box-shadow: 0 0 4px rgba(0, 0, 0, .4); z-index: 10; } .nav .h-search:after { content: ""; width: 100%; height: 62px; display: block; background: black; position: absolute; left: 0; bottom: -15px; z-index: -1; } .main-sarch-box + a { position: absolute; background: rgba(0, 0, 0, .2); right: 15px; top: 0px; width: 32px !important; height: 32px !important; } .bottom-header .b-container { padding-bottom: 28px; overflow: hidden; } body.responsive { position: fixed; width: 100%; } .nav li { display: block; float: none; width: 100%; } .bottom-header .dropdown-content { display: block; position: static; background: transparent; border: none; margin-bottom: 62px; } .bottom-header .dropdown-content a { color: #fff; } .bottom-header .nav .nav-item { width: 100%; padding: 0 15px; float: none; } .bottom-header .nav .nav-item.more-button { display: none; } .main-sarch-box + a i { right: 3px; top: 1px !important; } /*.page-body { padding-top: 62px; }*/ .head-notification-bar ~ .page-body { padding-top: 124px; } .title { font-size: 14px; } .info { font-size: 13px; } .page { padding: 0 7px; } } @media only screen and (min-width:992px) { .hidden-lg-up { display: none !important; } .modal-lg { width: 900px; } .nav-technologies:hover .mega-menu, .mega-menu:hover { display: block; } .head-notification-content { font-size: 16px; } .brand-logo-md { display: none; } .bottom-header .dropdown .dropdown-content a { color: #424242; } .content { width: 66.66666667%; float: left; } .right-bar { width: 33.33333333%; float: left; } } @media screen and (min-width:1024px) { #OldHeader .csharp-notification-bar .notification-content { font-size: 18px; line-height: 57px; } #OldHeader .more-btn { position: relative } #OldHeader .more-btn > a:after { content: ""; display: inline-block; border: 5px solid; border-color: #313131 transparent transparent transparent; position: relative; left: 4px; top: 2px; margin-left: 2px; } #OldHeader .more-btn .dropdown-content { min-width: 120px; list-style: none; padding: 0; margin: 0; position: absolute; top: 55px; display: none; } #OldHeader .more-btn:hover > .dropdown-content, .dropdown-content:hover { display: block; background: #fff; border: 1px solid #dedede;border-top: none; } #OldHeader ul.headerMenu .dropdown-content li > a { font-family:"Titillium Web", sans-serif; font-size: 14px; float: none; color: #7f8080; } #OldHeader ul.headerMenu .dropdown-content li > a:hover { color: #fff !important; } #OldHeader ul.headerMenu li.more-btn > a { padding-right: 11px; } #OldHeader .more-btn .more-btn { position: relative } #OldHeader .more-btn .more-btn > a:after { content: ""; display: inline-block; border: 5px solid; border-color: transparent transparent transparent #313131; position: relative; left: 8px; top: 0; margin-left: 2px; } #OldHeader .more-btn .more-btn > a:before { content: ""; width: 100%; height: 20px; display: block; position: absolute; bottom: -13px; left: 5px; width: 115px; } #OldHeader .more-btn .more-btn .dropdown-content { list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 120px; border: 1px solid #ffbb00 !important; } #OldHeader .more-btn .more-btn:hover > .dropdown-content, .dropdown-content:hover { display: block !important; } /*#OldHeader .more-btn .more-btn > .dropdown-content a { padding: 13px 10px 4px 10px; !important }*/ #OldHeader .more-btn .dropdown-content li { padding: 0; display: block; width: 100%; float: none; overflow: visible } #OldHeader ul.headerMenu li.more-btn ul li a { padding: 8px 10px 2px 10px ; white-space:nowrap} #OldHeader .inverted-menu ul.headerMenu li.more-btn ul li a {color:#313131 !important;} #OldHeader ul.headerMenu li.more-btn ul li:hover > a, #OldHeader ul.headerMenu li.more-btn ul li a.active, #OldHeader ul.headerMenu li.more-btn ul li:hover > a, #OldHeader ul.headerMenu li.more-btn ul li > ul li:hover > a { background-color: #ffbb00; color: #fff !important; } #OldHeader ul.headerMenu li.more-btn a:hover:after {border-color: #fff transparent transparent transparent;} #OldHeader .page { padding-left: 0; padding-right: 0 } #OldHeader .logo_responsive { display: none !important; } #OldHeader .jsbc_logo a{padding:10px 0 !important;} #OldHeader .responsiveHeader { position: static; background: none; } #OldHeader body { width: 100%; font-size: 15px; } #OldHeader .HeadingBold { font-size: 26px; } /*#OldHeader .master { margin-bottom: -170px; }*/ #OldHeader .master:after { height: 170px; } #OldHeader .menuStripGray li a { display: block; padding: 4px 10px 4px 15px; font-size: 12px; color: #000; text-decoration: none; } #OldHeader ul.headerMenu li.topSection { display: block; } #OldHeader .SearchBox { width: 208px; float: right; padding: 10px 0; overflow: visible; background: none; } #OldHeader .menu ul li a { font-size: 15px; padding: 8px 10px 0 11px; } #OldHeader .SearchBox input.searchTextBox {background-color: White;border: none;color: #8d8d8d;display: inline-block;height: 0px; padding: 0px 0px 0 0px;width: 0px;transition: width 1s;float: right;font-family: "Titillium Web", sans-serif;} #OldHeader .viewAllLink { margin: 0 10px 10px 0; padding: 0 22px 1px 0; font-size: 15px; color: #36c; text-decoration: none; float: right; position: relative; background: none; text-indent: 0; width: auto; } #OldHeader .viewAllLink i { position: absolute; right: 0px; top: 3px; background: url(/images/csharp/homeSprite_20160921.png) -20px -90px no-repeat; width: 21px; height: 21px; display: inline-block; } #OldHeader .viewAllLink:hover { color: #01a821; background: none; width: auto; text-indent: 0; } #OldHeader .rightlink a { font-size: 14px; } #OldHeader .msg_container { width: 420px; top: 38px; box-sizing: border-box } #OldHeader .recentactivityBox li { padding: 7px 0 0 0; } /*login conrtol*/ #OldHeader .loginControl { height: 44px; background: #333131} #OldHeader .loginControl .icons { display: block; height: 26px; margin: 6px 6px 0 0; text-decoration: none; width: 31px; background: url(/images/csharp/homeSprite_20160921.png) left top no-repeat; } #OldHeader .loginControl .icons.login { background-position: -7px -694px; margin: 6px 0 0; } #OldHeader .loginControl .icons.signUp { background-position: -7px -724px; } #OldHeader .loginControl .icons.editor { background-position: -3px -812px; } #OldHeader .loginControl .icons.admin { background-position: -7px -782px; } #OldHeader .loginControl .icons.message { background-position: -7px -754px; } #OldHeader .loginControl .icons.notification { background-position: -7px -2172px; } #OldHeader .loginControl .icons.editorialNotification { background-position: -7px -2202px; } #OldHeader .loginControl .icons.comments { background-position: 0px -2128px; } #OldHeader .loginControl .notificationMessageCntr .arrow { top: 32px; left: 6px; } #OldHeader ul.headerMenu { width: auto; } #OldHeader ul.headerMenu li {display: block !important;float: left;position: relative;padding: 0;width: auto;border-bottom: none;overflow: visible;white-space: nowrap;} #OldHeader ul.headerMenu li a { font-size: 15px; font-weight: normal; height: 23px; padding: 14px 10px 5px; text-decoration: none; text-transform: uppercase; } #OldHeader ul.headerMenu li.first { background: none; padding-left: 0; } #OldHeader ul.headerMenu li > a { color: #313131; display: block; padding: 20px 12px 12px 12px; height: 23px; float: left; text-transform: uppercase; font-weight: 600; font-size: 21px; font-family:"Titillium Web", sans-serif; text-decoration: none; line-height: 16px; } #OldHeader ul.headerMenu li > a.menu-color-dark-blue {background-color:#004B7C;} #OldHeader ul.headerMenu li > a.menu-color-dark-blue:hover {background-color:#f60;} #OldHeader .responsiveMenu { display: block; position: static; width: auto; height: auto; background: none; overflow: visible } #OldHeader .logout.loader { display: none; } #OldHeader .loginPopup a { text-decoration: none; cursor: pointer;} .LinkRed, .LinkOrange { color: #ffbb00;} /* Header infocus */ #OldHeader .InFocusNews { background: url(/images/inFocusNewsBg.png) center top repeat-y; height: 50px; overflow: hidden; width: 100%; position: relative; display: block } #OldHeader .InFocusNews span.title { background: #25bfff url(/images/csharp/homeSprite_20160921.png) 129px -1756px no-repeat; color: #fff; float: left; font-family: 'Titillium Web',sans-serif; font-size: 30px; font-weight: normal; line-height: 50px; text-align: right; width: 138px; padding: 0 44px 0 0; margin: 0; } #OldHeader .InFocusNews .rightNew { color: #fff; float: left; font-size: 22px; line-height: 50px; width: 802px; font-family: 'Titillium Web',sans-serif;} #OldHeader .display_none { display: block } #OldHeader .menuButton, #OldHeader .recentactivityBoxSelect, #OldHeader .responsive_footer { display: none; } #OldHeader .rightBarSlide, #OldHeader .responsiveHeader .menuButton, #OldHeader .footerSlide, #OldHeader .recentactivityBoxSelect, #OldHeader .responsive_footer { display: none } /* feature section */ .page { max-width: 1024px; width: 100%; margin: 0 auto; } .featuredBox { margin: 0 } .featuredBox h2 { font-size: 22px; background-position: 65px -1103px; } /*.featuredBox li { padding: 0 10px; }*/ .featuredBox li .image { height: 35px; width: 35px; } .featuredBox li .detail a { font-size: 14px; } .featuredBox li:first-child { border-left: none; } .featuredBox li:last-child { border-right: none; } .featuredBox li .detail a:hover { color: #01a821; } #OldHeader .leftCntr { width: 588px; float: left; } #OldHeader .rightCntr { width: 419px; float: right; display: block; } /*Opinion*/ #OldHeader .topOpinionColumns { display: block; padding: 0px; margin: 5px 0 0 10px; overflow: hidden; } #OldHeader .topOpinionColumns li { list-style: none; padding: 6px 0; overflow: hidden; } #OldHeader .topOpinionColumns li .userImage { width: 60px; height: 60px; display: block; overflow: hidden; float: left; margin-right: 10px; } #OldHeader .topOpinionColumns li .userImage img { width: 60px; height: 60px; border-radius: 50%; } #OldHeader .topOpinionColumns li .topOpinionColumnsDetail { overflow: hidden; } #OldHeader .topOpinionColumns li .topOpinionColumnsDetail h3 { margin: 0px 0 4px 0px; font-weight: normal; display: block; } #OldHeader .topOpinionColumns li .topOpinionColumnsDetail h3 a { color: #7f8080; text-decoration: none; line-height: 22px; font-size: 15px; } #OldHeader .topOpinionColumns li .topOpinionColumnsDetail .categoryLink { color: #ffbb00; font-size: 14px; } #OldHeader .topOpinionColumns li a:hover { color: #01a821 !important; } #OldHeader .topOpinionColumns li .topOpinionColumnsDetail p.desc { color: #a9a9a9; font-size: 14px; margin: 0; } /* ### Latest question box ### */ #OldHeader ul.LatestQuestionBox { list-style: none; margin: 5px 0 0; padding: 0; overflow: hidden; } #OldHeader ul.LatestQuestionBox li { display: block; overflow: hidden; position: relative; min-height: 32px; border-bottom: 1px solid #f5f5f5; padding: 0 0 3px 0; margin-bottom: 3px; } #OldHeader ul.LatestQuestionBox li:last-child { border-bottom: none; } #OldHeader ul.LatestQuestionBox li a { margin: 4px 0 0 0px; color: #7f8080; text-decoration: none; float: left; line-height: 22px; } #OldHeader ul.LatestQuestionBox li a:hover:before { background-position: 0px -2021px; } #OldHeader ul.LatestQuestionBox li a:hover { color: #01a821; } /* upcoming event */ #OldHeader ul.LatestQuestionBox.upcomingEvent li { border-bottom: none; } #OldHeader ul.LatestQuestionBox.upcomingEvent li a { font-size: 15px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo { display: block; clear: both; font-size: 14px; color: #a9a9a9; padding: 4px 0 0 0px; margin: 0; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.locationEvent { display: inline-block; vertical-align: bottom; position: relative; padding: 0 0 0 20px; margin-right: 10px; line-height: 19px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.locationEvent i { position: absolute; left: 0px; top: 0px; background: url(../../images/csharp/homeSprite_20160921.png) 0 -3393px no-repeat; width: 19px; height: 17px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.timeEvent { display: inline-block; vertical-align: bottom; position: relative; padding: 0 0 0 16px; line-height: 19px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.timeEvent i { position: absolute; left: 0px; top: 2px; background: url(../../images/csharp/homeSprite_20160921.png) 0 -3260px no-repeat; width: 14px; height: 14px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.webinarEvent { display: inline-block; vertical-align: bottom; position: relative; padding: 0 0 0 16px; line-height: 19px; margin-right: 10px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo span.webinarEvent i { position: absolute; left: 0px; top: 0px; background: url(../../Images/chapterSprite_20160624.png) 0 -1036px no-repeat; width: 14px; height: 17px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo .city-name { color: #606060; padding-right: 1px; } #OldHeader ul.LatestQuestionBox.upcomingEvent li .eventInfo .country-name { color: #a8a8a8; } /* ### Trending box ### */ #OldHeader ul.trendingBox { overflow: hidden; list-style: none; margin: 10px 0 2px 0; padding: 0; } #OldHeader ul.trendingBox li { overflow: hidden; display: table-row; } #OldHeader ul.trendingBox li > * { border-bottom: 1px solid #f5f5f5; } #OldHeader ul.trendingBox li a { padding: 0px; color: #7f8080; display: inline-block; text-decoration: none; } #OldHeader ul.trendingBox li a:hover { background-position: 10px -186px; color: #01a821; } #OldHeader ul.trendingBox li:last-child { border-bottom: none; } #OldHeader .numbers { padding: 6px 12px 6px 0; text-align: left; vertical-align: middle; display: table-cell; font-size: 22px; font-weight: normal; color: #a7a7a7; } #OldHeader .trendingDetail { display: table-cell; vertical-align: middle; width: 999px; } .featuredBox { margin: 0 } /*.featuredBox li { padding: 0 10px }*/ .featuredBox li .image { height: 35px; width: 35px } .featuredBox li .detail a { font-size: 14px } .featuredBox li:first-child { border-left: none } .featuredBox li:last-child { border-right: 0 } .featuredBox li .detail a:hover { color: #01a821 } } @media screen and (max-width:1023px) { #OldHeader .loginControl .icons.editor { display: none } #OldHeader .loginControl .icons.admin { display: none; } #OldHeader .loginControl .icons.askaquestion { display: block; background: url(/images/responsive/ask_question.png) center center no-repeat; } #OldHeader ul.headerMenu li > a { float: none } #OldHeader .display_none { display: none } #OldHeader .more-btn > a { border-bottom: 1px solid #3a3a3a; } #OldHeader .more-btn > a[href='javascript:void(0);'] { display: none } .page-body { padding-top: 64px } .home-page .page-body { padding-top: 64px; } #OldHeader .HeadermenuStripBlue { position: fixed; background:#313131;border-bottom:1px solid #313131;} #OldHeader .SearchBox input.searchTextBox{background:none repeat scroll 0 0 #fff;} #OldHeader .SearchBox{overflow:hidden; padding:13px 20px 12px 6px;} #OldHeader .SearchBox .contributeList{display:none;} #OldHeader .userdetailCntr{padding:8px 4px 13px 6px;} #OldHeader .loginPopup.loggedIn{top:54px;} ul.headerMenu li a {color: #ffffff;font-size:16px;} .jsbc_logo {display:none !important;margin: auto;width: 150px;margin-top: -5px;} } @media only screen and (max-width:1099px) { .h-search { width: 136px; } .hidden-lg-down { display: none !important; } } @media only screen and (min-width:1100px) { h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4, h5, h6 { font-size: 22px; } p { font-size: 16px; } } /*------------------------------------------------------------------ common button style --------------------------------------------------------------------*/ .NewCommonButtonStyle { background-color: #0086DC; border: none; color: #fff; cursor: pointer; font-size: 20px; margin-right: 10px; padding: 4px 13px; font-family:"Titillium Web", sans-serif; font-weight: lighter; letter-spacing: 1px; } .NewCommonButtonStyle:hover, .NewCommonButtonStyle.active { background: #ffbb00; } .NewCommonButtonStyle.active:hover { background-color: #0086DC; } @media screen and (max-width:768px) { .contactrow span { width: 100%; display: block; text-align: left; margin-bottom: 4px; } #OldHeader .loginControl .notificationMessageCntr .messageCount{ left: 28px; top: 4px; } } .errorMessage { color: Red; display: block; width: 100%; text-align: center; line-height: 3 } /*Announcement Popup End*/ .msg_container .NoticationLoading { text-align: center; } .notificationDate .watchICon { margin: 1px 3px 3px 0px; } /*==============StyleSheet CSS===============*/ .inverted-menu { background: #313131 !important; } .inverted-menu .csharpHome{background-position: 11px -3462px!important;} .inverted-menu ul.headerMenu li > a { color: #ffffff !important; } .whitelogo { display:none; } .inverted-menu .whitelogo { display:block; background-color: #313131; } .inverted-menu .blacklogo { display:none; } .inverted-menu ul.headerMenu li.jsbc_logo a:hover { background-color: #313131; color: #fff !important; } .InFocusNews .SearchBox input.searchTextBox { height: 0px; } #OldHeader .InFocusNews {background-position: 50% 50% !important; } @media(min-width:1360px){ .b-container { max-width: 1280px; } #OldHeader .page {max-width: 1260px;} #OldHeader .InFocusNews {background-position: 58% 50% !important; } } @media(min-width:1440px){ .b-container {max-width: 1400px; } .page-body{padding: 40px 35px 1px 35px; } #OldHeader .page {max-width: 1360px;} #OldHeader .InFocusNews {background-position: 56% 50% !important; } } .breaking-news-container .breaking-new-text { margin-bottom: 0px; font-size: 28px; position: absolute; z-index: 10; padding: 10px; width: 96%; top:25px; } .breaking-news-container h3.heading span { background: #ff646f; padding: 10px; font-size: 20px; color: #ffffff; } .breaking-news-container .news-heading .left-side, .right-side{float:left;} .breaking-news-container .news-heading .left-side{ width: calc(100% - 140px); padding-top: 15px; padding-left: 15px; } .breaking-news-container .news-heading .right-side{background: #ffbb00;padding-top: 18px;height: 129.2px;line-height: 50px;width: 140px;text-align: center;color: #ffffff;} .post-Date{font-size: 65px;display: block;font-weight: 600;} .post-Month{font-size: 26px;} .breaking-news-container .media-top{ position: relative; z-index: 2; } .breaking-news-container .news-heading{ position: absolute; z-index: 3; top: 230px; width: 100%; border-top: 2px solid #d7dae1; background: rgba(0,0,0,0.7); height: 130px; } .breaking-news-container .news-heading h4 { font-size: 26px; font-weight: 500; } .breaking-news-container > ul > li p { color: #fdfdfd !important; font-size: 18px !important; letter-spacing: initial !important; } .breaking-news-container > ul { height: 360px !important; } .breaking-news-container img { width: 100% !important; height: 361px !important; } .breaking-news-container > ul > li { position: absolute; top: 0px; right: -999px; margin: 0px !important; padding: 0 !important; width: 100%; } .breaking-news-container > ul > li p { color: #757575; font-size: 14px; line-height: 24px; letter-spacing: -.1px; margin: 0; margin-top: 4px; } h3.heading {font-family:'Roboto';font-weight:400;color:#212121;margin-bottom: 10px;} h4.heading {font-family:'Roboto';font-weight:400;color:#212121;margin-bottom: 10px;} .right-bar-panel:not(:first-child){padding-top:15px} .breaking-news-container > ul {overflow: hidden;position: relative;height: 134px;background: #FAFAFA;border: 1px solid #F5F5F5;white-space: nowrap;width:100%;} .breaking-news-container > ul > li { position: absolute; top: 0; right: -999px; margin: 0px !important; padding: 0 15px; background: #FAFAFA; width: 100%; white-space: normal } .breaking-news-container > ul > li h4{font-weight:400;} .breaking-news-container > ul > li p{color:#757575 } .breaking-news-container > ul > li:first-child { right: 0; } .breaking-news-container img{width:170px;height:100px;} .all-breaking-news {float:right;} .content-list {margin-left: 0;padding-left: 0;list-style: none;} .content-list .category-icon {border:1px solid #EEEEEE; width:48px;height:48px;} .content-list a.title {font-size: 16px;color:#212121;} .content-list a.title:hover{color:#01a821;} .content-list a.author {color:#FF8F00} .content-list a.author:hover{color:#01a821;} .info {font-size:14px;} .city-name{color:#212121; padding: 0 4px;} /*Right Bar*/ /*start icons list*/ .icon-slider-all { background-position: -98px -34px } .icon-slider-all:hover { background-position: -130px -34px; } .icon-view-all{background-position: -262px -39px;border: 1px solid;border-radius: 50%;vertical-align: text-top;margin-left: 6px;width:20px;height:20px;} .icon-venue{background-position: -262px -4px; top:2px;} .icon-clock {background-position: -230px -2px; margin: 0 2px 0 8px!important;} /*end icons list*/ @media only screen and (min-width:768px) { .post { padding-top: 15px; } } /*--------------------------------------------- helper classes ---------------------------------------------*/ a.title { color: #212121; font-size: 16px; } a.info, p.info, p.small {color: #808080;font-size: 16px;} a.info:hover, a.title:hover { color: #ffbb00; } .info a{color: #545454;} .info a:hover{color: #ffbb00;} /*--------------------------------------------- View all button ---------------------------------------------*/ .view-all-link { text-align: right; font-size: 16px; } .view-all-link > a { text-align: right; display: inline-block; padding-right: 15px; color: #3976b9;} .view-all-link > a:hover { color: #ffbb00; } .view-all-link i.icon-view-all { background-position: -265px -41px; border: 1px solid; border-radius: 50%; vertical-align: text-top; margin-left: 6px; width: 16px; height: 16px; top: 5px; } .view-all-link a:hover i.icon-view-all { background-position: -297px -41px } /*--------------------------------------------- Featured articles ---------------------------------------------*/ .featured-articles { margin-left: 0; padding-left: 0; list-style: none; } .featured-articles img { width: 60px; height: 60px; border: 1px solid #eee; } /*--------------------------------------------- Stacked List ---------------------------------------------*/ .stacked-list {margin:0; padding:0; margin-left: 0; padding-left: 0; list-style: none; } .stacked-list > li { padding-top: 4px; padding-bottom: 4px; } .stacked-list > li > a { color: #757575 } .stacked-list > li > a:hover { color: #ffbb00; } .stacked-list.anchor-list li>a { padding: 4px 0; display: inline-block; font-size: 17px;} .stacked-list a.text-orange{color:#ffbb00;display:block; margin-top:4px;} .stacked-list a.text-orange:hover{color:#505050;} /*--------------------------------------------- Numbered list ---------------------------------------------*/ .numbered-list {margin:0; padding:0; margin-left: 0; padding-left: 0; list-style: none; } .numbered-list > li { margin-top: 8px !important; } .numbered-list .numbers { vertical-align: middle; display: table-cell; font-size: 22px; font-weight: normal; color: #757575; } .numbered-list .body { color: #757575; font-size: 17px;} .numbered-list .body:hover { color: #ffbb00; } /*added by praveen*/ .rightbar-items:not(:first-child) { padding-top: 15px; } /*--------------------------------------------- two column list ---------------------------------------------*/ .two-column-list *{box-sizing:border-box} .two-column-list{padding:0; list-style:none;margin:4px -8px} .two-column-list:after{content:""; display:table; clear:both} .two-column-list > li {display:block; padding:8px; overflow:hidden;} @media (min-width:768px){ .two-column-list > li {width:50%; float:left; white-space:nowrap; text-overflow:ellipsis;} } .post-conetnt { width: 676px; height: 243px; } .shareLink { width: 500px; height: 90px; float: left; padding: 25px 0 0 156px; } .shareLink ul {list-style: none; margin: 0; padding: 0; } .shareLink li {float: left; height: 90px; background: url(/Images/CSharp/Blogs_26.png) left top no-repeat; } .shareLink li a.write { background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll left top transparent;display: block; float: left; height: 90px; margin: 0 59px 0 0; text-indent: -999px; width: 67px; } .shareLink li a.share {background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll -126px top transparent;display: block; float: left; height: 90px; margin: 0 27px 0 0; text-indent: -999px; width: 83px; } .shareLink li a.beknow { background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll -239px top transparent;display: block; float: left; height: 90px; text-indent: -999px; width: 104px; } .post-button { margin: 20px 0; float: left; text-align: center; width: 100%; } .post-button a { background: url(/images/csharp/postL.gif) left top no-repeat; padding: 0 0 0 11px; height: 38px; display: inline-block; } .post-button a span { float: left; background: url(/images/csharp/postR.gif) right top no-repeat; padding: 0 40px 0 0; display: block;height: 38px; line-height: 38px; font-size: 18px; font-weight: normal; color: #fff; text-decoration: none; text-transform: uppercase; } /*Paging: Start*/ .paging-box{ width:100%; text-align:center;} .paging-box p{font-size:16px; color:#747474; float:left; margin:0px; padding:0px;} .paging-box p a{color:#ffbb00;} .paging-box .pageTab{display:inline-block; width:auto; margin:0 0 0 30px; padding:0;} .paging-box .pageTab li{float:left; list-style:none; width:auto; padding:0; } .paging-box .pageTab li:empty{ display:none;} .paging-box .pageTab li a{ color:#959595; min-width:10px; display:block; line-height:28px; text-align:center; border:1px solid #959595; margin-left:10px; padding:0 10px;} .paging-box .pageTab li a.active, .paging-box .pageTab li a:hover{color:#fff; border:1px solid #ffbb00; background:#ffbb00;} .paging-box .pageTab li a[disabled="disabled"],.ArticleFooter .pageTab li a[disabled="disabled"]:hover{ cursor:default;color:#959595; border:1px solid #959595; background:#fff; } .paging-box .margin-top-left{margin:7px 1px 0 7px;} .paging-box.margin-t15{margin-top:15px;} .paging-box .pageTab li a.aspNetDisabled.active,.ArticleFooter .pageTab li a.aspNetDisabled.active:hover{color:#fff; border:1px solid #ffbb00; background:#ffbb00;} .paging-box .pageTab li a.aspNetDisabled,.ArticleFooter .pageTab li a.aspNetDisabled:hover{ cursor:default;color:#959595; border:1px solid #959595; background:#fff; } .paging-box .pageTab li a.active, .ArticleFooter .pageTab li a:hover{color:#fff; border:1px solid #ffbb00; background:#ffbb00;} /*Paging: End*/ .loadmore-link span { color: #3366CC;} .loadmore-link span:hover { color: #01a821;} @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic); @font-face { font-family: 'SEGOEUIL'; src: url('/App_Themes/csharp/Fonts/SEGOEUIL.eot'); src: url('/App_Themes/csharp/Fonts/SEGOEUIL.eot') format('embedded-opentype'), url('/App_Themes/csharp/Fonts/SEGOEUIL.woff') format('woff'), url('/App_Themes/csharp/Fonts/SEGOEUIL.ttf') format('truetype'), url('/App_Themes/csharp/Fonts/SEGOEUIL.svg#SEGOEUIL') format('svg'); } @font-face { font-family: 'BebasNeueRegular'; src: url('/fonts/BebasNeue-webfont_0.eot'); src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/bebasneue-webfont_0.woff') format('woff'), url('/fonts/bebasneue-webfont_0.ttf') format('truetype'), url('/fonts/bebasneue-webfont_0.svg#BebasNeueRegular') format('svg'); } @font-face { font-family: 'BebasNeueRegularie'; src: url('/fonts/BebasNeue-webfont.eot'); src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/BebasNeue-webfont.woff') format('woff'), url('/fonts/BebasNeue-webfont.ttf') format('truetype'), url('/fonts/BebasNeue-webfont.svg#modelQ') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'Calibri'; src:url('/fonts/Calibri.eot'); src:url('/fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('/fonts/Calibri.woff') format('woff'), url('/fonts/Calibri.ttf') format('truetype'), url('/fonts/Calibri.svg#Calibri') format('svg'); font-weight: normal; font-style: normal;}*/ @font-face { font-family: 'agencyfbregular'; src: url('/fonts/agencyfb-regular-webfont.eot'); src: url('/fonts/agencyfb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/agencyfb-regular-webfont.woff2') format('woff2'), url('/fonts/agencyfb-regular-webfont.woff') format('woff'), url('/fonts/agencyfb-regular-webfont.ttf') format('truetype'), url('/fonts/agencyfb-regular-webfont.svg#agencyfbregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proximanova-bold'; src: url('/fonts/proximanova-bold.eot'); src: url('/fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/proximanova-bold.woff2') format('woff2'), url('/fonts/proximanova-bold.woff') format('woff'), url('/fonts/proximanova-bold.ttf') format('truetype'), url('/fonts/proximanova-bold.svg#proximanova-bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proximanova-regular'; src: url('/fonts/proximanova-regular.eot'); src: url('/fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/proximanova-regular.woff2') format('woff2'), url('/fonts/proximanova-regular.woff') format('woff'), url('/fonts/proximanova-regular.ttf') format('truetype'), url('/fonts/proximanova-regular.svg#proximanova-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novalight'; src: url('/fonts/proximanova-light-webfont.eot'); src: url('/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/proximanova-light-webfont.woff2') format('woff2'), url('/fonts/proximanova-light-webfont.woff') format('woff'), url('/fonts/proximanova-light-webfont.ttf') format('truetype'), url('/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'asterisk'; src: url('/fonts/asterisk.eot'); src: url('/fonts/asterisk.eot?#iefix') format('embedded-opentype'), url('/fonts/asterisk.woff') format('woff'), url('/fonts/asterisk.ttf') format('truetype'), url('/fonts/asterisk.svg') format('svg'); font-weight: normal; font-style: normal; } /*used for textarea on comment and my account */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); @font-face { font-family: 'pt_sansregular'; src: url('/fonts/pts55f-webfont.eot'); src: url('/fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/pts55f-webfont.woff2') format('woff2'), url('/fonts/pts55f-webfont.woff') format('woff'), url('/fonts/pts55f-webfont.ttf') format('truetype'), url('/fonts/pts55f-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } html, body, body > form { height: 100%; } .master { width: 100%; height: 100%; position: relative; margin-bottom: -159px; } .master > .page{min-height: calc(100% - 129px);} .page-404 .master > .page{min-height: calc(100% - 121px);} .master > .page:after{content:""; display:table; clear:both} .master:after { clear: both; content: ""; float: none; display: block; height: 159px; } .master .footer { position: absolute; bottom: 0px; height: 159px; left: 0px; } body { color: #8d8d8d; font-family: 'Titillium Web', sans-serif !important; font-size: 18px; margin: 0; } * { outline: none 0; } a { text-decoration: none; cursor: pointer; } input[type="submit"], input[type="reset"], button { -webkit-appearance: none; } textarea { resize: none; } .floatNone { float: none !important; } .page { width: 1024px; margin: 0 auto; } .logo { display: block; float: left; height: 36px; margin-bottom: 5px; margin-top: 5px; } .Header { height: auto; width: 100%; } .headerBanner { width: 450px; height: 36px; float: left; margin-top: 5px; text-align: center; } .loginHeader { width: 100%; background-color: #f60; } .loginControl { float: right; height: 37px; padding: 6px 0 0 20px; text-align: left; width: auto; position: absolute; top: 0px; right: 0; } .loginControl .image { float: left; margin-right: 5px; } .loginControl .image img { height: 27px; width: 27px; display: block; background-color: #c3c3c3; color: transparent; border-radius: 100%; color: transparent; } .loginControl .icons { display: block; float: right; height: 25px; margin: 6px 10px 0 0; text-decoration: none; width: 25px; background: url(/images/csharp/iconSpritImage_20160921.png) left top no-repeat; } /*login conrtol*/ .loginControl { height: 44px; background: #333131} .loginControl .icons { display: block; height: 25px; margin: 6px 10px 0 0; text-decoration: none; width: 25px; background: url(/images/csharp/homeSprite_20160921.png) left top no-repeat; } .loginControl .icons.login { background-position: -7px -694px; margin: 6px 0 0; } .loginControl .icons.signUp { background-position: -7px -724px; } .loginControl .icons.editor { background-position: -7px -812px; } .loginControl .icons.admin { background-position: -7px -782px; } .loginControl .icons.message { background-position: -7px -754px; } .loginControl .icons.notification { background-position: -7px -2172px; } .loginControl .icons.editorialNotification { background-position: -7px -2202px; } .loginControl .icons.comments { background-position: 0px -2128px; } .loginControl .notificationMessageCntr { float: left; position: relative; cursor: pointer; } .loginControl .notificationMessageCntr .messageCount { color: #fff; background: #008000; display: none; position: absolute; left: 19px; top: 0px; padding: 1px 4px; font-size: 8px; font-weight: bold; } .loginControl .notificationMessageCntr .arrow { width: 12px; height: 7px; background: url(/images/loginArrowWhite.png) left top no-repeat; position: absolute; top: 32px; left: 6px; display: none; } .loginControl .userdetailCntr label { display: inline-block; margin-top: 4px; } .userdetailCntr { float: right; color: #fff; font-size: 14px; padding: 5px 4px 12px 6px; display: block; } .userdetailCntr:hover, .userdetailCntr.hover { background: #fff; color: #6f6e6f; } .loginPopup { width: 320px;font-size: 16px;padding: 20px 20px 0 15px;border: 1px solid #fb0;position: absolute;right: 0;top: 50px;background: #fff;z-index: 999999;} .loginPopup.loggedIn { display: block; width: 200px; padding: 0px; position: absolute; right: 0; top: 50px; background: #686766; z-index: 9999; right: 0; border: none; border: 1px solid #E1E1E1; border-top: none; } .loginPopup.loggedIn a { color: Gray; } .loginPopup.loggedIn a:hover { color: #ffbb00; } .loginPopup.loggedIn ul { list-style: none; width: 200px; text-align: left; background: #fff; margin: 0; padding: 0; overflow: hidden; } .loginPopup.loggedIn li { display: block; padding: 0; } .loginPopup.loggedIn li a { width: 163px !important; display: block; color: #545454; padding: 4px 4px 4px 34px; height: auto; border-bottom: 1px solid #e1e1e1; background: url(/images/csharp/homeSprite_20160921.png) left top no-repeat; } .topic-page .loginPopup.loggedIn li a {padding:4px 4px 4px 34px} .page-404 .loginPopup.loggedIn li a{padding:8px 0px 6px 34px;} .loginPopup.loggedIn li a.myac { background-position: -3px -192px; } .loginPopup.loggedIn li a.signout { background-position: -3px -250px; border-bottom: none; } .loginPopup.loggedIn li a.editprofile { background-position: -3px -280px; } .loginPopup.loggedIn li a.changepassword { background-position: -3px -309px; } .loginPopup.loggedIn li a.profileview { background-position: -3px -162px; } .loginPopup.loggedIn li a.socialshare { background-position: -3px -481px; } .loginPopup.loggedIn li a.setting { background-position: -3px -221px; } .loginPopup.loggedIn li a.myac:hover { background-position: -3px -457px; } .loginPopup.loggedIn li a.myQuestion:hover { background-position: -3px -449px; } .loginPopup.loggedIn li a.signout:hover { background-position: -3px -515px; border-bottom: none; } .loginPopup.loggedIn li a.editprofile:hover { background-position: -3px -545px; } .loginPopup.loggedIn li a.changepassword:hover { background-position: -3px -574px; } .loginPopup.loggedIn li a.profileview:hover { background-position: -3px -427px; } .loginPopup.loggedIn li a.socialshare:hover { background-position: -3px -746px; } .loginPopup.loggedIn li a.setting:hover { background-position: -3px -486px; } .loginPopup.loggedIn .proImg { margin: 2px 5px 0 -21px; float: left; } .loginPopup.loggedIn li:hover { background: #ebebed; } .loginPopup .arrow { width: 12px; height: 7px; background: url(/images/loginArrowWhite.png) left top no-repeat; position: absolute; right: 11px; top: -6px; } .loginPopup .row { width: 100%; overflow: hidden; margin-bottom: 10px; } .loginPopup .inputBox {color: #666; font-size: 16px; padding: 2px 5px; border: 1px solid #ccc; width: 200px; font-family: 'Titillium Web', sans-serif;} .loginPopup input[type="submit"], input.button { color: #fff; font-size: 12px; padding: 6px 10px 5px 10px; background: #efb62a; border: none; cursor: pointer; } .loginPopup input[type="submit"]:hover { background: #ffbb00; } .loginPopup input[type="button"]:hover, input.button:hover { background: #f60; } .loginPopup .row2 { width: 285px; overflow: hidden; padding: 14px 0; margin-top: 20px; border-top: 1px solid #ccc; padding-left: 40px; } .loginPopup .lableText2 { width: 84px; float: left; text-align: right; color: #666; padding: 2px 10px 0px 0px; } .loginPopup a.google { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1766px no-repeat; } .loginPopup a.twitter { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/iconSpritImage_20160921.png) no-repeat 0 -5689px; } .loginPopup a.linkedIn { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/iconSpritImage_20160921.png) no-repeat 0 -6776px; } .loginPopup a.facebook, .facebookComments { width: 24px; height: 24px; display: inline-block; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1792px no-repeat; } .menuLinkBlue { text-decoration: none; color: White; font-size: 16px; font-weight: bold; } .menuLinkTextBlue { margin-left: 10px; margin-right: 10px; } .menuFirstBlue { min-width: 20px; height: auto; border-right: 1px solid #005793; display: inline-block; } .menuCommonBlue { border-left: 1px solid #0380d9; min-width: 20px; height: auto; display: inline-block; border-right: 1px solid #005793; } .menuLastBlue { min-width: 20px; height: auto; border-left: 1px solid #0380d9; display: inline-block; } a.menuLinkBlueFooter { text-decoration: none; color: White; font-size: 14px; } a.menuLinkBlueFooter:hover { color: #f60; background: none !important; } span.whiteLink:hover { color: #f60; } .menuLinkGray { text-decoration: none; color: Black; } .menuLinkTextGray { margin-left: 10px; margin-right: 10px; } .menuFirstGray { min-width: 20px; height: auto; border-right: 1px solid #777; display: inline-block; } .menuCommonGray { min-width: 20px; height: auto; display: inline-block; border-left: 1px solid #e0e0e0; border-right: 1px solid #777; } .menuLastGray { min-width: 20px; height: auto; border-left: 1px solid #e0e0e0; display: inline-block; } .main { width: 100%; background-color: white; margin: 5px auto; height: auto !important; z-index: 0; min-height: 400px; margin-bottom: 10px; } .footer .menuStripGray li.first a, .footer .menuStripBlue ul li.first a, .footer .footerBottom li.first a { padding-left: 0px; } .footer { width: 100%; height: auto; float: left; margin-top: 10px; } .footerBottomCategory { width: 100%; padding: 10px 0; min-height: 100px; height: auto !important; height: 100px; overflow: hidden; background-color: #171718; } .footerBottomCategory ul { list-style: none; width: 100%; float: left; padding: 0; margin: 0; } .footerBottomCategory li { display: block; line-height: 16px; width: 160px; padding-right: 5px; float: left; } .footerBottomCategory li a { font-size: 10px; color: #a5a5a5; text-decoration: none; padding: 0 0 0 10px; } .footerBottomCategory li a:hover { color: #f60; } .footerLogo { width: 119px; height: 35px; background-image: url(/Images/csharp/CSharpLogoGrayscale.png); background-repeat: no-repeat; display: inline-block; margin-left: 30px; margin-top: 20px; } .lof-navigator-outer { width: 216px !important; } .footerLinks { width: 100%; height: 200px; background-color: #e4e4e4; } .headerGray { background-color: #f2f2f2; border: 1px solid #f2f2f2; height: 40px; } .headerBlue { width: 336px; background-color: #0170bf; border: 0 solid #c6c6c6; height: 40px; } .headerGreen { width: 334px; background-color: #139305; border: 1px solid #c6c6c6; height: 40px; } .headerGrayResources { width: 674px; background-color: #e4e4e4; border: 1px solid #c6c6c6; height: 40px; } .headerGrayResources.fullLength { width: 100%; } .redColorInHeader { position: relative; float: left; top: 0; left: 0; width: 10px; height: 30px; background-color: #f73535; background-position: bottom; background-repeat: no-repeat; display: block; } .blueColorInHeader { position: relative; float: left; top: -1px; left: -1px; width: 10px; height: 32px; background-color: #06c; background-position: bottom; background-repeat: no-repeat; display: block; } .captionForHeader { position: relative; float: left; left: 10px; height: 10px; top: 10px; bottom: 10px; color: #3e3e3e; font-weight: bolder; display: inline-block; } .captionForHeaderMemberoftheMonth { position: relative; float: left; left: 10px; height: 10px; top: 10px; bottom: 10px; color: #d3ebd0; font-size: 10px; font-weight: bolder; display: inline-block; } .expandCollapseImage { position: relative; float: right; margin-right: 10px; width: auto; height: 18px; top: 6px; background-repeat: no-repeat; background-position: center; display: block; } .gridForEBook { width: 100%; padding-top: 8px; } .CircleIconForWhitePapers { width: 10px; height: 15px; background-image: url(/Images/csharp/BulletCircle.png); background-repeat: no-repeat; position: relative; float: left; background-position: left center; margin-left: 10px; padding-top: 1px; } .BagIconForLatestJobs { width: 10px; height: 15px; background-image: url(/Images/csharp/BulletJobs.png); background-repeat: no-repeat; position: relative; float: left; background-position: left center; margin-left: 10px; } #plug-and-play { display: none; margin-bottom: 10px; border: 0; } #plug-and-play .slide { cursor: pointer; background: #fff; margin: 0; padding: 5px; cursor: default; } #plug-and-play .slide-container { background: #fff; } #plug-and-play .separator { border: 1px solid #fff; } #plug-and-play .control { width: 668px; height: 11px; width: 11px; cursor: pointer; border: 1px solid #d7d7d7; padding: 0; margin: 5px; background-color: #d7d7d7; color: #d7d7d7; font-size: 0; } #plug-and-play .control-container { background: #fff; float: right; margin-top: -12px; margin-right: 5px; } #plug-and-play .control-active { font-size: 0; border: 1px solid #36c; padding: 0; background-color: #36c; color: #36c; } #plug-and-play .control-hover { font-size: 0; border: 1px solid #36c; padding: 0; background-color: #36c; color: #01a821; } .LinkBold { font-size: 24px; font-weight: normal; line-height: 26px; color: #06c; } .LinkBold:hover { color: #01a821; } .LinkNormalGray { color: #333; } .forumTitle { font-size: 16px; } a.LinkNormalGray:hover { color: #ffbb00; } .LinkNormalGrayLight { color: #8d8d8d; } .LinkBlack { color: #6f6f6f; } a.LinkGreen:hover { color: #01a821; } a.LinkBlack:hover { color: #ffbb00 !important; } .LinkRed { font-weight: normal; color: #ffbb00; } .MemberoftheMonth { display: block; color: #333; font-size: 20px; font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; } .loader-container { height: 12px; margin-bottom: -7px; margin-top: 2px; position: relative; } .MemberoftheMonth:hover { color: #ffbb00; } a.LinkRed:hover { color: #757575 !important; } .LinkNormalBlue, .PaddingLeft5 a, .myAccountCenter table.tableListing a, table.tableListing a { font-weight: normal; color: #06c; } a.LinkNormalBlue:hover, .PaddingLeft5 a:hover, .myAccountCenter table.tableListing a:hover, table.tableListing a:hover { color: #ffbb00 !important; } a span.LinkNormalBlue:hover { color: #ffbb00 !important; } #plug-and-play1 { display: none; margin-bottom: 20px; border: 0; } #plug-and-play1 .slide { cursor: pointer; background: #fff; margin: 0; padding: 5px; cursor: default; } #plug-and-play1 .slide-container1 { background: #fff; } #plug-and-play1 .separator { border: 1px solid #fff; } #plug-and-play1 .control1 { height: 8px; width: 8px; cursor: pointer; border: 1px solid #d7d7d7; padding: 0; margin: 5px; background-color: #d7d7d7; color: #d7d7d7; font-size: 0; } #plug-and-play1 .control-container1 { background: #fff; float: right; margin-top: -8px; margin-right: -5px; } #plug-and-play1 .control-active1 { font-size: 0; border: 1px solid #f60; padding: 0; background-color: #f60; color: #f6350c; } #plug-and-play1 .control-hover1 { font-size: 0; border: 1px solid #f60; padding: 0; background-color: #f60; color: #01a821; } #plug-and-play2 { display: none; margin-bottom: 20px; border: 0; } #plug-and-play2 .slide { cursor: pointer; background: #fff; margin: 0; padding: 5px; cursor: default; } #plug-and-play2 .slide-container2 { background: #fff; } #plug-and-play2 .separator2 { border: 1px solid #fff; } #plug-and-play2 .control2 { height: 8px; width: 8px; cursor: pointer; border: 1px solid #d7d7d7; padding: 0; margin: 5px; background-color: #d7d7d7; color: #d7d7d7; font-size: 0; } #plug-and-play2 .control-container2 { background: #fff; float: right; margin-top: 5px; } #plug-and-play2 .control-active2 { font-size: 0; border: 1px solid #36c; padding: 0; background-color: #36c; color: #36c; } #plug-and-play2 .control-hover2 { font-size: 0; border: 1px solid #36c; padding: 0; background-color: #36c; color: #01a821; } .Highlight { font-size: 7pt; color: #11518f; border: solid 1px Red; } .Hide { display: none; } .LinkGreen { color: #74b743; } .HeaderAll { width: 674px; background-color: #e4e4e4; border: 1px solid #c6c6c6; height: 30px; margin-bottom: 8px; } .HeaderSpanFirst { position: relative; float: left; top: -1px; left: -1px; width: 10px; height: 42px; background-color: #ffbb00; background-position: bottom; background-repeat: no-repeat; display: block; } .HeaderSpanFirst.Blue { background-color: #407ea7 !important; } .HeaderSpanSecond {position: relative;float: left;margin-left: 10px;height: 10px;margin-top: 6px;color: #3e3e3e;font-size: 18px;font-weight: 400;display: inline-block;text-transform: uppercase;color: #212121;} .HeadingBold { color: #212121; font-size: 22px; margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; margin-top: 6px; } a.HeadingBold:hover { color: #ffbb00; } .grayHeading { color: Gray; } h2.userName .HeadingBold { font-size: 36px; } .HeaderSpanFirstGray { position: relative; float: left; top: 0; left: 0; width: 10px; height: 30px; background-color: #e4e4e4; background-position: bottom; background-repeat: no-repeat; display: block; border: 2px; } .HeaderSpanFirstBlue { position: relative; float: left; top: -1px; left: -1px; width: 10px; height: 42px; background-color: #ffbb00; background-position: bottom; background-repeat: no-repeat; display: block; border: 2px; } .HeaderSpanSecondMemberofTheMonth { position: relative; float: left; left: 10px; height: 10px; top: 6px; color: #3e3e3e; font-size: 16px; color: White; font-weight: bold; background-repeat: no-repeat; display: inline-block; } .HeaderSpanOrange { top: 15px; position: relative; clear: both; width: 676px; background-color: #f60; border: 1px solid #c6c6c6; height: 30px; margin-bottom: 20px; } .GrayColorInHeader { position: relative; float: left; top: 0; left: 0; width: 10px; height: 30px; background-color: #e4e4e4; background-position: bottom; background-repeat: no-repeat; display: block; } .WhiteHeaderText { position: relative; float: left; left: 10px; height: 10px; top: 6px; color: White; font-size: 14px; font-weight: bolder; display: inline-block; } .HeaderTagCloudGray, .HeaderTagCloud, .HeaderTagCloudOrange, .HeaderTagCloudBlue, .chapterBtn { font-size: 99%; line-height: 2.2; margin: 1px 2px 1px 0; padding: 2px 4px; text-decoration: none; white-space: nowrap; } .HeaderTagCloud { background-color: #e0eaf1; border: 1px solid #b3cee1; color: #3e6d8e; } .HeaderTagCloudGray { background-color: #e4e4e4; border: 1px solid #c6c6c6; color: #333; } .HeaderTagCloudOrange, .chapterBtn { background-color: #F60; border: 1px solid #F60; color: #fff; } .chapterBtn:hover { background-color: #2b2b2b; border: 1px solid #2b2b2b; color: #FFFFFF; } .HeaderTagCloudBlue { background-color: #0086dc; border: 1px solid #0086dc; color: #fff; } a.HeaderTagCloud:hover, a.HeaderTagCloudOrange:hover, a.HeaderTagCloudGray:hover, a.HeaderTagCloudBlue:hover { color: #F60 !important; background-color: #fff; } #Tabs ul.css-tabs { margin: 0 !important; padding: 0; height: 30px; border: 1px solid #c6c6c6; background-color: #e4e4e4; } #Tabs ul.css-tabs li { float: left; padding: 0; margin: 0; list-style-type: none; vertical-align: middle; } #Tabs ul.css-tabs a { float: left; font-size: 16px; display: block; padding: 5px 15px; text-decoration: none; height: 18px; background-color: #e4e4e4; color: #3e3e3e; position: relative; font-weight: bold; } #Tabs ul.css-tabs a:hover { background-image: url(/images/csharp/buttonBackground.png); height: 12px; margin-top: -8px; padding-top: 13px; padding-bottom: 21px; color: White; } #Tabs ul.css-tabs a.active { background-image: url(/images/csharp/buttonBackground.png); cursor: default; height: 12px; margin-top: -8px; padding-top: 13px; padding-bottom: 21px; color: White; } #Tabs .css-panes div { display: none; height: auto; margin-top: 45px; } .LinkGrayLight { font-size: small; font-weight: normal; color: #b1adad; } .FooterLink { text-align: right; } .GraySeparator { background-image: url(/App_Themes/CSharp/images/DottedLine.gif); background-repeat: repeat-x; } .homepageLeaderIcons { width: 325px; overflow: hidden; margin: 0 0 20px 11px; clear: both; } .homepageLeaderIcons ul { margin: 0; padding: 0; } .homepageLeaderIcons li { float: left; list-style: none; margin: 7px 8px 0 0; background: url(/Images/csharp/leaderImg1.gif) left top no-repeat; text-align: center; } .homepageLeaderIcons li a { display: block; width: 73px; padding: 68px 0 0; color: #929292; font-size: 13px; text-transform: uppercase; } .homepageLeaderIcons li.leader { background-position: 5px 0; height: auto; width: auto; padding: 0px; overflow: hidden; position: relative; } .homepageLeaderIcons li.trending { background-position: -73px 0; } .homepageLeaderIcons li.puls { background-position: -149px 0; } .homepageLeaderIcons li.recognitions { background-position: -228px 0; } .homepageLeaderIcons li a:hover { color: #f60; } .homepageLeaderIcons li.leader:hover { background-position: 5px -85px; } .homepageLeaderIcons li.trending:hover { background-position: -73px -85px; } .homepageLeaderIcons li.puls:hover { background-position: -149px -85px; } .homepageLeaderIcons li.recognitions:hover { background-position: -228px -85px; } /*TRENDING NOW BOX START HERE*/ .trendingNowBox { width: 100%; overflow: hidden; } .trendingNowBox .left { padding: 0px 0px 0px 145px; width: 305px; height: 30px; border: 1px solid #D5D5D5; display: inline-block; float: left; position: relative; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -2517px no-repeat; } #example1_wrap .prev { padding: 0px; border: none; position: absolute; right: 32px; top: 4px; text-indent: -99999px; cursor: pointer; width: 23px; height: 22px; background: url(/images/csharp/iconSpritImage_20160921.png) -16px -150px no-repeat; } #example1_wrap .next { padding: 0px; border: none; position: absolute; right: 5px; top: 4px; text-indent: -99999px; cursor: pointer; width: 23px; height: 22px; background: url(/images/csharp/iconSpritImage_20160921.png) -16px -198px no-repeat; } #example1_wrap .prev:hover { background-position: -16px -173px; } #example1_wrap .next:hover { background-position: -16px -221px; } #example1 li { float: left; list-style: none; width: 275px; margin-left: 0; list-style: none; } .bx_container ul { list-style: none; margin: 0; padding: 0; } .bx_container { margin-top: 5px; color: Black; vertical-align: middle; width: 247px !important; } .trendingNowBox .right { border: 1px solid #D5D5D5; display: inline-block; float: right; height: 30px; position: relative; width: 215px; } .trendingNowBox .right input.searchTextBox { background-color: White; border-style: none; color: #8D8D8D; display: inline-block; height: 20px; padding: 5px 2px 0; width: 170px; } .trendingNowBox .right input.button { width: 30px; height: 30px; border: none; float: right; background: url(/images/csharp/iconSpritImage_20160921.png) -8px -929px no-repeat; } /*TRENDING NOW BOX END HERE*/ img { border: none; } .searchTextBox { width: 170px; height: 20px; border-style: none; background-color: White; display: inline-block; color: Gray; padding: 5px 2px 0 2px; } .searchButton { display: inline-block; width: 29px; height: 30px; border-style: none; } .bottom { width: 340px; height: 21px; border-bottom: #ddd 1px solid; height: 40px; margin-bottom: 8px; } .bottom_v { background: url(/Images/csharp/bottom_v_bar.gif) no-repeat; float: left; width: 1px; height: 40px; } .bottom_bar { width: 346px; height: 40px; float: left; } .link { color: #0170c1; margin-right: 12px; margin-top: 20px; } .GreyVerticalSeparatorRight { border-right: 1px solid #dbb4a1; margin: 0 4px 0 4px; } .GreyVerticalSeparatorLeft { border-left: 1px solid #8d8d8d; } .LinkNormalBlueBottom { margin-top: -10px; color: #0265cb; } .LinkNormalBlueBottom:hover { color: #01a821; } .FooterLineForArticlesJobs { width: 336px; float: left; } .ViewAllForRecentActivity { width: 664px; float: left; } .contentCover { background-color: #d3d3d3; width: auto; padding-top: 5px; min-height: 200px; } .floating { float: left; overflow: hidden; } .floating img { display: block; } div.MaskedDiv { visibility: hidden; position: absolute; left: 50px; top: 50px; font-weight: bold; padding: 40px; z-index: 100; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png'); } div.ModalPopup { font-style: normal; background-color: #ccc; position: absolute; z-index: 10000; visibility: hidden; color: Black; border-style: solid; border-color: #999; border-width: 1px; width: 800px; height: auto; } div.modelPopUp.tip { max-width: 320px; width: 80%; position: fixed; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%) translateZ(0); border: 1px solid rgb(183, 183, 183); padding: 3px; border-radius: 10px; background: url("/images/csharp/autoSaveTip.png") left top no-repeat rgb(230, 232, 233); } .displayNone { display: none; } .forBar { height: 15px; background: #0270bf; margin-top: 2px; } .PollPaging td table tr td { border-width: 0; border: none; } .CommonButtonStyle { font-size: 16px; font-weight: 400; color: #fff !important; background-color: #ffbb00; border: 1px solid #ffbb00 !important; padding: 5px 25px; cursor: pointer; } #mainCntr { width: 1000px; margin: 0 auto; padding: 15px; } .menuStripBlue a { display: block; padding: 7px 0; float: left; } a.menuLinkBlue:hover { background: #f60; } a.menuLinkhome { padding: 8px 0 8px 0; *padding: 0 !important; font-size: 10px; font-weight: normal; } a.menuLinkhome:hover { background: #f60; } a.menuLinkhome:hover .menuCommonBlue { border-left: 1px solid #f60; border-right: 1px solid #f60; } a.menuLinkBlue:hover .menuCommonBlue { border-left: 1px solid #f60; border-right: 1px solid #f60; } a.menuLinkBlue:hover .menuFirstBlue { border-right: 1px solid #f60; } a.menuLinkBlue:hover .menuLastBlue { border-left: 1px solid #f60; } a.menuLinkBlue.active { background: #fff; color: #0270bf; } a.menuLinkBlue.active .menuCommonBlue { border-left: 1px solid #fff; border-right: 1px solid #fff; } a.menuLinkBlue.active .menuFirstBlue { border-right: 1px solid #fff; } a.menuLinkBlue.active .menuLastBlue { border-left: 1px solid #fff; } .clear { clear: both; overflow: hidden; height: 0; } a.LinkBoldStyle:active, a.LinkBoldStyle:visited, a.LinkBoldStyle:link { color: #36c; text-decoration: none; font-weight: bold; font-size: 8pt; } a.LinkBoldStyle:hover { color: #01a821; } .loginTextBoxesContainer input { width: 143px; background: none; border: none; color: #333; } input.loginTextBoxes { color: #333; } input.error, span.error { color: Red; } input.submitBtn { width: 26px; height: 26px; background: url(/images/csharp/submitBtn.gif) left top no-repeat; border: none; cursor: pointer; } a.HeadingAr:hover { color: #01a821; } .leftCntr { width: 676px; float: left; padding-bottom: 10px; } .article { width: 676px; overflow: hidden; } .article .image { width: 100px; float: left; } .article .detail { width: 576px; float: right; } .grayText { font-size: 22px; color: #2f2e2e; font-weight: bold; } .article .detail .grayText h1, ul.tab_listing li .contentDetail .grayText h1, .article .detail .blueTitleBar h1, .detail .grayText h1.Ebook_title { margin: 0; font-size: 28px; font-weight: normal; line-height: 28px; margin-bottom: 5px; } .article .detail .normalGray { width: 100%; float: left; padding: 5px 0 0 0; line-height: 20px; color: #8d8d8d; font-size: 14px; } .tweetIcon { width: 100%; float: left; padding: 0px 0 10px 0; } .tweetIcon ul { list-style: none; float: left; margin: 0; padding: 0; } .tweetIcon li { float: left; overflow: hidden; width: auto; margin-right: 9px; } .tweetIcon li img { float: left; } .ponit { width: auto; display: inline-block; height: 22px; text-align: center; line-height: 22px; padding: 0 0 0 8px; } .ponit span { width: auto; display: inline-block; height: 22px; text-align: center; line-height: 22px; color: #367297; padding: 0 21px 0 0; } .ratingTilte { width: 676px; float: left; margin-bottom: 10px; } .ratingTilte .left { float: left; vertical-align: middle; line-height: 20px; } .ratingTilte .left a { color: #06c; text-decoration: none; } .ratingTilte .left .blackTag { color: #000; font-weight: bold; } .ratingTilte .right { width: 231px; float: right; text-align: right; } .ratingTilte .right strong { padding: 0 7px 0 45px; float: left; font-size: 14px; color: #4f4f4f; text-transform: capitalize; font-weight: normal; } .ratingTilte .right img { float: left; } .ratingTilte ul { margin: 0; padding: 0; list-style: none; } .contentHeader { padding: 8px 0 0 11px; width: 663px; float: left; background: #f2f2f2; height: 32px; border: 1px solid #e0e0e0; } .contentHeader span { text-transform: uppercase; font-size: 11px; } .contentHeader ul { list-style: none; margin: 0; padding: 0; float: left; width: auto; } .contentHeader li { float: left; padding: 0 5px; } .contentHeaderArticle { padding: 8px 0 8px 11px; width: 663px; float: left; background: #f2f2f2; height: auto; border: 1px solid #e0e0e0; } .contentHeaderArticle ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; } .contentHeaderArticle li { float: left; } .contentHeaderArticle .right li { float: right; } .AuthorRank { color: Maroon; float: right; font-size: 14px; line-height: 25px; padding-right: 5px; padding-top: 2px; } .AuthorRank img { float: right; padding: 4px; margin-top: -9px; } .DownloadFiles { color: #f5350e; font-weight: bold; float: right; line-height: 25px; font-size: 14px; padding-right: 5px; text-align: right; vertical-align: middle; width: auto; padding-top: 11px; } .DownloadFiles img { float: right; margin-right: 5px; margin-left: 5px; margin-top: -11px; } .contentGray { width: 676px; float: left; overflow: hidden; padding: 10px 0; font-size: 15px; color: #333; } .contentGray p { margin-bottom: 17px; line-height: 18px; } .shareThis { width: 404px; float: right; } .shareThis span { float: left; display: block; padding: 0 5px 0 0; line-height: 23px; font-size: 14px; color: #828282; text-transform: uppercase; } .shareThis ul { width: auto; float: left; list-style: none; margin: 0; padding: 0; height: 23px; } .shareThis ul li { float: left; margin: 0 5px 0 0; background: url(/images/csharp/shareThis.gif) left top no-repeat; } .shareThis ul li a { display: block; width: 23px; height: 23px; cursor: pointer; } .shareThis ul li.rss { width: 23px; height: 23px; overflow: hidden; } .shareThis ul li.digg { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -30px 0; } .shareThis ul li.space { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -60px 0; } .shareThis ul li.green { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -90px 0; } .shareThis ul li.blue { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -118px 0; } .shareThis ul li.B_orange { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -148px 0; } .shareThis ul li.google { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -180px 0; } .shareThis ul li.yahoo { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -208px 0; } .shareThis ul li.twitter { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -238px 0; } .shareThis ul li.w { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -268px 0; } .shareThis ul li.whitespace { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -298px 0; } .shareThis ul li.user { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -326px 0; } .shareThis ul li.fb { width: 23px; height: 23px; overflow: hidden; float: left; background-position: -355px 0; } .slideBox { width: 674px; border: 1px solid #d2d2d2; overflow: hidden; margin: 15px 0 0 0; position: relative; border-radius: 3px 3px 3px 3px; padding: 8px 0; font-size: 13px; } .slideBox ul { list-style: none; margin: 0; padding: 0; } .slideBox li { width: 100%; float: left; } .slideBox p { margin: 0; padding: 0; } .slideBox li.left { width: 312px; float: left; padding: 0 10px 0 14px; border-right: 1px solid #c6c6c6; min-height: 63px; } .slideBox li.right { width: 312px; text-align: right; padding: 0 10px 0 14px; float: right; } .slideBox li .userPic { width: auto; float: left; } .slideBox li .userDetail { float: right; width: 252px; padding: 0 0 20px 0; } .slideBox li .orangeLink { color: #fe821e; text-decoration: none; display: inline-block; padding: 0 5px; } .slideBox .prev, .pollPrev { border: none; padding: 0; cursor: pointer; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3274px no-repeat; width: 46px; height: 14px; display: inline-block; margin-top: 10px; } .slideBox .next, .pollNext { border: none; padding: 0; cursor: pointer; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3253px no-repeat; width: 46px; height: 14px; display: inline-block; margin-top: 10px; } .pollPrev.aspNetDisabled, .pollNext.aspNetDisabled { display: none; } /*Use style for Poll Detail*/ .PollButton { margin-top: 10px; overflow: hidden; } .pollDetailPrev { border: none; padding: 0; cursor: pointer; font-size: 14px; color: #fff; background: #4590c6 url(/images/csharp/iconSpritImage_20160921.png) 0px -5033px no-repeat; display: block; height: 32px; line-height: 32px; padding: 0px 15px 0px 45px; float: left; cursor: pointer; } .pollDetailNext { border: none; padding: 0; cursor: pointer; font-size: 14px; color: #fff; background: #4590c6 url(/images/csharp/iconSpritImage_20160921.png) 58px -4995px no-repeat; display: block; height: 32px; line-height: 32px; padding: 0px 45px 0px 15px; float: right; cursor: pointer; } .pollDetailPrev:hover, .pollDetailNext:hover { background-color: #ffbb00; } .pollVote .LinkRed { font-size: 20px; margin: 0px 0px 10px 0px; display: inline-block; } ul.pollTab, ul.pollRadio { padding: 0px; margin: 0px; list-style: none; display: block; } ul.pollTab li { float: left; margin-right: 15px; } ul.pollTab li a { display: block; padding: 5px 0; text-align: center; width: 100px; font-size: 20px; color: #fff; background: #b4b4b4; } ul.pollTab li.active a { background: #ffbb00; } .pollSection { border: 1px solid #e9e9e9; background: #fbfbfb; display: block; overflow: hidden; padding: 12px; margin: 0px 0px 15px 0px; } .resultsection { border: 1px solid #f3f3f3; display: none; overflow: hidden; padding: 12px; margin: 0px 0px 15px 0px; background: #f3f3f3; } .pollSection span { color: #ffbb00; font-size: 20px; display: block; } .pollSection p, .resultsection > p { color: #252525; font-size: 21px; display: block; margin: 3px 0 15px 0; } ul.pollRadio { margin: 0px 0px 0px 12px; } ul.pollRadio li { display: block; margin: 12px 0; font-size: 16px; } .pollTotal { font-size: 18px; font-weight: normal; color: #000; } .pollCreateTable td { font-size: 16px; vertical-align: top; } .loadMore { background: #f5f5f5; color: #616161; cursor: pointer; font-size: 14px; padding: 8px 0; text-align: center; border: 1px solid #DDD; } .loadMore:hover { background: #ECECEC; } .NoloadMore { color: Red; font-size: 16px; text-align: center; padding: 8px; } .previousPollTitle { background: #DDDDDD; padding: 7px; margin-top: 5px; } /*End style for Poll Detail*/ .relatedArticle { width: 100%; float: left; padding: 15px 0 5px 0px; } .relatedArticle h3 { font-size: 20px; text-transform: uppercase; color: #727272; padding: 0; margin: 0 0 10px 0; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; font-weight: normal; } .relatedArticle ul { list-style: none; padding: 0 5px 0 0; overflow: hidden; margin: 0; margin-right: -15px; margin-left: 10px; } .relatedArticle li { width: 45%; float: left; padding: 0 15px 0 18px; line-height: 20px; position: relative; } .relatedArticle li .bullet { background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1823px no-repeat; height: 6px; width: 6px; position: absolute; top: 8px; left: 0px; } .relatedArticle li a { color: #7a7a7a; text-decoration: none; font-size: 14px; display: inline-block; margin-left: -5px; float: left; } .relatedArticle li a:hover { color: #01a821; } .postHeader { width: 670px; float: left; margin: 15px 0 0 0; background: #e4e4e4; border: 1px solid #c6c6c6; padding: 2px; } .postHeader .right { color: #06c; float: left; font-size: 13px; margin-left: 10px; margin-top: 5px; } .post_C { width: 105px; height: 22px; padding: 3px 0 0 15px; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; background: url(/images/csharp/iconSpritImage_20160921.png) -45px -2211px no-repeat; } .post_C.left { width: 210px; background: #f60 none; } .post_C.arrow { width: 20px; background-position: -140px 0; } .post_CFooter { width: 149px; height: 38px; padding: 0 0 0 15px; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; margin-top: 0; background: url(/images/sponsorBg.png) left top no-repeat; } .bigPostComment { width: 649px; float: left; margin: 9px 0 0 0; padding: 0 9px 0 18px; } .bigUserPic { width: 105px; float: left; } .rightComnment p, .userDetail p, .commentdetails p { margin: 0; padding: 0; } .bigPostComment .rightComnment { width: 540px; float: right; border: 2px solid #eaeaea; height: 82px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; margin: 0 0 0 -24px; position: relative; padding: 2px; } .bigPostComment .rightComnment .arrow { background: url(/images/csharp/curve.png) left top no-repeat; position: absolute; left: -25px; top: 26px; width: 34px; height: 51px; } .bigPostComment .rightComnment textarea { border: none 0; } .bigPostComment .postBtn { width: 163px; float: right; height: 29px; display: block; text-indent: -9999px; margin: 7px 0 0 0; background: url(/images/csharp/post.gif) left top no-repeat; } .postCommentBtn { width: 163px; float: right; height: 29px; display: block; text-indent: -9999px; margin: 7px 0 0 0; } .userComment { width: 649px; float: left; margin: 9px 0 0 0; padding: 0 9px 0 18px; } .smallUserPic { width: 62px; float: left; } .userComment .rightComnment { width: 566px; float: right; border: 2px solid #eaeaea; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; margin: 0 0 0 -24px; position: relative; padding: 0 5px 5px 5px; } .userComment .rightComnment .commentdetails { min-height: 50px; height: auto !important; height: 50px; padding: 5px 0 5px 0; } .userComment .rightComnment .arrow { background: url(/images/csharp/smallarrow.gif) left top no-repeat; position: absolute; left: -18px; top: 11px; width: 34px; height: 51px; } .userComment .rightComnment .commentLinks { width: 570px; float: right; margin: 0; } .userComment .rightComnment .commentLinks ul { list-style: none; margin: 0; padding: 0; float: right; } .userComment .rightComnment .commentLinks li { float: left; color: #dbdbdb; padding: 0 3px; } .userComment .rightComnment .commentLinks li a { color: #6f6f6f; text-decoration: none; } .userComment .rightComnment .commentLinks li a:LinkNormalStyle { color: #407ea7; } .LinkNormalStyle:hover { color: #ffbb00 !important; } .PostComment { border: none; overflow: auto; width: 534px; height: 76px; float: right; } .rightCntr { width: 336px; float: right; } .rightCntrFollowUS { width: 55px; float: right; } h1 { margin: 0; padding: 0; color: #2f2e2e !important; } .outerBox #paging { display: none; } .outerBox { clear: both; width: 336px; float: left; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; /*background: url(/Images/CSharp/controlFooterBackground.png) left bottom no-repeat;*/ } .outerBox ul { list-style: none; width: 100%; float: left; margin: 0; padding: 0; } .outerBox ul li { display: block; } .outerBox ul li a { color: #7f8080; text-decoration: none; display: inline-block; } .outerBox ul li a img { display: block; background-color: #e0e0e0; border-radius: 50%; } .outerBox ul li a img.userImage { width: 60px; height: 60px; } .outerBox ul.treading li a { padding: 4px 0 4px 22px; background: url(/Images/ArrowCommon.png) 10px -82px no-repeat; line-height: 20px; } .outerBox ul.treading li a:hover { background-position: 10px -182px; color: #01a821; } .outerBox ul.treading li { width: 100%; } .outerBox ul.treading li a.chapter-listing { background-position: 10px -182px; color: #7f8080; } .outerBox ul.treading li a.active { color: #ffbb00; } .outerBox ul.treadingnew li a { padding: 0; color: Black; padding-bottom: 5px; } .outerBox ul.treadingnew li a:hover { color: #01a821; } .outerBox ul.treadingnew li { width: 322px; } ul.general li a { color: #7f8080; text-decoration: none; display: block; padding: 2px 0 2px 22px; background: url(/Images/CSharp/BulletCircle.png) 10px 8px no-repeat; } ul.general li { list-style: none; } ul.general li a:hover { background: url(/Images/CSharp/BulletCircle.png) 10px 8px no-repeat; } .outerBox ul.jobs li a { color: #7f8080; text-decoration: none; display: block; padding: 4px 0 4px 25px; background: url(/Images/CSharp/BulletJobs.png) 10px 6px no-repeat; } .outerBox ul.jobs li a:hover { color: #01a821; } .outerBox ul.follow li { padding: 5px 0 0 10px; width: 326px; } .outerBox ul.follow li img { float: left; } .outerBox ul.follow li a.iphone { float: left; background: none; } .outerBox ul.topleader li { float: left; margin: 4px 3px 0 10px; width: auto; position: relative; } .DivCircle { position: absolute; left: 4px; bottom: 4px; background: url(/images/csharp/smallcircle.png) no-repeat; width: 22px; height: 22px; color: White; text-align: center; line-height: 22px; } .outerBox ul.pdfdocument li a { padding: 5px 0 3px 30px; background: url(/Images/Articles/PDFNEW.gif) 10px 4px no-repeat; display: block; } .outerBox ul.pdfdocument li a:hover { background: #f0f0f0 url(/Images/Articles/PDFNEW.gif) 10px 4px no-repeat; } .outerBox ul.blogger li { padding: 5px 0 2px 10px; } .outerBoxResources { width: 676px; float: left; padding: 0 0 5px 0; margin-bottom: 10px; } .outerBoxResources ul { list-style: none; width: auto; } .outerBoxResources ul li { float: left; width: auto; } .outerBoxResources ul li a { color: #7f8080; text-decoration: none; display: block; } .outerBoxResources p { width: 100%; padding: 10px 0 6px 0; color: #333; margin: 0; float: left; } .outerBoxResources h5 { font-weight: bold; color: #333; padding: 10px 0 0 0; margin: 0; width: 100%; float: left; } .outerBoxResources.static h5 { font-weight: normal; font-size: 18px; } ul.termsAndCondition { padding: 0; margin: 0; width: auto; } ul.termsAndCondition li { background: url(/Images/bullet.gif) left top no-repeat; padding: 3px 0 3px 13px; overflow: hidden; display: block; color: #333; } .contactrow { width: 100%; padding: 0 0 10px 0; float: left; } .contactrow span { width: 200px; float: left; text-align: right; display: inline-block; color: #333; margin-right: 10px; } .contactrow input { border: 1px solid #d6d6d6; float: left; color: #333; } .contactrow .CommonTextBoxStyle { float: left; } .contactrow .CommonButtonStyle { float: none; cursor: pointer; } .contactrow select { color: #333; } .contactrow .recaptcha-box .recaptcha_only_if_privacy { width: 100%; } .contactrow .rightCol { overflow: hidden; } .contactrow .rightCol span.error { color: #F00; width: 100%; display: block; float: left; padding: 7px 0px 0px 0px; text-align: left; } .postBlog { width: 676px; float: left; height: 243px; } .titleBlog { font-size: 32px; font-weight: normal; color: #2f2e2e; padding: 13px 0 10px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; } .shareLink { width: 449px; height: 90px; float: left; padding: 0 0 0 126px; } .shareLink ul { list-style: none; margin: 0; padding: 0; } .shareLink li { float: left; height: 90px; background: url(/Images/CSharp/Blogs_26.png) left top no-repeat; } .shareLink li a.write { background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll left top transparent; display: block; float: left; height: 90px; margin: 0 59px 0 0; text-indent: -999px; width: 67px; } .shareLink li a.share { background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll -126px top transparent; display: block; float: left; height: 90px; margin: 0 27px 0 0; text-indent: -999px; width: 83px; } .shareLink li a.beknow { background: url("/Images/CSharp/Blogs_26.png") no-repeat scroll -239px top transparent; display: block; float: left; height: 90px; text-indent: -999px; width: 104px; } .blogBtn { margin: 20px 0; float: left; text-align: center; width: 100%; } .blogBtn a { background: url(/images/csharp/postL.gif) left top no-repeat; padding: 0 0 0 11px; height: 38px; display: inline-block; } .blogBtn a span { float: left; background: url(/images/csharp/postR.gif) right top no-repeat; padding: 0 40px 0 0; display: block; height: 38px; line-height: 38px; font-size: 18px; font-weight: normal; color: #fff; text-decoration: none; text-transform: uppercase; } .userBlog { width: 676px; float: left; padding: 8px 0; border-bottom: 0 solid #d2d2d2; font-size: 15px; } .userBlog.idea { width: 1012px; position: relative; } .userBlog.idea .right { width: 835px; } .userBlog .left { width: 84px; float: left; } .userBlog .left .userPic img { margin: 0 0 9px 0; background-color: #e0e0e0; border-radius: 50%; } .userBlog .right { width: 592px; float: left; } .userBlog .right .blueTitleBar h3 { margin: 5px 0 5px 0; padding: 0; } .userBlog .right .blueTitleBar h3 a { font-size: 17px; color: #056ebf; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 23px; } .userBlog .right .blueTitleBar h3 a:hover { color: #01a821; } .userBlog .right ul { width: 568px; list-style: none; margin: 0; float: left; padding: 10px 0 0 0px; } .userBlog .right li { background: url(/images/csharp/BulletCircle.png) 0 6px no-repeat; line-height: 18px; padding: 0 10px 0 13px; } .outerBoxResources .userBlog.bottom-line { border-bottom: 1px solid #D2D2D2; } .outerBoxResources .userBlog.bottom-line:last-child { border: none; } .floatLeft { float: left; width: auto; } .floatRight { float: right; width: auto; } .marginTop5 { margin-top: 5px; margin-bottom: 5px; } .floatRightImportant { float: right !important; width: auto; } .ratingStar { white-space: nowrap; margin: 1em; height: 14px; } .ratingStar .ratingItem { font-size: 0; width: 13px; height: 12px; margin: 0; padding: 0; display: block; background-repeat: no-repeat; cursor: pointer; } .ratingStar .Filled { background-image: url(/images/csharp/ratingStarFilled.png); } .ratingStar .Empty { background-image: url(/images/csharp/ratingStarEmpty.png); } .ratingStar .Saved { background-image: url(/images/csharp/ratingStarSaved.png); } a.PagerLinkStyle { margin: 0 2px 0 2px; border: solid 1px #e6e6e6; color: #0066a7; font-weight: normal; text-decoration: none; vertical-align: top; } a.PagerLinkStyle:hover { border: solid 1px #b7d8ee; background-color: #d2eaf6; } a.PagerLinkSelected { margin: 0 2px 0 2px; padding: 2px 5px 2px 5px; font-weight: bold; border: solid 1px #e6e6e6; color: #0066a7; background-color: #d2eaf6; } a.LinkNormalStyleOrange { color: #36c; text-decoration: none; } a.LinkNormalStyleOrange:hover { color: #01a821; } .LinkNormalStyleOrange2 { color: #36c !important; font-size: 11px; padding: 0 !important; margin-right: 5px; cursor: pointer; text-decoration: none; } .LinkNormalStyleOrange2:hover { color: #ffbb00 !important; padding: 0 !important; } a.BlueBtn { font-size: 16px; font-weight: bold; text-decoration: none; color: #fff; height: 29px; line-height: 29px; padding: 0 0 0 10px; background: url(/images/csharp/blueBtn.png) left top no-repeat; float: right; } a.BlueBtn span { display: block; padding: 0 20px 0 10px; height: 29px; line-height: 29px; background: url(/images/csharp/blueBtnR.png) right top no-repeat; float: left; text-transform: uppercase; } input.rateitBtn { width: 63px; height: 20px; float: left; background: url(/images/csharp/rateit.png) left top no-repeat; border: none; cursor: pointer; } ul.rateList { width: auto !important; float: right; list-style: none; padding: 0 14px 0 0; margin: 0; margin-top: 2px; } ul.rateList li { float: left; line-height: 20px; } #box { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: White; border-color: Gray -moz-use-text-color Gray Gray; border-style: solid none solid solid; border-width: 1px 0 1px 1px; right: 35px; padding: 10px; position: absolute; text-align: center; } #box div { margin: 0; } #floatdiv { position: absolute; right: 0 !important; top: 0; z-index: 999; } .FlagImageSize { width: 15px; height: 15px; } .WhyRegisterBulletImg { background-image: url(/Images/bullet.gif); background-repeat: no-repeat; background-position: center top; width: 13px; display: block; } .videoImage { float: right; } .videoImage img { border: 2px solid #000; display: block; } .userVideos { width: 336px; float: left; padding: 8px 0; margin-left: 10px; background: url(/images/csharp/grayVideoBorder.jpg) left bottom no-repeat; } .userVideos .left { width: 89px; float: left; margin-right: 5px; } .userVideos .right { float: right; width: 231px; } .userVideos .blueTitleBar h3 { margin: 0; } .userVideos .blueTitleBar h3 a { font-size: 16px; color: #056ebf; font-weight: normal; text-decoration: none; line-height: 18px; margin: 0; padding: 0; } .userVideos .blueTitleBar h3 a:hover { color: #01a821; } .profileDetail .titleBar { width: 676px; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 0 0 4px 0; margin-bottom: 7px; } .profileDetail .titleBar h2 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; } .profileDetail .information { width: 182px; float: left; border-left: 1px solid #e8e8e8; min-height: 90px; padding-left: 18px; line-height: 18px; } .profileDetail .left { width: 187px; float: left; } .profileDetail .left .photoBox { float: left; border: 1px solid #ccc; padding: 6px; margin-bottom: 6px; width: 158px; } .profileDetail .left .photoBox ul { margin: 0; padding: 0; } .profileDetail .left .photoBox li { float: left; padding-bottom: 5px; list-style: none; } .profileDetail .left .photoBox.authorIcons li { float: left; padding: 0; } .profileDetail .left .photoBox.authorIcons li img, .profileDetail .left .photoBox.authorIcons li input[type='image'] { padding: 0 0 5px 5px; } .profileDetail .right { width: 487px; float: right; } .followme { width: 545px; float: left; height: 27px; line-height: 27px; margin-top: 5px; } .followme img { float: left; } .photogallery { width: 560px; float: left; border: 1px solid #ccc; padding: 5px 0 6px 15px; margin: 14px 0 0 0; } .photogallery h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #656565; padding: 0 0 8px 0; margin: 0; } .profileContainer .link { font-size: 11px; color: #686868; float: left; padding-top: 5px; } .profileContainer .link a { text-decoration: none; color: #686868; display: inline-block; margin: 0 4px; font-size: 11px; } .photogallery li { list-style: none; float: left; margin-left: 3px; } .leftBottomSection { width: 664px; float: left; margin-top: 8px; } .photogallery img { width: 47px; height: 47px; } .profileContainer .rightSection { width: 227px; float: right; } .profileContainer .followus { width: 227px; text-align: center; padding: 5px 0; } .profileContainer .followus ul { margin: 0; padding: 0; } .profileContainer .followus li { display: inline-block !important; } .jobTab { width: 227px; float: left; padding: 5px 0; } .jobTab ul { margin: 0; padding: 0; } .jobTab li { float: left; } .jobTab li a { display: block; width: 110px; height: 20px; line-height: 20px; text-align: center; background: #6c6c6c; font-size: 11px; color: #fff !important; text-decoration: none; margin-left: 3px; text-transform: uppercase; } .jobTab li a:hover, .jobTab li a.active { background: #0070bf; } ul.bottomBlueLink { width: auto; text-align: center; margin: 0; padding: 10px 0 5px 0; } ul.bottomBlueLink li { display: inline-block; padding: 0 1px; color: Gray; } ul.bottomBlueLink li a { font-size: 11px; color: #0070bf; } ul.bottomBlueLink li a:hover { color: #01a821; } .profileContainer .outerBox { width: 227px; background: url(/Images/CSharp/controlFooterBackgroundAuthors.png) left bottom no-repeat; } .WhitePaperIcons { margin-left: 71px; margin-top: 1px; margin-right: 0; } .AuthorHeading { font-size: 23px; width: 335px; color: #3e3e3e; text-align: center; text-transform: uppercase; } .AuthorHeading.myAccount { width: 280px; } ul.memberpopularity { margin: 0; padding: 0; list-style: none; float: left; } ul.memberpopularity li { display: inline-block; color: Gray; font-size: 9px; margin: 5px 2px 0 2px; float: left; } ul.memberpopularity li a { color: Gray; } ul.memberpopularity li a.active { color: #0070bf; } .RoundedBackGroundGrayBorder { background: transparent; width: 100%; margin: 0 auto; } .RoundedBackGroundGrayBorder .top, .RoundedBackGroundGrayBorder .bottom { display: block; background: transparent; font-size: 1px; } .RoundedBackGroundGrayBorder .b1, .RoundedBackGroundGrayBorder .b2, .RoundedBackGroundGrayBorder .b3, .RoundedBackGroundGrayBorder .b4, .RoundedBackGroundGrayBorder .b1b, .RoundedBackGroundGrayBorder .b2b, .RoundedBackGroundGrayBorder .b3b, .RoundedBackGroundGrayBorder .b4b { display: block; overflow: hidden; background: #f2f7ff; } .RoundedBackGroundGrayBorder .b1, .RoundedBackGroundGrayBorder .b2, .RoundedBackGroundGrayBorder .b3, .RoundedBackGroundGrayBorder .b1b, .RoundedBackGroundGrayBorder .b2b, .RoundedBackGroundGrayBorder .b3b { height: 1px; background: #f2f7ff; } .RoundedBackGroundGrayBorder .b2, .RoundedBackGroundGrayBorder .b3, .RoundedBackGroundGrayBorder .b4, .RoundedBackGroundGrayBorder .b4b, .RoundedBackGroundGrayBorder .b3b, .RoundedBackGroundGrayBorder .b2b { border-left: 1px solid #d2def1; border-right: 1px solid #d2def1; } .RoundedBackGroundGrayBorder .b1 { margin: 0 5px; background: #d2def1; } .RoundedBackGroundGrayBorder .b2, .RoundedBackGroundGrayBorder .b2b { margin: 0 3px; border-width: 0 2px; } .RoundedBackGroundGrayBorder .b3, .RoundedBackGroundGrayBorder .b3b { margin: 0 2px; } .RoundedBackGroundGrayBorder .b4, .RoundedBackGroundGrayBorder .b4b { height: 2px; margin: 0 1px; } .RoundedBackGroundGrayBorder .b1b { margin: 0 5px; background: #d2def1; } .RoundedBackGroundGrayBorder .boxcontent { display: block; background: #f2f7ff; border-left: 1px solid #d2def1; border-right: 1px solid #d2def1; } .MediaPlayerWidth { width: 665px; height: 400px; } .FlashPlayerWidth { width: 330px; height: 240px; } .lof-slidecontent a { color: #fff; } .lof-slidecontent { border: 1px solid #c6c6c6; border-right: none; height: 250px; position: relative; width: 676px; } .lof-main-outer { position: relative; height: 250px; width: 676px; z-index: 3px; overflow: hidden; } .lof-main-item-desc { z-index: 100px; position: absolute; top: 0; left: 0; width: 160px; padding: 5px; height: 250px; } .lof-main-item-desc p { color: #FFF; margin: 0 8px; padding: 8px 0; } ul.lof-main-wapper { height: 250px; width: 652px; position: absolute; overflow: hidden; left: 0; margin: 0; padding: 0; top: 0; } ul.lof-main-wapper li { overflow: hidden; height: 250px; width: 652px; float: left; position: relative; } .lof-main-item-desc h3 { color: #fff; font-weight: normal; border-bottom: 2px solid #fff; padding: 5px 0; margin: 0; font-size: 20px; line-height: 22px; } li-desc p { color: #FFF; margin: 0; padding: 0; } .btn_get_started { float: left; height: 34px; width: 138px; text-indent: -9999em; margin-right: 7px; overflow: hidden; position: absolute; left: 15px; bottom: 20px; background: url(/Images/csharp/watchIT.png) no-repeat; } ul.lof-navigator { top: 0 !important; position: absolute; margin: 0; padding: 0; right: 0; width: 216px !important; } ul.lof-navigator li { cursor: pointer; list-style: none; width: 216px !important; height: 50px !important; overflow: hidden; } .lof-navigator-outer { position: absolute; right: 0; top: 0; overflow: hidden; color: #FFF; } .lof-navigator li div { background: url(/Images/csharp/videoLink.png) right top no-repeat; position: relative; font-size: 13px; font-weight: normal; color: #333; width: 176px; height: 50px; padding: 10px 10px 0 30px; } .lof-navigator li.active div { background: url(/Images/csharp/videoLinkHover.png) right top no-repeat; color: #FFF; } .blueTitleBarVideo { font-size: 31px; color: #056ebf; font-weight: normal; text-decoration: none; } .leftCntrArticleSubmission { width: 1024px; float: left; font-family: 'Titillium Web',sans-serif; } .leftCntrArticleSubmission .errorMessage_event, .errorMessage_event { color: #ff0000; display: inline-block; vertical-align: bottom; padding-left: 5px; margin-bottom: 3px; } .leftCntrArticleSubmission .actionBottomBtns { width: 100%; text-align: center; } .leftCntrArticleSubmission .actionBottomBtns > * { margin-bottom: 10px; } .ArticlePublisherHeading { color: #666; font-size: 14pt; font-weight: bold; padding-right: 2px; } .BackGroundSubHeading { width: 100%; background-color: #f2f2f2; border-collapse: collapse; } .SubmissionGuidlineHeading { color: Black; font-size: 14px; font-weight: bold; margin: 20px 0 5px 5px; } .LinkNormalGrayArticleSubmission { font-size: 20px; color: #333; } .ArticlePublisherBackgroundWhite { width: 100%; background-color: White; border: solid 1px #f2f2f2; border-collapse: collapse; } .BorderGray { border: solid 1px #f2f2f2; color: #313131; margin-bottom: 10px; } .BorderGray.noTop { border-top: none; margin-top: -1px; } .BorderGray td.title { text-align: right; font-weight: bold; width: 150px; } .HeaderGray { background-color: #d8d8d8; height: 19px; padding-left: 6px; color: #333; font: normal normal bold 18px; } .CommonTextBoxStyle { font-family: 'Titillium Web',sans-serif; color: #313131; border: solid 1px #d6d6d6; } .news-filter { float: right; margin: 2px 10px 10px 0px; width: 150px; height: 31px; } input[type="text"].CommonTextBoxStyle { padding: 3px 0px 3px 3px; } .CommonLinkBold { color: #36c; text-decoration: none; } .CommonLinkBold:hover { color: #ffbb00 !important; } .NormalBlack { color: #333; } .BlackBoldLink { color: #000; text-decoration: none; font-weight: bold; } .ControlMidBorderStyle { border: solid 1px Gray; border-collapse: collapse; margin-bottom: 6px; } a.PublishOCPLink:active, a.PublishOCPLink:visited, a.PublishOCPLink:link { color: #ffbb00; font-weight: 400; font-size: 18px; padding-left: 2px; } a.PublishOCPLink:hover { color: #313131; } .ArticlePublisherControlHeading { font-weight: bold; padding-left: 5pt; } .redCommanBtn { float: left; background: url(/images/csharp/post_c_leftBg.png) left top no-repeat; padding: 0 0 0 10px; height: 25px; line-height: 25px; } .redCommanBtn span { float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; background: url(/images/csharp/post_c_rightBg.png) right top no-repeat; display: block; padding: 0 20px 0 0; height: 25px; line-height: 23px; } .RightBarHomeImageStyle { width: 75px; height: 90px; border: 0; } .EbookBackgroundHeading { background: #f5f5f5; padding-left: 0; padding-top: 5px; padding-right: 1px; } a.LinkEbookStyle:active, a.LinkEbookStyle:visited, a.LinkEbookStyle:link { color: #090; text-decoration: none; font-weight: bold; } a.LinkEbookStyle:hover { color: #01a821; } .EbookHeading { color: #090; font-size: 13pt; text-decoration: none; font-weight: bold; padding-left: 2px; } .EbookImageStyle { width: 125px; height: 175px; border: 0; } .EbookHeaderRBoxBG { background-color: #e3e3e2; border-right-width: 1pt; border-right-color: #c3c3c2; border-right-style: solid; } .EbookOrangeText { color: #f60; } .EbookHeaderBackground { border-bottom: solid 1px #f60; padding-top: 4px; color: #f60; font-weight: bold; background-color: #ffc69f; height: 24px; } .EbookBorderStyle { border: solid 1px #f60; border-collapse: collapse; margin-bottom: 6px; } .HeadingFaq { font-size: 10pt; } .EbookOurPriceText { color: #f00; font-weight: bold; } .BreakingContainerTableBorder { border: solid 1px #090; border-collapse: collapse; } .BreakingNewsSeparator { background-color: #bfb; } .BreakingContainerTableBorder { border: solid 1px #090; border-collapse: collapse; } .BreakingNewsHeader { background-color: #bfb; height: 19px; padding-left: 10px; color: #060; font-weight: bold; border-bottom: solid 1px #090; } a.BreakingNewsLink:active, a.BreakingNewsLink:visited, a.BreakingNewsLink:link { color: #060; text-decoration: none; } .TableMargin { margin-left: 5px; margin-right: 5px; height: 145px; } .PageHeadingGreen { color: #060; text-align: right; font-weight: bold; font-size: 13pt; vertical-align: middle; height: 24px; } .Separator { height: 6px; } .HomeCenter { vertical-align: top; padding: 0 5px 5px 6px; } .GrayBoldText { color: Gray; font-weight: bold; text-decoration: none; } ul.toprankingdata { float: left; border: 1px solid #ccc; margin: 5px 0 15px 0; padding: 0; width: 100%; display: table; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } ul.toprankingdata li { list-style: none; line-height: 28px; border-bottom: 1px solid #FAFAFA; color: #333; display: table-row; } ul.toprankingdata li > * { display: table-cell; padding: 0 14px; } ul.toprankingdata li.first { background: #E8E7E7 !important; color: #333; } ul.toprankingdata li.first > * { border-bottom: 1px solid #ccc; } ul.toprankingdata li:nth-child(odd) { background: #FAFAFA; } .contentTypeTP { border-right: 1px solid #ccc; } /* Video Right Bar */ .userVideosList { width: 100%; display: block; padding: 0px; margin: 5px 0 0 10px; overflow: hidden; } .userVideosList li { list-style: none; padding: 11px 0; background: url(/images/csharp/grayVideoBorder.jpg) left bottom no-repeat; overflow: hidden; } .userVideosList li:last-child { background: none; } .userVideosList li .videoImage { float: left; margin-right: 15px; overflow: hidden; width: 88px; } .userVideosList li .videoImage img { float: left; border: 2px solid #000; } .userVideosList li .right { overflow: hidden; } .userVideosList li .right h3 { margin: 0px; } .userVideosList li .right h3 a { font-size: 16px; color: #056ebf; font-weight: normal; text-decoration: none; line-height: 18px; } .userVideosList li .right h3 a:hover { color: #01a821; } /* Detail Right Box Style Start Here */ .rightBox { float: left; padding: 0 0 5px; width: 100%; } ul.LatestQuestionBox { list-style: none; margin: 5px 0 0 10px; padding: 0; overflow: hidden; } ul.LatestQuestionBox li { display: block; overflow: hidden; position: relative; min-height: 32px; border-bottom: 1px solid #f5f5f5; padding: 0 0 3px 0; margin-bottom: 3px; } ul.LatestQuestionBox li:last-child { border-bottom: none; } ul.LatestQuestionBox li a { padding-left: 18px; margin: 4px 0 0 0px; color: #7f8080; text-decoration: none; float: left; line-height: 22px; } ul.LatestQuestionBox li a:before { position: absolute; left: 0px; top: 10px; display: inline-block; vertical-align: middle; margin: 0px 4px 0 5px; width: 8px; height: 8px; content: ''; background: url(/images/csharp/homeSprite_20160921.png) 0px -1928px no-repeat; } ul.LatestQuestionBox li a:hover:before { background-position: 0px -2021px; } ul.LatestQuestionBox li a:hover { color: #01a821; } ul.trendingBox { overflow: hidden; list-style: none; margin: 10px 5px 5px 5px; padding: 0px; } ul.trendingBox li { overflow: hidden; display: block; border-bottom: 1px solid #F5F5F5; padding: 0px 0px 3px 0px; margin-bottom: 3px; } ul.trendingBox li a { padding: 0px; color: #7F8080; display: inline-block; text-decoration: none; font-size: 15px; } ul.trendingBox li a:hover { background-position: 10px -186px; color: #01a821; } .numbers { width: 54px; padding: 0 0px 0 6px; text-align: left; vertical-align: middle; display: table; float: left; font-size: 26px; font-weight: normal; color: #a7a7a7; height: 36px; background: url(/images/csharp/iconSpritImage_20160921.png) 40px -2672px no-repeat; line-height: 36px; } .trendingDetail { width: 260px; float: left; font-size: 15px; } a.headerCreateNew { width: 20px; height: 18px; display: block; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3411px no-repeat; float: right; margin: 3px 5px 0 0 } a.headerCreateNew:hover { background-position: 0 -3448px } .logoExam { width: 140px; height: 62px; background: url(/App_Themes/csharp/images/ExamLogo.gif) left top no-repeat; display: inline-block; margin-top: 11px; margin-bottom: 5px; float: left; } .separatorExam { border: 1px solid #fff; } .menuStripExam { width: 100%; height: auto; background-color: #bd0707; float: left; position: relative; z-index: 9; } .ExamGrayBorderStyle { border: solid 1px #b3b2b2; border-collapse: collapse; background-color: #c8c7c7; } .ExamLightGrayBorderStyle { border: solid 1px #b3b2b2; border-collapse: collapse; background-color: #f9f6f6; } .ExamBulletIcon { width: 11px; height: 11px; vertical-align: middle; } .ExamTextBlue { color: #625fe1; text-decoration: none; } .ExamTextLightGray { color: #51515d; text-decoration: none; } .ExamTextOrange { color: #e96812; font-size: 17px; font-weight: bold; text-decoration: none; } .ExamTextGreen { color: #63be5d; font-size: 13px; text-decoration: none; } .ExamTextRed { color: #be363f; font-size: 13px; text-decoration: none; } .ExamTextBlack { color: #000; font-size: 17px; font-weight: bold; text-decoration: none; } .ExamTextDarkGray { color: #55514b; font-size: 16px; font-weight: bold; text-decoration: none; } a.ExamTextWhite, a.ExamTextWhite:visited, a.ExamTextWhite:link { color: #fff; font-size: 13px; text-decoration: none; } a.ExamTextWhite:hover { color: #01a821; } .ExamScoreTextBlack { color: #000; font-size: 22px; font-weight: bold; text-decoration: none; } .ExamScoreTextBlackNormal { color: #000; font-size: 17px; font-weight: bold; text-decoration: none; } .ExamScoreTextLightGray { color: #51515d; font-size: 15px; text-decoration: none; } .ExamDarkGrayBorderStyle { border: solid 1px #000; border-collapse: collapse; background-color: #3f3f3f; } .ExamButtonStyle { font-size: 8pt; font-weight: bold; color: Black; background-color: #eee; border: outset 1px Black; } .CommanSudHeading { background: #d8d8d8; color: #333; font: normal normal bold 18px; padding-left: 6pt; height: 25px; border-bottom: solid 1px gray; } .ContactNo { font-size: 14px; font-weight: bold; color: Red; } .latestEbook td { width: 50%; vertical-align: top; border-bottom: 1px solid gray; border-right: 1px solid gray; padding: 5px; margin: 10px; } .IdeaSection { background-color: #f4940c; height: 20px; vertical-align: middle; color: White; font-weight: bold; padding-left: 10px; font-size: 14px; } .IdeaLogo { vertical-align: middle; background-color: #f0f0f0; } .IdeaRandompicks { background-color: #00aeef; height: 20px; vertical-align: middle; color: White; font-weight: normal; padding-left: 10px; } .Ideafeedback { background-color: #f0f0f0; height: 20px; vertical-align: middle; font-weight: normal; padding-left: 10px; } .IdeaDescription { height: 20px; vertical-align: middle; font-weight: normal; } .IdeaComment { height: 20px; vertical-align: middle; color: Blue; font-weight: normal; padding-left: 10px; } .IdeaRandompick { width: 100%; background-color: White; border-collapse: collapse; border: solid 1px #cdcdcd; } .IdeaImage { background-image: url(/Images/Ideas/blue_gra_box.gif); width: 43px; height: 44px; background-repeat: no-repeat; font-weight: bold; color: Gray; } .IdeaSupporter { background: orange; font-weight: bold; color: White; width: 22px; height: 15px; line-height: 13px; } .IdeaContributer { width: 60px; height: 40px; background-image: url(/Images/Ideas/image_back.gif); background-repeat: no-repeat; font-weight: bold; color: Black; float: left; margin-left: 20px; } .IdeaDetailBlueText { color: #06c; font-size: 10px; text-decoration: none; } .IdeaDetailBlackText { color: #36c; text-decoration: none; } .IdeaDetailGray { color: #7a697c; font-size: 13px; } .IdeaGrayBackGround { background-color: #e8e8e8; } .IdeaGrayBackGround:hover { background-color: #01a821; color: Red; } .VoteBlueColor { color: #06c; display: block; padding: 5px 0; text-align: center; text-decoration: none; } .VoteBlueColor:hover { color: White; } .MCNajax__myTab .ajax__tab_header { background: url(/App_Themes/CSharp/Images/Tab/tab-line.png) repeat-x bottom; height: 24PX; font-weight: bold; display: block; } .MCNajax__myTab .ajax__tab_outer { float: left; background: url("/App_Themes/CSharp/Images/Tab/tableftI.gif") no-repeat left top; margin: 0; padding: 0 0 0 5px; text-decoration: none; } .MCNajax__myTab .ajax__tab_inner { float: left; display: block; background: url("/App_Themes/CSharp/Images/Tab/tabrightI.gif") no-repeat right top; padding: 3px 10px 0 4px; color: #FFF; } .MCNajax__myTab .ajax__tab_hover .ajax__tab_outer { color: #FFF; background-position: 0 -42px; } .MCNajax__myTab .ajax__tab_hover .ajax__tab_inner { color: #FFF; background-position: 100% -42px; } .MCNajax__myTab .ajax__tab_active .ajax__tab_outer { float: left; background: url("/App_Themes/CSharp/Images/Tab/tableftI.gif") no-repeat left top; margin: 0; padding: 0 0 0 5px; text-decoration: none; background-position: 0 -42px; } .MCNajax__myTab .ajax__tab_active .ajax__tab_inner { float: left; display: block; background: url("/App_Themes/CSharp/Images/Tab/tabrightI.gif") no-repeat right top; padding: 3px 10px 0 4px; color: #FFF; background-position: 100% -42px; } .MCNajax__myTab .ajax__tab_body { font-size: 10pt; border: 1px solid #ccc; border-top-width: 0; padding: 8px; background-color: #fff; } .PaddingLeft5 { color: #333; float: left; padding: 0 0 0 10px; width: 664px; } .pagingBackground { width: 100%; border-collapse: collapse; } .category .rightBox ul.sts_graph { margin: 0; padding: 0 0 72px 0; } ul.sts_graph li { float: left; height: auto !important; min-height: 200px; position: relative; width: 42px; } ul.sts_graph li div { position: absolute; left: 0; bottom: 0; } ul.sts_graph li .textStats { position: absolute; bottom: -91px; left: -4px; text-align: right; transform: rotate(-83deg); -webkit-transform: rotate(-83deg); -moz-transform: rotate(-83deg); -ms-transform: rotate(-83deg); -o-transform: rotate(-83deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; font-size: 13px; width: 70px; } .fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer { padding: 8px 0 27px 0 !important; margin-top: -8px; float: left; display: block; } .fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner { vertical-align: middle; margin-left: 20.5px; margin-right: 10px; } .fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab { display: block; float: left; } .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab { color: White; display: block; float: left; } .ajax__tab_default .ajax__tab_tab { margin-top: 5px; display: block; float: left; text-transform: uppercase; } .fancy .ajax__tab_body { font-size: 13px; float: left; } .fancy .ajax__tab_xp { margin: 0 !important; height: 30px; border: 1px solid #c6c6c6; background-color: #e4e4e4; } .fancy .ajax__tab_header { font-size: 15px; color: #3e3e3e; font-weight: bold; margin: 0 !important; padding-left: 10px; height: 30px; float: left; width: 663px; border: 1px solid #c6c6c6; background-color: #e4e4e4; } .fancy .ajax__tab_active { background-image: url(/images/csharp/buttonBackground.png); cursor: default; height: 12px; padding: 8px 0 27px 0 !important; margin-top: -8px; color: White; position: relative; display: block; float: left; } .fancy .ajax__tab_hover { background-image: url(/images/csharp/buttonBackground.png); cursor: default; height: 12px; padding: 8px 0 27px 0 !important; margin-top: -8px; color: White; position: relative; display: block; float: left; } .mostViewBanner { width: 100%; padding: 66px 45% 20px 15px; height: 273px; margin-bottom: 20px; float: left; background: url(/Images/csharp/banner.jpg) left top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: cover; background-position: center center; text-align: center; } .mostViewBanner h2, h2.legendsHeading { font-size: 24px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0; margin: 0; } .mostViewBanner p { font-size: 18px; line-height: 1.5; color: #fff; margin: 0; padding: 0; } .join-btn { padding: 8px 16px; background: #0086dc; color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: .2px; line-height: 20px; display: inline-block; margin-top: 16px; } .join-btn svg { display: inline-block; vertical-align: text-top; margin-left: 10px; } .join-btn:hover { background: #007fd2 } .mostViewTab { width: 676px; overflow: hidden; } .mostViewTab ul { margin: 0; padding: 0; } .mostViewTab li { font-size: 13px; width: 202px; list-style: none; float: left; padding: 20px 10px 0 10px; min-height: 90px; height: auto !important; max-height: 90px; overflow: hidden; line-height: 17px; } .mostViewTab li a { color: #ffbb00; } .mostViewTab li a:hover, .mostViewTab li a.Blue:hover, .mostViewTab li a.Orange:hover { color: #313131; } .mostViewTab li a.Blue { color: #06c; } .mostViewTab li a.Orange { color: #f60; } .mostViewTab .image { float: left; margin-right: 13px; height: 70px; } .mostViewTab .image img { width: 60px; height: 60px; } .mostViewTab .image img { border-radius: 50%; } .findMemberBox { background: #e4e4e4; border: 1px solid #c6c6c6; margin-bottom: 10px; padding: 8px 17px 15px 17px; width: 300px; overflow: hidden; } .findMemberBox input { width: 257px; float: left; border: 1px solid #c6c6c6; height: 16px; border-right: none; padding: 5px; } .findMemberBox h3 { color: #3e3e3e; font-size: 16px; text-transform: uppercase; font-weight: bold; padding: 0 0 12px 0; margin: 0; } .topMonthlyMember { width: 336px; padding-bottom: 30px; padding-top: 15px; overflow: hidden; } .topMonthlyMember ul { margin: 0; padding: 0; } .topMonthlyMember li { width: 331px; display: block; text-align: right; padding-bottom: 12px; overflow: hidden; line-height: 17px; } .topMonthlyMember li .image { float: right; margin-left: 12px; } .orangeCircle { width: 60px; height: 60px; float: left; font-size: 53px; color: #fff; text-align: center; line-height: 60px; background: #efb62a; border-radius: 50%; } .blueCircle { width: 60px; height: 60px; float: left; font-size: 53px; color: #fff; text-align: center; line-height: 60px; background: #ffbb00; border-radius: 50%; } /*background: url(/Images/csharp/blueCircle.gif) left top no-repeat;*/ .downloadNew { width: 676px; overflow: hidden; } /*.downloadBtn { font-size: 20px; color: #3f3f3f; font-family: 'Roboto', sans-serif; text-transform: uppercase; vertical-align: middle; text-decoration: none; font-weight: bold; }*/ .categories { width: 652px; overflow: hidden; border: 1px solid #c6c6c6; font-size: 16px; color: #4a4a4a; font-weight: bold; line-height: 29px; padding: 0 5px 0 17px; margin-top: 10px; } ul.E-book-paging { width: auto; text-align: center; margin: 15px 0; padding: 0; } ul.E-book-paging li { padding: 0px; list-style: none; color: #99999b; width: auto; text-align: center; line-height: 16px; list-style: none; display: inline-block; float: none; } .E-book-paging li a { color: #99999b; text-decoration: none; margin-left: 15px; } .E-book-paging li a:hover { color: #01a821; } .E-book-paging li a.active { color: #0070bf; } ul.examList { margin: 0; padding: 0; } .examList li { list-style: none; float: left; color: #fff; padding: 10px 3px; font-size: 15px; font-family: BebasNeueRegular; text-transform: uppercase; } .examList li a { color: #fff; } .examList li a:hover { color: Silver; } .LinkAdScript { color: #7f8080; } .LinkAdScript:hover { color: #01a821; } .downloadNew .slideshow { border: none; margin: 0; padding: 0; } ul#paging { list-style: none; position: absolute; right: 5px; bottom: 10px; z-index: 999; margin: 0; padding: 0; } #paging li { float: left; list-style: none; } #paging li a { background-color: #d7d7d7; border: 1px solid #d7d7d7; display: block; text-indent: -9999px; width: 11px; height: 11px; margin: 5px; } #paging li a:hover, #paging li a.activeSlide { background-color: #f60; border: 1px solid #f60; } .headerPost { width: 350px; border: 1px solid #c4c4c4; margin: 5px 0 5px 0; height: 72px; float: right; -moz-border-radius: 2px; border-radius: 2px; } .headerPost .textBox { width: 344px; height: 18px; border: none 0 !important; font-size: 13px; color: #666; } .headerGrayIconBar { height: 52px; *height: 50px; background: #f2f2f2; -moz-border-radius: 002px2px; border-radius: 002px2px; } .headerSmallIcon { width: auto; margin-left: 10px; } .headerSmallIcon ul { margin: 0; width: 250px; float: left; overflow: hidden; padding: 0; } .headerSmallIcon li { float: left; list-style: none; width: 39px; height: 39px; margin: 5px 7px 0 0; cursor: pointer; } .spriteIcons { float: left; height: 39px; margin: 0 7px 0 0; border: none; cursor: pointer; background: url(/images/csharp/headerIcons3.png) left top no-repeat; padding: 0; } .spriteIcons.article { width: 39px; float: left; background-position: -46px 0; } .spriteIcons.blog { width: 39px; float: left; background-position: -90px 0; } .spriteIcons.news { width: 39px; float: left; background-position: -134px 0; } .spriteIcons.video { width: 39px; float: left; background-position: -178px 0; } .spriteIcons.question { width: 39px; float: left; background-position: 0 0; } .BluePostBtn { background-image: url("/Images/csharp/headerPostBtn.png"); border: medium none; cursor: pointer; float: right; height: 22px; line-height: 18px; margin: 16px 10px 0 0; width: 60px; } .spriteIcons.article:hover { background-position: -46px -40px; } .spriteIcons.blog:hover { background-position: -90px -40px; } .spriteIcons.news:hover { background-position: -134px -40px; } .spriteIcons.video:hover { background-position: -178px -40px; } .spriteIcons.question:hover { background-position: 0 -40px; } .spriteIcons.question.active { background-position: 0 -40px; } .ControlMidBorderStyle { border: solid 1px #3971ac; border-collapse: collapse; } .LinkNormalStyleGray { color: Gray; text-decoration: none; } .LinkNormalStyleGray:hover { color: #01a821; } a.LinkNormalGrayLight { color: #8d8d8d; line-height: 20px; } a.LinkNormalGrayLight:hover { color: #01a821; } .ProfileActivites:hover { color: #ffbb00 !important; } .commentByUser { width: 666px; float: left; text-align: right; } .tabContentWrapper { width: 100%; height: auto; position: relative; float: left; } .tabContentWrapper .imageContainer { float: left; width: 50px; height: 50px; } .tabContentWrapper .imageContainer a img { width: 50px; height: 50px; padding: 2px; border: none; } .tabContentWrapper .contentDetail { margin-left: 10px; width: auto; min-height: 38px; height: auto; float: left; } .PulseMainCntr .tabContentWrapper .contentDetail { width: 90%; } .tabContentSeparator { position: relative; margin: 6px 0 3px 60px; width: 91%; float: left; border-bottom: solid 1px #d7d7d7; } .NewBlogIconContainer { float: right; margin-top: 1px; margin-right: 5px; } .RSSIconContainer { float: right; margin-top: 3px; margin-right: 5px; } .dropDownMenu { font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: normal; width: 1002px; border: 1px solid #016fc2; border-top: none; float: left; padding: 6px 10px 26px 10px; overflow: auto; display: none; min-height: 200px; height: auto !important; height: 200px; position: absolute; left: -40px; top: 42px; background: #fff; z-index: 99999; } .dropDownMenu div span span a { font-family: 'Roboto', sans-serif; color: #7f8080; display: inline-block; float: none; font-size: 13px; font-weight: normal; height: auto; margin: 0; padding: 2px 4px 2px 4px; text-decoration: none; text-transform: capitalize; } .dropDownMenu div span span { display: block; float: left; text-transform: capitalize; width: 200px; } .dropDownMenu div span span a:hover { color: #fff; background: #f60; } .dropDownMenu div span span a.OrangeBoldLink { font-family: 'Roboto', sans-serif; color: #db4c2c; padding: 2px; display: block; } .dropDownMenu div span span a.OrangeBoldLink:hover { color: #fff; background: #f60; } .dropDownMenu a { padding: 2px !important; font-size: 15px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-state-hover a:hover { background-image: url("/images/csharp/buttonBackground.png"); color: White !important; cursor: default; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-image: url("/images/csharp/buttonBackground.png"); color: White !important; cursor: default; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0 0 20px 0 !important; padding: 0; height: 30px; border: 1px solid #c6c6c6; background-color: #e4e4e4; padding: 0 5px; } .ui-tabs .ui-tabs-nav li { float: left; padding: 0; margin: 0; list-style-type: none; vertical-align: middle; } .ui-tabs .ui-tabs-nav li a { float: left; font-size: 16px; display: block; margin-top: -8px; padding: 13px 15px 29px 15px; text-decoration: none; height: 12px; color: #3e3e3e; position: relative; font-weight: bold; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-image: url("/images/csharp/buttonBackground.png"); color: White; cursor: default; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 5px 8px 5px; background: none; overflow: hidden; width: 664px; clear: both; float: left; } .ui-tabs .ui-tabs-hide { display: none !important; } table.articleHistory { float: left; margin-top: -2px; } table.articleHistory tr td, table.articleHistory tr th { border: 1px solid #c6c6c6; color: #000; margin-bottom: 10px; } table.articleHistory tr th { font-weight: bold; } a.viewAllBtn { background: url("/Images/ButtonArrow.png") no-repeat scroll right top #4590c6; color: #fff; display: block; float: right; font-size: 13px; height: 23px; padding: 3px 35px 0 12px; } a.viewAllBtn:hover { background-position: right -26px; background-color: #f60; } .marginTop { margin-top: 10px !important; } ul.photosListing { list-style: none; margin: 10px 0 0 0; padding: 0; overflow: hidden; } ul.photosListing li { display: block; border: 1px solid #c9c9c9; width: 150px; height: 185px; float: left; margin: 0 0 10px 9px; padding: 4px; } ul.photosListing li a.imgContainer { width: 100%; height: 109px; display: block; overflow: hidden; margin-bottom: 8px; } ul.photosListing li img { height: 109px; width: 150px; } ul.photosListing li .discription { display: block; font-size: 13px; margin-bottom: 3px; } ul.photosListing li.last { margin-right: 0; } ul.photosListing li:hover { border: 1px solid #01a821; } ul.photobutton { height: 91px; overflow: hidden; padding: 10px 0 10px 99px; margin: 0; } ul.photobutton li { height: 91px; float: left; list-style: none; } ul.photobutton li a { width: 94px; display: block; text-indent: -9999px; height: 91px; margin-right: 98px; background: url(/images/photo-button.png) left top no-repeat; } ul.photobutton li.inviteFriend a { background-position: 0 0; } ul.photobutton li.createAlbum a { background-position: -192px 0; } ul.photobutton li.uploadphoto a { background-position: -386px 0; } ul.photobutton li.inviteFriend:hover a { background-position: 0 -108px; } ul.photobutton li.createAlbum:hover a { background-position: -192px -108px; } ul.photobutton li.uploadphoto:hover a { background-position: -386px -108px; } ul.albumListing { list-style: none; margin: 10px 0 0 0; padding: 0; } ul.albumListing li { display: block; border: 1px solid #c9c9c9; width: 145px; float: left; margin: 0 0 10px 10px; padding: 4px; } ul.albumListing li a { display: block; width: 145px; height: 109px; overflow: hidden; } ul.albumListing li:hover { border: 1px solid #01a821; } .userAlbumDetail { width: 676px; overflow: hidden; margin: 10px 0; } .userAlbumDetail .left { float: left; width: 85px; border: 1px solid #c9c9c9; padding: 4px; } .userAlbumDetail .right { width: 570px; float: right; } .userAlbumDetail .right h4 { font-size: 14px; color: #000; font-weight: bold; margin: 0; } ul.userAblumListing { list-style: none; padding: 0; margin: 0; } ul.userAblumListing li { padding: 15px 0; min-height: 114px; margin-right: 60px; width: 305px; border-bottom: 1px dashed #ccc; float: left; } ul.userAblumListing li:nth-child(even) { margin: 0px; } ul.userAblumListing li .left { width: 77px; float: left; overflow: hidden; margin: 6px 10px 0 0; } ul.userAblumListing li .left a img { width: 100%; height: auto; } ul.userAblumListing li .right { line-height: 24px; overflow: hidden; min-height: 150px; } ul.userAblumListing li .countRow { width: 100%; padding: 6px 0px; overflow: hidden; } ul.userAblumListing li .countRow .col_1 { width: 33%; float: left; } ul.userAblumListing li .countRow .count { font-size: 24px; font-family: agencyfbregular; color: #555555; display: block; text-align: center; } ul.userAblumListing li .countRow .name { font-size: 14px; color: #7f7f7f; display: block; text-align: center; } .sliderBoxPhotos { padding: 20px; width: 636px; position: relative; } .paging { width: auto; text-align: center; margin: 8px 0 0 296px; } .paging a.button { height: 38px; overflow: hidden; display: block; background: url(/images/sliderpaging.png) left top no-repeat; } .paging a.button.next { float: left; display: block; width: 38px; height: 38px; background-position: 0 0; } .paging a.button.prev { float: left; display: block; width: 38px; height: 38px; margin-left: 10px; background-position: -42px 0; } .paging a.button.next:hover { background-position: 0 -38px; } .paging a.button.prev:hover { background-position: -42px -38px; } .ideatest { /*font-size: 16px;*/ line-height: 20px; color: #333; } ul.tab_listing { list-style: none; width: 100%; overflow: hidden; padding: 0; margin: 0; } ul.tab_listing li { width: 100%; padding: 10px 0 10px 0px; overflow: hidden; border-bottom: 1px solid #f1f0ef; list-style: none; line-height: 21px; } ul.tab_listing li .left { width: 84px; float: left; padding-top: 5px; margin-right: 15px; overflow: hidden; } ul.tab_listing li .contentDetail { word-wrap: break-word; overflow: hidden; } ul.tab_listing li .contentDetail h3 { margin: 0; position: relative; } ul.tab_listing li .contentDetail h3 a { color: #056ebf; font-size: 20px; font-weight: normal; line-height: 25px; margin: 0; padding: 0; text-decoration: none; } ul.tab_listing li .vote, .tweetIcon .vote { width: 37px; height: 26px; border: 1px solid #ccc; border-radius: 0 3px 3px 0; padding: 5px 0 0 35px; margin: 10px 0 0 10px; position: relative; } ul.tab_listing li .vote a, .tweetIcon .vote a { width: 37px; height: 27px; display: block; float: left; text-indent: -99999px; background: url(/images/vote.png) 0 top no-repeat; position: absolute; left: -10px; top: -3px; } ul.tab_listing li .vote a:hover, .tweetIcon .vote a:hover { background-position: 0 -37px; } ul.tab_listing li .vote.detail, .tweetIcon .vote.detail { position: inherit; } .myAccountMain { width: 1024px; float: left; } .myAccountMain .myAccountLeft { width: 180px; float: left; } .myAccountMain .myAccountLeft .photo { border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 6px; padding: 6px; width: 136px; } .myAccountLeft .userAccountImage { width: 180px; height: 180px; display: block; overflow: hidden; } .myAccountLeft h3 { margin: 5px 0 0 0; padding: 0px; font-size: 19px; font-weight: normal; color: #646363; text-align: center; } .myAccountLeft .location { color: #4b4a4a; font-size: 15px; margin: 0px; padding: 0px; } ul.myaccountList { list-style: none; margin: 10px 0 0 0; padding: 0px; } ul.myaccountList li { border-top: 1px solid #dfdfdf; } ul.myaccountList li a { color: #6a6a6a; font-size: 15px; font-weight: normal; display: block; padding: 7px 3px 7px 15px; background: url(/images/csharp/iconSpritImage_20160921.png) no-repeat 2px -4115px;overflow:auto; } ul.myaccountList li a span { float: right; color: #ffbb00; } ul.myaccountList li a:hover, ul.myaccountList li a.active { color: #fff; background-color: #ffbb00; background-position: 2px -4065px; } ul.myaccountList li a:hover span, ul.myaccountList li a.active span { color: #fff; } /* follow category */ .myAccountMain .followTopBar { width: 100%; margin: 15px 0; } .myAccountMain .followTopBar .allCheck { float: left; padding: 5px; border: 1px solid #d5d5d5; background: #f2f2f2; font-size: 20px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; float: left; } .myAccountMain .followTopBar .allCheck input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .myAccountMain .followTopBar .allCheck input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .myAccountMain .followTopBar .allCheck input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .myAccountMain .followTopBar .allCheck input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .myAccountMain .followTopBar .rightBtn { float: right; } .myAccountMain .followTopBar .rightBtn button { float: left; margin-left: 10px; font-size: 20px; height: 37px; line-height: 40px; background: #ff646b; padding: 0 7px 0 47px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; color: #fff; position: relative; border: none; cursor: pointer; } .myAccountMain .followTopBar .rightBtn button.followBtn { background: #33a24a; } .myAccountMain .followTopBar .rightBtn button:hover { background: #252525; } .myAccountMain .followTopBar .rightBtn button i { position: absolute; left: 0; top: 0; width: 40px; height: 37px; background: rgba(255, 255, 255, 0.25) url(/Images/Myaccot_follow.png) 9px 6px no-repeat; } .myAccountMain .followTopBar .rightBtn button.followBtn i { background-position: 9px -39px; } .myAccountMain .Categories { margin: 0; padding: 0; width: 100%; display: block; } .myAccountMain .Categories li { float: left; margin: 0 24px 24px 0; padding: 27px 0 0 0; border: 2px solid #ededed; width: 184px; height: 162px; list-style: none; text-align: center; position: relative; } .myAccountMain .Categories li:nth-child(4n) { margin: 0 0 24px 0; } .myAccountMain .Categories li .category-image { display: inline-block; width: 88px; height: 88px; } .myAccountMain .Categories li .category-name { display: block; width: 100%; margin-top: 10px; font-size: 16px; color: #6a6a6a; } .myAccountMain .Categories li .select { position: absolute; left: 6px; top: 6px; } .myAccountMain .Categories li .select input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .myAccountMain .Categories li .select input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .myAccountMain .Categories li .select input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .myAccountMain .Categories li .select input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .myAccountMain .Categories li .toggle { position: absolute; right: 6px; top: 6px; } .myAccountMain .Categories li .toggle input[type="checkbox"] { float: left; position: absolute; width: 28px; height: 28px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; cursor: pointer; z-index: 999; } .myAccountMain .Categories li .toggle input[type="checkbox"] + label:before { display: inline-block; width: 28px; height: 28px; margin-right: 4px; background: url(/images/Myaccount_follow_followed.png) 0 0 no-repeat; content: " "; vertical-align: middle; cursor: pointer; } .myAccountMain .Categories li .toggle input[type="checkbox"].unfollow + label:before { background-position: 0 0; } .myAccountMain .Categories li .toggle input[type="checkbox"].unfollow:hover + label:before { background-position: 0 -74px; } .myAccountMain .Categories li .toggle input[type="checkbox"].follow + label:before { background-position: 0 -42px; } .myAccountMain .Categories li .toggle input[type="checkbox"].follow:hover + label:before { background-position: 0 -116px; } .myAccountMain .Categories li .toggle input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .myAccountMain .Categories li .toggle input[type="checkbox"] + label::after { position: absolute; left: -20px; top: -20px; opacity: 0; width: 60px; height: 60px; border-radius: 50%; background: transparent; content: ""; border: 2px solid rgba(8, 152, 4, 0.5); } .myAccountMain .Categories li .toggle input[type="checkbox"].processing + label::after { -webkit-animation: activeEffect 0.3s forwards; -moz-animation: activeEffect 0.3s forwards; -ms-animation: activeEffect 0.3s forwards; -o-animation: activeEffect 0.3s forwards; animation: activeEffect 0.3s forwards; content: ""; } .myAccountMain .myAccountCenter { padding: 0 10px; width: 470px; float: left; } .myAccountMain .myAccountCenter h2 { font-family: "BebasNeueRegular"; font-size: 20px; color: #727272; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 2px 0 5px 28px; background: url(/images/csharp/clock.PNG) no-repeat 0 3px; border-bottom: 1px solid #ffbb00; } .myAccountCenter .commentBox { padding: 10px; margin: 10px 0px; background: #f2f2f2; } .myAccountCenter .commentText { width: 438px; padding: 5px; margin: 0px; height: 17px; border: 1px solid #e0e0e0; resize: none; } .myAccountCenter .commentPost { padding: 6px 15px; margin: 8px 0 0 0; color: #fff; background: #ffbb00; border: none; float: right; font-size: 15px; display: block; cursor: pointer; } .myAccountCenter .commentBox .prompt-message { color: #dc3912; padding: 0px; margin: 0px 0px 3px 0px; display: none; } .myAccountCenter .commentBox img.status-loader { margin-right: 15px; } .largeFont { font-size: 14px; } .myAccountMain .myAccountRight { float: left; width: 354px; } .myAccountTabContainer ul.tabdetail { list-style: none; margin: 0; padding: 0; width: 574px; } .myAccountTabContainer ul.tabdetail li { display: block; overflow: hidden; padding: 5px 0 5px 5px; border-bottom: 1px solid #ccc; position: relative; } .myAccountTabContainer ul.tabdetail li.viewAll, .myAccountTabContainer .viewAll { float: right; border-bottom: none; } .myAccountMain .rightBox { width: 100%; } .myAccountMain ul.topLeaderBox li { margin: 0px 4px 5px 4px; } .myAccountMain ul.topLeaderBox li img { width: 55px; height: 55px; border-radius: 50%; } .myAccountMain ul.memberpopularity li { font-size: 12px; } .myAccountRight .outerBox { min-width: 280px; border-bottom: none; margin-bottom: 20px; } .errorMessage { color: #ffbb00; display: block; width: 100%; text-align: center; line-height: 3 } .news-listing { padding-top: 10px; } .myAccountCenter table.tableListing, table.tableListing { color: Black; font-size: 12px; position: relative; margin-top: 10px; } .myAccountCenter table.tableListing tr.header, table.tableListing tr.header { background: #e6e6e6; font-weight: bold; height: 25px; border: none; float: none; } .myAccountCenter table.tableListing tr td, .myAccountCenter table.tableListing tr th, table.tableListing tr td, table.tableListing tr th { border: solid 1px #c1c1c1; } .myAccountCenter table.tableListing tr th a, table.tableListing tr th a { font-weight: bold; } .fancy.myAccountTabContainer .ajax__tab_body { width: 100%; } .fancy.myAccountTabContainer .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner { margin: 0 9px; vertical-align: middle; } .fancy.myAccountTabContainer .ajax__tab_header { font-size: 16px; width: 562px; } .fancy.myAccountTabContainer .ajax__tab_panel { margin-top: 15px; } .contentHeader.myAccount { width: 562px; height: 25px; padding: 4px 0 0 11px; margin-top: 10px; } .contentHeader.myAccount .right { float: right; margin-right: 5px; } ul.BookmarkListing { padding: 0; margin: 10px 0 0 0; } ul.BookmarkListing li { list-style: none; width: 574px; clear: both; margin-top: 10px; } ul.BookmarkListing li.separator { border: none; border-bottom: solid 1px #e3e3e3; padding-top: 10px; } ul.BookmarkListing li .left { float: left; width: 480px; display: block; } ul.BookmarkListing li .right { float: left; width: 72px; padding-left: 10px; display: block; } .LinkNormalGray.myAccount { color: #056ebf; } .myAccountFriends { float: left; display: block; width: 275px; margin-right: 10px; position: relative; border: solid 1px #e6e6e6; margin-top: 10px; } .myAccountFriends .left, .myAccountFriends.full .left { float: left; } .myAccountFriends .right, .myAccountFriends.full .right { float: left; padding-left: 10px; } .myAccountFriends.full .right { width: 464px; } .myAccountFriends .buttons { position: absolute; right: 5px; bottom: 5px; } .myAccountFriends .right .LinkNormalBlue { font-size: 15px; } .myAccountFriends.full { width: 564px; vertical-align: top; } .marginLeft { margin-left: 10px; } .marginRight { margin-right: 10px; } .modalBackground { background: #fff; z-index: 999; position: absolute; } #mdlPopup_backgroundElement { background: #000; opacity: .8; } .newsListing { width: 659px; } .newsListing .item { width: 659px; height: auto; position: relative; float: left; margin-top: 10px; } .newsListing .item .left { position: relative; float: left; } .newsListing .item .right { margin-left: 10px; float: left; width: 599px; min-height: 50px; } .newsListing .separator { width: 599px; float: right; border-bottom: solid 1px #d7d7d7; } .newsListing .ViewAll { float: right; margin-top: 10px; } .newsListing.resources { width: 674px; } .newsListing.resources .item { width: 674px; } .newsListing.resources .item .right, .newsListing.resources .separator { width: 614px; } .myAccountTabContainer .dataItem { width: 100%; height: auto; position: relative; margin: 5px 0 0 10px; float: left; } .myAccountTabContainer .dataItem .title { padding-bottom: 4px; } .myAccountTabContainer .dataItem .right { width: 170px; padding: 5px 0 5px 30px; float: right; border-left: 1px solid #ccc; } .myAccountTabContainer .dataItem .right .visits { display: block; font-size: 12px; } .myAccountTabContainer .dataItem .right .visitsText { font-size: 20px; font-weight: normal; } .myAccountTabContainer .separator { position: relative; margin: 5px 0 3px 0; width: 100%; float: left; border-bottom: solid 1px #d7d7d7; } a.headerCreateNew { width: 20px; height: 18px; display: block; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3411px no-repeat; float: right; margin: 3px 5px 0 0; } a.headerCreateNew:hover { background-position: 0 -3448px; } a.headerRss { margin-top: 5px !important; width: 16px; height: 20px; display: block; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -2610px no-repeat; float: right; } a.headerRss.featured-article { margin-top: 7px; } a.headerRss:hover { background-position: 0px -2635px !important; } a.headerRss.recentActivity { margin: 5px; } ul.sponsors { list-style: none; } ul.sponsors li { margin: 10px 0 0 14px; float: left; } .InFocusNews { background: url(/images/inFocusNewsBg.png) center top repeat-y; height: 50px; overflow: hidden; width: 100%; position: relative; } .InFocusNews span.title {background: #25bfff url(/images/csharp/homeSprite_20160921.png) 133px -1756px no-repeat; color: #fff; float: left; font-family: 'Titillium Web',sans-serif; font-size: 20px; font-weight: normal; line-height: 50px; text-align: right; width: 138px; padding: 0 46px 0 0; margin: 0;} .InFocusNews .rightNew { color: #fff; float: left; font-size: 20px; line-height: 50px; width: 614px; } .InFocusNews .rightNew .ticker a { color: #fff; } .inFocusCloseButton { position: absolute; right: 0; top: 0; } .ajax__tab_xp .ajax__tab_body { } ul.Executive_Members { width: 326px; padding: 10px 0 10px 10px; float: left; } ul.Executive_Members li { width: 161px; float: left; height: 66px; margin-bottom: 5px; } ul.Executive_Members li .MemberImage { float: left; margin-right: 7px; } ul.Executive_Members li .executiveName { width: 90px; float: left; } .RecentActivityChapter { width: 189px; float: right; padding-left: 10px; } .RecentActivityChapterBorder { background: #ccc; width: 1px; float: left; height: 55px; } .facebookImage { padding: 5px 0 0 10px; } #facebookFriends { width: 300px; padding: 10px 0 0 13px; } .advertiserMain { width: 1024px; overflow: hidden; } .advertiserMain p { margin: 0; } .advertiserMain .advertiserLeft { width: 195px; float: left; } .bannerDetailBox { width: 794px; overflow: hidden; border: 1px solid #d7d7d7; padding: 11px; } .bannerDetailBox .left { width: 458px; float: left; } .bannerDetailBox .left ul.listing { list-style: none; width: 100%; overflow: hidden; padding: 0; margin: 0; } .bannerDetailBox .left ul.listing li { font-size: 16px; color: #787878; font-weight: normal; padding: 5px 0; } .bannerDetailBox .left ul.listing li .label { width: 110px; float: left; } .marginTop15 { margin-top: 15px !important; } .bannerDetailBox .right { width: 336px; float: right; } .detailedBox { width: 818px; overflow: hidden; margin: 10px 0 0 0; } .detailedBox .row { width: 100%; overflow: hidden; padding: 20px 0; } .detailedBox .label { color: #333; display: inline-block; float: left; margin-right: 10px; text-align: right; width: 75px; font-size: 14px; padding-top: 2px; } .graph { padding: 0; } .countingBox { width: 392px; height: 121px; background: #f6f6f6; border: 1px solid #ccc; padding: 7px; overflow: hidden; border-radius: 6px; margin: 10px 0 0 0; } .countingBox .detail { width: 196px; float: left; text-align: center; } .countingBox .detail h6 { font-size: 15px; font-weight: bold; color: #666; text-transform: uppercase; padding: 0; margin: 0; } .countingBox .detail .count { font-size: 20px; color: #333; font-weight: bold; padding: 5px 0 2px 0; } .countingBox .detail .labelName { font-size: 11px; color: #999; text-transform: uppercase; font-weight: lighter; } a.advertiserCommonBtn { display: block; color: #fff; font-size: 13px; padding: 3px 35px 0 12px; height: 23px; float: left; background: #4590c6 url(/images/advertiserIcons.png) right top no-repeat; } a.advertiserCommonBtn.exportcsv { background-position: 100% -52px; } a.advertiserCommonBtn:hover { display: block; color: #fff; font-size: 13px; padding: 3px 35px 0 12px; height: 23px; float: left; background: #f60 url(/images/advertiserIcons.png) right top no-repeat; } a.advertiserCommonBtn.exportcsv:hover { background-position: 100% -130px; } .advertiserList { width: 195px; float: left; margin: 0; padding: 0; } .advertiserList li { display: block; } .advertiserList li a { background: url(/images/graymenuBg.png) left top no-repeat; color: #333; font-size: 15px; display: block; padding: 10px 0 0 51px; height: 28px; margin-bottom: 1px; text-decoration: none; } .advertiserList li a:hover, .advertiserList li a.active { background: url(/images/graymenuBg_hover.png) left top no-repeat; color: #fff; } .advertiserMain .advertiserRight { width: 818px; float: right; } .advertiserRight .topdetail { width: 818px; overflow: hidden; } .advertiserRight .topdetail .left { width: 480px; float: left; } .advertiserRight .topdetail .right { width: 316px; float: right; } .AdvertiserLabel { color: #333; font-size: 14px; display: inline-block; float: left; margin-right: 10px; text-align: right; width: 82px; padding: 2px 0 0 0; } .advertiserRight .CommonTextBoxStyle { border: 1px solid #ccc; color: #333; font-size: 13px; } .advertiserRight .topdetail .right .row { width: 100%; float: left; padding-bottom: 5px; font-size: 16px; } .advertiserRight .topdetail .right .labelLeft { width: 213px; float: left; text-align: right; padding-right: 10px; } .table_wrapper { border: 1px solid #ededed; border-bottom: none; width: 816px; overflow: hidden; margin: 0 0 5px 0; font-size: 14px; text-transform: capitalize; } .table_wrapper ul { list-style: none; margin: 0; padding: 0; } .table_wrapper li { float: left; width: 806px; padding: 5px; border-bottom: 1px solid #ededed; } .table_wrapper .col_1 { width: 480px; float: left; } .table_wrapper .col_2 { width: 136px; float: left; } .table_wrapper .col_3 { width: 109px; float: left; } .table_wrapper .col_4 { width: 80px; float: left; } .tableSecondRow { background: #f2f7ff; color: #7b818d; text-align: left; } .tableheader { background: #f4f4f4; color: #3e3e3e; text-align: left; font-weight: normal; font-size: 18px; } .tableBottomheader { background: #5a5a5a; color: #fffcfc; text-align: left; font-weight: normal; font-size: 22px; } .GraphSection { width: 758px; padding: 0 40px 20px 40px; } .articleBannerLink { color: #06c; height: 21px; float: left; margin-right: 10px; font-size: 16px; display: block; padding: 3px 0 0 27px; } .articleBannerLink.advertiserArticleBannerIcon { background: url(/images/articleBannerIcon.png) left 2px no-repeat; } .articleBannerLink.advertiserTextBannerIcon { background: url(/images/textbannerIcons.png) left -31px no-repeat; } .articleBannerLink.advertiserSponsorBannerIcon { background: url(/images/sponsorbanner.png) left 7px no-repeat; } .articleBannerLink.advertiserEmailBannerIcon { background: url(/images/emailbanner.png) left 7px no-repeat; } a.articleBannerLink:hover { color: #01a821; } a.advertiserArticleBannerIcon:hover { background-position: 0 -19px; } a.advertiserTextBannerIcon:hover { background-position: 0 2px; } a.advertiserSponsorBannerIcon:hover { background-position: 0 -23px; } a.advertiserEmailBannerIcon:hover { background-position: 0 -23px; } .textBannerName { font-size: 16px; padding: 5px 0 10px 0; } .graphLink { width: 134px; float: right; font-size: 16px; color: #0071bf; } .graphLink label { float: left; margin-right: 10px; } .graphLink .radioBtn { margin-right: 5px; } .advertiserHomeTopDetail { width: 796px; overflow: hidden; color: #333; background: #f4f4f4; padding: 10px; border: 1px solid #dcdcdc; border-radius: 5px; } .paddingTop10 { padding-top: 10px; list-style: none; } ul.graphDescription { position: absolute; right: 85px; top: 40px; } ul.graphDescription li { display: block; width: 10px; height: 10px; float: left; margin-left: 6px; } ul.graphDescription li.text { width: auto; } ul.graphDescription li.item1 { background-color: #36c; margin-top: 4px; } ul.graphDescription li.item2 { background-color: #dc3912; margin-top: 4px; } ul.graphDescription li.item3 { background-color: #f90; margin-top: 4px; } ul.graphDescription li.item4 { background-color: #9cd010; margin-top: 4px; } .advertiserRight .detailedBox { margin: 0; } a.ExportToexcel { display: block; color: #fff; font-size: 13px; padding: 3px 35px 0 12px; height: 23px; float: left; background: #4590c6 url(/images/exportToExcel.png) right top no-repeat; } a.ExportToexcel:hover { background: #f60 url(/images/exportToExcel.png) right -26px no-repeat; } .image50 { width: 48px; height: 48px; display: block; border: 1px solid #d7d7d7 !important; } .image75 { width: 73px; height: 73px; display: block; border: 1px solid #d7d7d7 !important; } .image90 { width: 88px; height: 88px; display: block; border: 1px solid #d7d7d7 !important; } input[type="checkbox"] { float: left; } .csharpHome { width: 20px; background: url(/images/csharp/homeIcon.png) 10px 8px no-repeat; } /*.csharpHome:hover { background: #f60 url(/images/csharp/homeIcon.png) 10px 8px no-repeat !important; }*/ .chapterHome { width: 20px; background: url(/images/Chapters/chapterHome.png) 13px 10px no-repeat; } .chapterHome:hover { background-color: #f60 } ul#pagingFeature { list-style: none; position: absolute; right: 5px; bottom: 10px; z-index: 999; margin: 0; padding: 0; } #pagingFeature li { float: left; list-style: none; } #pagingFeature li a { background-color: #d7d7d7; border: 1px solid #d7d7d7; display: block; text-indent: -9999px; width: 11px; height: 11px; margin: 5px; } #pagingFeature li a:hover, #pagingFeature li a.activeSlide { background-color: #36c; border: 1px solid #36c; } .menuStripBlue { background: #0086dc; float: left; height: 34px; position: relative; width: 100%; z-index: 99; } .footer .menuStripBlue { z-index: auto; } .menu.footerMenu ul li a:hover, .menu.footerMenu ul li:hover { color: #f60; background: transparent url(/images/csharp/menuDivider.png) left 7px no-repeat; } .menu.footerMenu ul li.first, .menu.footerMenu ul li.first a:hover { color: #f60; background: none; } .csharpHome { background: url(/images/csharp/homeIcon.png) no-repeat scroll 10px 8px transparent; width: 20px; } /*.csharpHome:hover { background-color: #f60; }*/ .lableText { width: 82px; float: left; text-align: right; padding-right: 10px; color: #666; } /* Header Container Style Here */ .askQuestionOnHeader { padding: 4px 55px 2px 20px; margin: 7px 0 0 0; width: 97px; height: 23px; background: #009ee3 url(/images/csharp/iconSpritImage_20160921.png) 133px 0px no-repeat; display: block; float: right; font-size: 18px; color: #fff; text-decoration: none; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; } .askQuestionOnHeader:hover { background: #f60 url(/images/csharp/iconSpritImage_20160921.png) 133px 0px no-repeat; } .btn-training { padding: 3px 14px; margin: 8px 0 0 0;margin-right: 10px; width: auto;height: 23px; background: #fcb634;display: block; float: right; font-size: 18px; color: #000; text-decoration: none; font-family: "BebasNeueRegular"; font-family: BebasNeueRegularie "9 /"; line-height: 26px; text-shadow: 4px 2px 8px #60f5f3;border-radius: 20px;box-shadow: 0px 0px 6px #000;letter-spacing: 1px;} .contributeOnHeader {font-size: 18px;color: #fff;text-decoration: none;font-family: 'Titillium Web',sans-serif;text-transform: uppercase;padding: 0;line-height: 24px;position:absolute;} .contributeList {padding: 4px 55px 3px 20px;margin: 0;width: 97px;height: 23px;position: relative;background: #ffbb00 url(/images/csharp/homeSprite_20160921.png) 133px -39px no-repeat;display: block;float: left;font-size: 18px;color: #fff;text-decoration: none;font-family: 'Titillium Web',sans-serif; margin-left:-5px; left:-5px; } .contributeList:hover {background: #808080 url(/images/csharp/homeSprite_20160921.png) 133px -39px no-repeat; } .contributeList ul { display: none; list-style: none; margin: 0; padding: 2px 0 0 0; min-width: 170px; border: 1px solid #ffbb00; position: absolute; left: 0; top: 29px; background: #fff; z-index: 999; } .contributeList:hover ul { display: block; } .contributeList:hover ul li { display: block; border-bottom: 1px dotted #ccc; } .contributeList:hover ul li a { color: #ffbb00; text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 20px; padding: 4px 17px 4px 5px; display: block; white-space: nowrap; } /*.contributeList:hover li a:hover { color: #fff; background: #f60 url(/images/csharp/homeSprite_20160921.png) 140px -880px no-repeat; }*/ .contributeList:hover li a:hover { color: #fff; background:#ffbb00;} .contributeList:hover li a:hover:before { content: ""; width: 10px; height: 20px; float: right; background: url(/images/csharp/homeSprite_20160921.png) -16px -882px no-repeat; margin-right: -14px; display: inline-block;} .contributeList:hover ul li.last { border: none; } .whiteLink { color: Gray; font-size: 12px; text-decoration: none; } .footerBottom { background-color: #000; float: left; padding: 0 0 10px; width: 100%; } ul.socialLink { list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0; } ul.socialLink li { width: 100%; border-bottom: 1px dotted #ccc; padding: 10px 0; overflow: hidden; margin: 0; } ul.socialLink li .SocialLogo { float: left; margin: 5px 10px 0 10px; height: 36px; width: 131px; } ul.socialLink li .SocialLogo.facebook { background-position: 0px -4539px; } ul.socialLink li .SocialLogo.twitter { background-position: 0px -4463px; } ul.socialLink li .SocialLogo.linkedIn { background-position: 0px -4616px; } ul.socialLink li .SocialLogo.github { background-position: 0px -6867px; } ul.socialLink li .SocialStatus { float: left; margin: 8px 10px 0 0; height: 30px; width: 30px; } ul.socialLink li .SocialStatus.link { background-position: 0px -4696px; } ul.socialLink li .SocialStatus.modify { background-position: 0px -4759px; } ul.socialLink li .SocialStatus.revoke { background-position: 0px -4823px; } ul.socialLink li .SocialStatus.marginLeft { margin: 0px 0px 0px 10px; } ul.socialLink li .row { float: left; width: 98%; margin: 10px 10px 0 10px; } ul.socialLink li .row input.textBox { border: 1px solid #ccc; color: #333; float: left; width: 365px; padding: 5px; } ul.socialLink li .row input.checkBox { border: 1px solid #ccc; margin: 4px 0 0 5px; } ul.userprofileSocialIcons { overflow: hidden; margin: 0; padding: 0 0 0 15px !important; } ul.userprofileSocialIcons li { display: block; float: left; padding-bottom: 0 !important; } ul.userprofileSocialIcons li a { display: block; float: left; width: 32px; height: 32px; text-indent: -99999px; margin-right: 15px; background: url(/images/csharp/userprofileSocialIcons.png) -44px 0 no-repeat; } ul.userprofileSocialIcons li a.facebook { width: 32px; height: 32px; background-position: left top; } ul.userprofileSocialIcons li a.linkedIn { width: 32px; height: 32px; background-position: -84px 0; } .loginWhiteLink { color: White; text-decoration: none; } a.ViewAll, a.viewAll, .viewAllLinkArticle { margin: 0; padding: 0 25px 1px 0; color: #36c; text-decoration: none; float: right; background: url(/images/csharp/iconSpritImage_20160921.png) 34px -89px no-repeat; } .viewAllLink { margin: 0 10px 10px 0; padding: 0 25px 1px 0; color: #36c; text-decoration: none; float: right; position: relative; font-size: 15px; } .viewAllLink i { position: absolute; right: 0px; top: 0px; background: url(/images/csharp/iconSpritImage_20160921.png) -20px -87px no-repeat; width: 21px; height: 21px; } a.ViewAll:hover, a.viewAll:hover { background-position: 34px -121px; color: #01a821; } .viewAllLink:hover { color: #ffbb00; } .viewAllLink:hover i { background-position: -20px -119px; } a.viewall-news { margin: 0 10px 10px 0; padding: 0 25px 1px 0; color: #36c; text-decoration: none; float: right; background: url(/images/csharp/iconSpritImage_20160921.png) 47px -89px no-repeat; } a.viewall-news:hover { background-position: 47px -121px; color: #01a821; } .viewAllLinkArticle { margin: 5px 10px 10px 0; padding: 0 30px 1px 0; font-size: 17px; background: url(/images/csharp/iconSpritImage_20160921.png) 61px -87px no-repeat; } .viewAllLinkArticle:hover { background-position: 61px -119px; color: #01a821; } a.Next { width: 63px; background: url(/images/csharp/nextArrow.png) no-repeat right !important; } a.Previous { width: 63px; background: url(/images/csharp/PreviousArrow.png) no-repeat right !important; } input[type="submit"].ViewMore { background-color: #e1e1e1; color: gray; border: solid 1px darkgray; padding: 5px 0; width: 100%; cursor: pointer; } input[type="submit"].ViewMore.idea { border: 1px solid rgb(204, 204, 204); padding: 8px; text-align: center; margin: 10px 0px; background-color: rgb(243, 243, 243); font-size: 14px; color: #333; font-family: 'Roboto', sans-serif; } input[type="submit"].ViewMore:hover { color: Black; } ul.yesterDayLeader { margin: 0 0 0 10px; padding: 8px 0 8px 0; height: 90px; overflow: hidden; list-style: none; width: 326px; } ul.yesterDayLeader li { width: 325px; overflow: hidden; left: 10px !important; } ul.yesterDayLeader .userImage img { margin: 10px 10px 0 0; display: inline-block; background-color: #e0e0e0; float: left; } ul.yesterDayLeader.moderator-Box { min-height: 90px; } ul.yesterDayLeader.moderator-Box .userImage img { margin-top: 3px; } .userImage { float: left; position: relative; } .pulseMainComment { width: auto; } .pulseMainComment .pulseCommentSectionMain { width: 688px; padding: 0; font-size: 14px; } .ChapterComment .pulseCommentSectionMain { width: 418px; overflow: hidden; padding: 5px 0 0 0; } .pulseMainComment .pulseCommentSection, .ChapterComment .pulseCommentSection { float: left;/* overflow:hidden reason for @ dropdown visible*/ margin-top: 5px; width: 98%; } .pulseMainComment .pulsecomment { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; padding: 9px 5px; position: relative; width: 100%; } .ChapterComment .pulsecomment { width: 97%; overflow: hidden; padding: 7px 5px; position: relative; } .pulsecomment.BackgroundWhite { background: #fff; } .borderNone { border-bottom: none !important; } .pulsecomment .image { float: left; margin: 0px 0px 0 0; width: 75px; overflow: hidden; } .pulsecomment .image.level0 a, .pulsecomment .image.level0 img { display: block; width: 60px; height: 60px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .pulsecomment .rpv { margin: 0 0 0 0; padding: 0px; display: block; float: left; } .pulsecomment .rpv li { float: left; font-size: 12px; color: #676767; list-style: none; background-position: 0 -1646px; margin-right: 5px; padding: 0 0 0 6px; font-weight: bold; } .pulsecomment .rpv li.point { background-position: 0 -1691px; } .pulsecomment .rpv li.views { background-position: 0 -1735px; margin-right: 0px; } .pulsecomment .commentDescription { font-size: 14px; line-height: 20px; color: #8B8B8B; margin-bottom: 10px; } .pulsecomment .commentDescription a { color: #06c !important; } /*.pulsecomment .commentDescription:first-letter{text-transform:capitalize;}*/ .pulsecomment .commentDescription a:hover { color: #ffbb00 !important; } .pulsecomment .image.level1 { margin-right: 0px; } .pulsecomment .pulseAction a:last-child { margin-right: 0px !important; } .pulsecomment .image.level1 a, .pulsecomment .image.level1 img { display: block; width: 60px; height: 60px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .pulseMainComment .pulsecomment .commentcontent { float: left; max-width: 586px; width: calc(100% - 75px); -webkit-width: calc(100% - 75px); } .pulseMainComment .pulsecomment .commentcontent { (; width: 100%; ); } /* for safari*/ .mentions-input-box textarea, .commentcontentPost { (; width: 585px; ) } /* for safari */ .pulseMainComment .pulsecomment .image.level1 + .commentcontent { (; max-width: 509px !important; ); } /* for safari*/ .pulseMainComment .pulsecomment .image.level1 + .commentcontent { float: left; max-width: 572px; width: calc(100% - 75px); -webkit-width: calc(100% - 75px); } .pulseMainComment .pulsecomment .commentcontent a.like { color: #676767; text-decoration: none; margin: 7px 12px 0 0; float: left; font-size: 13px; padding-left: 18px; background-position: 0 -1591px; } .pulseMainComment .pulsecomment .commentcontent a.reply { color: #676767; text-decoration: none; margin: 7px 12px 0 0; float: left; font-size: 13px; padding-left: 18px; background-position: 0 -1534px; } .pulseMainComment .pulsecomment .commentcontent a.postReply { color: #676767; text-decoration: none; margin: 7px 12px 0 0; float: left; font-size: 13px; padding-left: 24px; background-position: 0 -1477px; } .pulseMainComment .pulsecomment .commentcontent a.showAll { color: #676767; text-decoration: none; margin: 7px 0px 0 0; float: left; font-size: 13px; padding-left: 24px; background-position: 0 -1800px; } .pulseMainComment input[type="checkbox"] { float: left; position: absolute; width: 25px; height: 25px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .pulseMainComment input[type="checkbox"] + label:before { display: inline-block; width: 25px; height: 25px; margin-right: 4px; background: url(/images/CSharp/iconSpritImage_20160921.png) -8px -1115px no-repeat; content: " "; vertical-align: middle; } .pulseMainComment input[type="checkbox"] + label:before { background-position: -8px -1115px; } .pulseMainComment input[type="checkbox"]:checked + label:before { background-position: -8px -1148px; } .pulseMainComment input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .pulseMainComment .chkboxlist input[type="checkbox"] { margin-bottom: 20px; } .ChapterComment .pulsecomment .commentcontent { width: 90%; float: right; } .pulseMainComment .pulseDelete, .ChapterComment .pulseDelete, .PulseMainCntr .pulseTabDetail li .pulseDelete { position: absolute; right: 7px; top: 9px; display: none; cursor: pointer; background-color: #fff; padding: 2px; } /*.pulseMainComment .pulsecomment:hover .pulseDelete, .ChapterComment .pulsecomment:hover .pulseDelete, .PulseMainCntr .pulseTabDetail li:hover .pulseDelete { display: block; cursor: pointer; }*/ .pulseMainComment .pulseDelete .delete, .pulseMainComment .pulseDeleteReply .delete { background-position: 0px -5590px; display: inline-block; height: 18px; width: 18px; margin-left: 5px; } .pulseMainComment .pulseDelete .edit, .pulseMainComment .pulseDeleteReply .edit { background-position: 0px -5565px; display: inline-block; height: 18px; width: 18px; } .pulseMainComment .pulseDelete .report-comment, .pulseMainComment .pulseDeleteReply .report-comment { background-position: 0px -6818px; display: inline-block; height: 18px; width: 18px; margin-left: 5px; } .pulseMainComment .ReplyComment { float: left; padding: 6px 0 2px; position: relative; width: 100%; margin-top: 10px; box-sizing: border-box; } .ChapterComment .ReplyComment { width: 365px; overflow: inherit; padding: 5px 0 2px 0; position: relative; } .ChapterComment .ReplyComment .commentcontent { width: 91%; float: right; } .pulseMainComment .pulseDeleteReply, .ChapterComment .pulseDeleteReply { position: absolute; right: 2px; top: 5px; display: none; cursor: pointer; } .pulseMainComment .ReplyComment:hover .pulseDeleteReply, .ChapterComment .ReplyComment:hover .pulseDeleteReply { display: block; cursor: pointer; } .watchICon { background: url(/images/csharp/iconSpritImage_20160921.png) -1px -2470px no-repeat; display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-right: 3px; margin-top: -2px; } .commentcontent .inputText, .commentcontent input[type="text"] { background: #fff; padding: 6px; border: 1px solid #ccc; color: #8B8B8B; font-family: 'Roboto', sans-serif; font-size: 14px !important; width: 100%; box-sizing: border-box; margin: 5px 0px; min-height: 38px; } .ChapterComment { width: auto; } .ChaptereRightDetail { width: 416px; float: left; margin-left: 10px; } a.commnetLink { color: #1da5fd; text-decoration: none; margin: 4px 5px 0 0; float: left; font-size: 13px; } a.commnetLink:hover { color: #01a821; } a.commnetLink.disabledLink { color: #8d8d8d; cursor: default; } a.commnetLinkSecondStep { color: #f60; text-decoration: none; margin: 4px 5px 0 0; float: left; font-size: 13px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3598px no-repeat; padding-left: 8px; } a.commnetLinkSecondStep > span { color: gray; } a.commnetLinkSecondStep:hover { color: #01a821; } a.previousComments { text-transform: capitalize !important; position: absolute; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #0086dc; right: 4px; } a.previousComments:hover { color: #01a821; } .pulseTab { background: #efb62a; float: left; width: 100%; margin-top: 20px; } .pulseTab ul { list-style: none; margin: 0; padding: 4px 0 0 4px; } .pulseTab li { float: left;} .pulseTab li a { display: block; color: #fff; font-size: 20px; text-decoration: none; padding: 7px 30px 0 30px; height: 27px; margin: 0 2px 0 0; } .pulseTab li a:hover, .pulseTab li a.active { background: #fff; color: #0086dc; } .search-page.pulseTab li a{height:35px;} #tagContainer.pulseTab { background: #969696; margin-bottom: 15px; } #tagContainer.pulseTab li a:hover, .pulseTab li a.active { color: #333; } .error-no-record { color: #ff0000; text-align: center; } .PulseMainCntr { width: 100%; } .PulseMainCntr .header { background: #363535; float: left; width: 100%; padding: 0; left: 0; top: 0; z-index: 999; } .PulseMainCntr .logo { display: block; float: left; height: 29px; margin: 6px 0 5px 0; } .PulseMainCntr .loginControl { float: right; height: 42px; padding: 6px 0 0 20px; text-align: left; width: auto; position: absolute; top: 0px; right: 0;} .topic-page .PulseMainCntr .loginPopup{top:50px;} .PulseMainCntr .loginPopup { top: 40px; } .PulseMainCntr .messagePostBox { width: 100%; overflow: hidden; } .PulseMainCntr .messagePostBox ul { list-style: none; margin: 0; padding: 10px 0 0 0; text-align: center; } .PulseMainCntr .messagePostBox ul li { display: inline-block; overflow: hidden; } .PulseMainCntr .messagePostBox ul li a { display: inline-block; width: 57px; height: 84px; text-indent: -9999px; background: url(/images/chapters/contributeImage.jpg) left top no-repeat; margin: 0 20px; } .PulseMainCntr .messagePostBox ul li a.event { background-position: -84px 0; } .PulseMainCntr .messagePostBox ul li a.Blog { background-position: -168px 0; } .PulseMainCntr .messagePostBox ul li a.article { background-position: -252px 0; } .PulseMainCntr .messagePostBox ul li a:hover { background-position: 0 -91px; } .PulseMainCntr .messagePostBox ul li a.event:hover { background-position: -84px -91px; } .PulseMainCntr .messagePostBox ul li a.Blog:hover { background-position: -168px -91px; } .PulseMainCntr .messagePostBox ul li a.article:hover { background-position: -252px -91px; } .PulseMainCntr .messagePostBoxForPulse { background: #f1f1f1; border: 1px solid #d3d6db; padding: 5px; overflow: hidden; } .PulseMainCntr .messagePostBoxForPulse ul { list-style: none; margin: 0; padding: 0; background: #e4e4e4; border: 1px solid #c3c2c2; float: left; width: 99.7%; } .PulseMainCntr .messagePostBoxForPulse ul li { float: left; display: block; margin-bottom: -1px; } .PulseMainCntr .messagePostBoxForPulse ul li a { font-size: 15px; color: #494949; text-decoration: none; display: block; padding: 7px 24px 2px 24px; height: 23px; border-right: 1px solid #c3c2c2; } .PulseMainCntr .messagePostBoxForPulse ul li a:hover, .PulseMainCntr .messagePostBoxForPulse ul li.active a { background: #f1f1f1; color: #eb5901; } .PulseMainCntr .messagePostBoxForPulse .inputText { background: #fff; padding: 9px; border: none; color: #a7a7ab; margin-top: 10px; } .PulseMainCntr .pulseTabDetail { width: 98%; overflow: hidden; padding: 10px 8px; float: left; } .myAccountCenter .PulseMainCntr .pulseTabDetail { width: 100%; padding: 10px 0; } .PulseMainCntr .pulseTabDetail ul { list-style: none; margin: 10px 0 0 0; padding: 0; } .PulseMainCntr .pulseTabDetail li { position: relative; width: 100%; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding: 0 0 5px 0; margin-bottom: 5px; } .PulseMainCntr .pulseTabDetail ul li:last-child { border: none; } .ChapterUpComingTAb .imageContainer { width: 50px; float: left; } .PulseImageContainer img, .PulseImageContainer a img { width: 35px; float: left; height: 35px; margin-right: 10px; } .PulseMainCntr .pulseTabDetail li .pulseRightDetail { overflow: hidden; } .pulseRightDetail .pulseMainComment .image { margin-right: 5px; } .my-notifications .pulseRightDetail a { color: #0086dc; } .my-notifications .pulseRightDetail a:hover { color: #01a821; } .VoteIcon { width: 83px; border: 1px solid #a3a2a2; font-size: 22px; color: #333; position: relative; height: 28px; text-align: center; float: left; line-height: 28px; } .VoteIcon a.VoteLike { float: left; margin: -1px 0 0 -1px; position: relative; width: 30px; height: 30px; display: block; background: url(/images/csharp/VoteLike.png) left top no-repeat; } .VoteIcon a.VoteDisLike { float: left; margin: -1px 0 0 -1px; position: relative; width: 30px; height: 30px; display: block; background: url(/images/csharp/voteDisLike.png) left top no-repeat; } .rankDot { display: inline-block; vertical-align: middle; margin: 0 -2px 0 5px; width: 6px; height: 6px; background: url(/images/csharp/iconSpritImage_20160921.png) -1px -3551px no-repeat; } .rankDotBlue { display: inline-block; vertical-align: middle; margin-right: -2px; width: 6px; height: 6px; background: url(/images/csharp/iconSpritImage_20160921.png) -1px -3584px no-repeat; } .modelPopUp { background: url(/images/CareerAdvice/popUpbackgroundBGRepeat.png) repeat; border-radius: 8px 8px 8px 8px; padding: 8px; position: relative; text-align: left; font-size: 14px; width: 335px; } .modelPopUp .whitebackground { background: none repeat scroll 0 0 #fff; border-radius: 2px 2px 2px 2px; min-height: 100px; overflow: hidden; } .modelPopUp .closeBtn1 { background: url(/images/CareerAdvice/close_button2.png) left top no-repeat; height: 33px; position: absolute; right: -16px; text-indent: -9999px; top: -20px; width: 33px; } .ui-widget-overlay { background: url(/images/CareerAdvice/overlay.png) repeat; left: 0; position: absolute; top: 0; z-index: 99 !important; opacity: .30; -moz-opacity: .65; filter: alpha(opacity=30) !important; } .LinkOrange { color: #ffbb00; } .Linkyellow { color: #f28b05; } .Linkgreen { color: #6a0; } .Likpurple { color: #909; } .LinkPink { color: #d60174; } .LinkDarkPink { color: #f52887; } .LinkLightGreen { color: #254117; } .LinkLightYellow { color: #c47451; } .LinkLightBrown { color: #f87217; } .LinkLightRose { color: #842dce; } .LinkLightCoral { color: #8a4117; } .LinkCoral { color: #b38481; } .LinkCofee { color: #6f4e37; } a.LinkOrange:hover, a.Linkyellow:hover, a.Linkgreen:hover, a.Likpurple:hover, a.LinkPink:hover, a.LinkDarkPink:hover, a.LinkLightGreen:hover, a.LinkLightYellow:hover, a.LinkLightBrown:hover, a.LinkLightRose:hover, a.LinkLightCoral:hover, a.LinkCoral:hover, a.LinkCofee:hover { color: #ffbb00 !important; } .link-pink{color:#ffbb00;font-size:10pt;} .link-pink:hover{color:#313131;} ul.pulseActivityAlbum { margin: 10px 0 0 20px !important; padding: 0 !important; list-style: none; } ul.pulseActivityAlbum li { border-bottom: none !important; padding: 0 10px 10px 0 !important; margin: 0 !important; float: left; width: auto !important; } ul.pulseActivityAlbum li img { float: left; } .roundedGrayBar { background: #f5f5f5; border: 1px dotted #ccc; margin-top: 10px; overflow: hidden; padding: 7px 6px 5px 15px; text-align: center; } .OrangeHeader { background: #ff6a10 url(/images/chapters/orangeHeaderBg.png) left top no-repeat; font-size: 18px; color: #fff; padding: 3px 0 0 22px; height: 30px; } .OrangeHeader a, .BlueHeader a { color: #fff; font-size: 16px; float: right; padding: 3px 10px 0 0; } .mostpopularActivity { width: 100%; overflow: hidden; } .mostpopularActivity ul { list-style: none; padding: 7px; overflow: hidden; margin: 0; } .mostpopularActivity li { width: 100%; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding: 0 0 5px 0; margin-bottom: 5px; } .mostpopularActivity li .count { width: 51px; height: 51px; font-size: 35px; color: #fff; font-weight: bold; line-height: 45px; text-align: center; background: url(../images/CircleBlue.png) left top no-repeat; float: left; } .mostpopularActivity li .pulseRightDetail { width: 260px; float: left; margin-left: 10px; } .BlueHeader { background: #0086dc url(/images/chapters/blueHeaderBg.png) left top no-repeat; font-size: 18px; color: #fff; padding: 3px 0 0 22px; height: 30px; } .pulseMaster { width: 100%; overflow: hidden; } .pulseMaster ul { list-style: none; padding: 7px; overflow: hidden; margin: 0; } .pulseMaster li { width: 100%; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding: 0 0 5px 0; margin-bottom: 5px; } .pulseMaster li .count { width: 51px; height: 51px; font-size: 35px; color: #fff; font-weight: bold; line-height: 45px; text-align: center; background: url(/images/csharp/CircleOrange.png) left top no-repeat; float: left; } .pulseMaster li .pulseRightDetail { width: 260px; float: left; } .pulseMaster li .image { float: right; margin-left: 12px; } .ChapterMenu { width: 532px; float: right; } .ChapterMenu ul { margin: 0; padding: 0; width: auto; text-align: right; float: right; list-style: none; } .ChapterMenu ul li { display: block; float: left; position: relative; } .ChapterMenu ul li a { padding: 12px 10px 0 10px; height: 28px; display: block; font-size: 14px; color: #e2e2e2; text-transform: uppercase; background: url(/images/chapters/ChapterMenuDivider.png) left top no-repeat; } .ChapterMenu ul li a:hover { background: #f60; } .ChapterMenu ul li a.home { padding: 17px 10px 0 10px; height: 23px; width: 21px; background: url(/images/chapters/chapterHomeIcon.png) 12px 13px no-repeat; } .ChapterMenu ul li a.home:hover { background: #f60 url(/images/chapters/chapterHomeIcon.png) 12px 13px no-repeat; } .ChapterMenu ul li ul { display: none; } .ChapterMenu ul li:hover ul { overflow: hidden; width: 261px; background: #fff; border-top: 2px solid #f60; border: 1px solid #f60; margin: 0; padding: 0; position: absolute; left: 0; top: 40px; display: block; z-index: 999; } .ChapterMenu ul li:hover ul li { list-style: none; display: block; float: none; background: none; text-align: left; } .ChapterMenu ul li:hover ul li a { color: #7f8080; display: block; float: none; font-size: 13px; font-weight: normal; height: auto; margin: 0; padding: 5px 0 5px 10px; text-decoration: none; text-transform: capitalize; background: none; } .ChapterMenu ul li:hover ul li a:hover, .ChapterMenu ul li:hover a { background: #f60; color: #fff; } .NewChapterCntr { padding: 10px; width: 1004px; overflow: hidden; background: #fff; } .ChapterBanner { width: 1004px; height: 307px; position: relative; } .ChapterBanner h1 { height: 73px; background: url(/images/chapters/bannerDetailBg.png) repeat; color: #fff !important; margin: 0; padding: 0 20px; font-size: 50px; font-weight: lighter; position: absolute; left: 0; top: 0; width: 963px; } .ChapterBanner input.joinNow { padding: 0 10px; height: 40px; background: #f60; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; right: 20px; top: 20px; border: none; cursor: pointer; font-family: 'Roboto', sans-serif; } .ChapterBanner a.joinNow { padding: 7px 10px 0 10px; height: 32px; background: #f60; text-align: center; font-size: 17px; color: #fff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; right: 20px; top: 20px; } .ChapterBanner input.joinNow:hover, .ChapterBanner a.joinNow:hover { background: #0086dc; } ul.slideshowFeature { margin: 0; padding: 0; } ul.slideshowFeaturee li { width: 1004px; height: 305px; overflow: hidden; position: relative; } .ChapterBanner #paging { display: none; } ul.slideshowFeature li .detail, .ChapterBanner .detail { position: absolute; left: 0; bottom: 0px; padding: 6px; height: 73px; background: url(/images/chapters/bannerDetailBg.png) repeat; color: #fff; width: 992px; } .ChapterBanner .detail { height: 38px; font-size: 15px; color: #c7c7c7 !important; } ul.slideshowFeature h2 { margin: 0; padding: 0; font-size: 28px; font-weight: lighter; line-height: 45px; color: White; } ul.slideshowFeature li .detail p { margin: 0; padding: 0; font-size: 16px; line-height: 20px; } ul.slideshowFeature li .detail .dateBox { margin-top: 11px; } .ChapterFeatured { padding: 10px 0; width: 100%; overflow: hidden; } .ChapterFeatured ul { overflow: hidden; } .ChapterFeaturedChapter { background: url(/images/chapters/bannerDetailBg.png) repeat; color: #fff !important; position: absolute; left: 0; bottom: 0; padding: 7px 0 3px 0; } .ChapterFeatured .col_1 { width: 411px; } .ChapterFeatured .col_1 .image { margin-right: 10px; width: 91px; float: left; text-align: center; } .ChapterFeatured .col_1 .right { width: 265px; float: left; } .ChapterFeatured .col_1 .right h2 { margin: 0; padding: 0; font-size: 18px; color: #373739; font-weight: normal; } .ChapterFeatured .col_2 { margin-left: 6px; width: 180px; text-align: center; } .ChapterFeatured .col_2 ul { margin: 0; padding: 3px 0 3px 0; list-style: none; height: 85px; border: solid 1px #ccc; } .ChapterFeatured .col_2 ul li { padding: 0 0 3px 4px; float: left; } .ChapterFeatured .col_2 ul li img { float: left; width: 40px; height: 41px; } .ChapterFeatured .col_3 { margin-left: 6px; width: 125px; text-align: center; } .ChapterFeatured .col_4 { margin-left: 4px; width: 120px; text-align: center; } .ChapterFeatured .col_4.faq { width: 75px; } .ChapterFeatured .marginTop { margin-top: 6px; display: inline-block; } .ChapterFeatured a { font-size: 14px; } .ChapterLeft { width: 497px; float: left; } .ChapterRight { width: 497px; float: right; } .upcomingEvents { padding: 0; overflow: hidden; } .ChapterUpComingTAb ul { overflow: hidden; margin: 0; padding: 8px; list-style: none; } .ChapterUpComingTAb li { width: 100%; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding: 0 0 5px 0; margin-bottom: 5px; line-height: 20px; } .dateBox { margin-right: 10px; width: 54px; height: 55px; display: block; float: left; background: url(/images/chapters/calenderBg.png) left top no-repeat; text-align: center; } .dateBox.past { background: url(/images/chapters/calenderBgGray.png) left top no-repeat; } .dateBox.upcoming.webinar { background: url(/images/chapters/webinarUpcoming.png) left top no-repeat; } .dateBox.past.webinar { background: url(/images/chapters/webinarPast.png) left top no-repeat; } .dateBox .month { font-size: 18px; color: #fff; text-align: center; line-height: 24px; } .dateBox .date { font-size: 25px; color: #333; text-align: center; line-height: 30px; } .dateBox.upcoming.webinar .month { color: #3b3b3b; } .dateBox.upcoming.webinar .date { color: #ffbb00; } .dateBox.past.webinar .month { color: #bdbdbd; } .dateBox.past.webinar .date { color: #bdbdbd; } .dateBox.upcoming.webinar .date, .dateBox.past.webinar .date { line-height: 20px; } .ChapterUpComingTAb li .ChapterUpComingTAbdetail { width: 237px; float: left; } .ChapterUpComingTAb li .address { width: 160px; float: right; border-left: 1px solid #ccc; padding-left: 10px; min-height: 58px; } .ChapterUpComingTAb li .attend { color: #f60; font-size: 15px; background: url(/images/chapters/attend_icon.png) no-repeat; padding: 3px 0px 0px 25px; margin-top: 3px; height: 22px; display: block; } ul.Funfacts, ul.sponsor { list-style: none; margin: 0; padding: 0; overflow: hidden; } ul.Funfacts li { width: 109px; height: 87px; padding: 0 4px 4px 4px; margin: 0 5px 0 0; float: left; background: #25af00; color: #fff; font-weight: normal; text-align: right; font-size: 18px; } ul.Funfacts li.member { background: #157bf8; } ul.Funfacts li.leaders { background: #fa613a; } ul.Funfacts li.events { background: #02bed5; margin-right: 0; } ul.Funfacts li .count { display: block; } ul.Funfacts li .Name { display: block; font-size: 17px; text-transform: capitalize; padding-top: 3px; text-align: center; } .pollSectionForChapter { border: 1px solid #ccc; overflow: hidden; padding: 0 0 10px 0; margin-bottom: 10px; } .pollSectionForChapter h5 { background: #e4e4e4; font-size: 14px; color: #333; margin: 0; padding: 5px; } .pollSectionForChapter ul { margin: 10px; padding: 0; } .pollSectionForChapter li { list-style: none; color: #333; font-weight: bold; width: 100%; overflow: hidden; } .redioBtn, .pollpresent { vertical-align: middle; float: left; margin: 8px 10px; } .pollSectionForChapter .cell { border: 1px solid #ccc; height: 27px; float: left; width: 370px; margin-bottom: 5px; position: relative; } .incresePoll { position: absolute; left: 0; top: 0; height: 17px; padding: 5px; } ul.sponsor li { list-style: none; float: left; margin: 8px 0; width: 245px; position: relative; } .OrnageHeaderPulse { background: #fd8738 url(/images/csharp/orangeHeaderBgPulse.png) left top no-repeat; font-size: 33px; color: #fff; padding: 3px 0 2px 22px; height: 50px; } .OrnageHeaderPulse a, .BlueHeaderPulse a { color: #fff; font-size: 16px; float: right; padding: 3px 10px 0 0; } .BlueHeaderPulse { background: #30acfb url(/images/csharp/blueHeaderBgPulse.png) left top no-repeat; font-size: 33px; color: #fff; padding: 3px 0 0 22px; height: 50px; } .mostpopularActivityPulse { width: 100%; overflow: hidden; } .mostpopularActivityPulse ul { list-style: none; padding: 7px; overflow: hidden; margin: 0; } .mostpopularActivityPulse li { width: 100%; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding: 0 0 5px 0; margin-bottom: 5px; } .mostpopularActivityPulse li .count { width: 51px; height: 51px; font-size: 35px; color: #fff; font-weight: bold; line-height: 45px; text-align: center; background: url(/images/csharp/CircleBlue.png) left top no-repeat; float: left; } .mostpopularActivityPulse li .pulseRightDetail { width: 260px; float: left; margin-left: 10px; } .pulseRightDetail img.userImage, .pulseRightDetail .image { border-radius: 50%; width: 60px; height: 60px; } .breadcrumb { width: 100%; } .breadcrumb ul { list-style: none; overflow: hidden; margin: 7px 0; padding: 0; } .breadcrumb li { float: left; } .breadcrumb li a { height: 30px; display: block; font-size: 14px; color: #fff; text-decoration: none; padding: 0 20px 0 0; margin-right: -15px; } .breadcrumb li a span { display: block; height: 22px; padding: 4px 0 4px 20px; line-height: 20px; } .breadcrumb li a.breadcrumbActive { position: relative; background: url(/images/chapters/breadcrumbRightBg.png) right top no-repeat; } .breadcrumb li a.breadcrumbActive span { line-height: 22px; background: url(/images/chapters/breadcrumbLeftBg.png) left top no-repeat; } .breadcrumb li a.breadcrumbActive:hover { position: relative; background: url(/images/chapters/breadcrumbRightBg.png) right -50px no-repeat; } .breadcrumb li a.breadcrumbActive:hover span { background: url(/images/chapters/breadcrumbLeftBg.png) left -50px no-repeat; } .breadcrumb li.breadcrumbDeActive { height: 30px; display: block; font-size: 14px; color: #727070; text-decoration: none; padding: 0 20px 0 0; margin-right: -15px; position: relative; background: url(/images/chapters/breadcrumbRightBg.png) right -100px no-repeat; } .breadcrumb li.breadcrumbDeActive span { line-height: 22px; display: block; height: 22px; padding: 4px 0 4px 20px; background: url(/images/chapters/breadcrumbLeftBg.png) left -100px no-repeat; } .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; } a.chaptersButtonStyle { padding: 5px 48px 5px 10px; font-size: 20px; background-color: #f60; position: relative; display: inline-block; color: #fff; clear: both; } a.chaptersButtonStyle span { background-color: #363535; display: block; padding: 5px 10px; position: absolute; right: 0; top: 0; } #divUserActivity .LinkNormalGray, #divUserActivity .LinkNormalGrayLight, #divSelfUserActivity .LinkNormalGrayLight { font-size: 14px; } .LinkNormalOrange { font-size: 14px; color: #fd8738; } .LinkNormalBluePulse { font-size: 14px; color: #30acfb; } a.LinkNormalOrange:hover, a.LinkNormalBluePulse:hover { color: #01a821; } ul.chapterListing { list-style: none; overflow: hidden; margin: 0; padding: 0; } ul.chapterListing li { float: left; margin: 0 10px 10px 0; padding: 0; width: 328px; height: 100px !important; border-bottom: dashed 1px #ccc; height: 1px; } ul.chapterListing li .chapterLogo { float: left; display: block; font-size: 14px; } ul.chapterListing li .chapterLogo img { width: 90px; height: 90px; display: block; margin-bottom: 7px; } ul.chapterListing li .detail { width: 230px; float: right; margin-top: 0; } ul.chapterListing li .detail a.title { font-size: 18px; color: #373739; } ul.chapterListing li .detail a.title:hover { color: #01a821; } ul.chapterListing li .detail p.stats { font-size: 13px; margin: 0; } ul.chapterListing li .detail p.stats b.first { margin: 0; } .tags { overflow: hidden; font-family: 'Titillium Web',sans-serif;} .tags ul { padding: 0; margin: 0; } .tags .mainHeading { font-size: 20px; line-height:40px; color: black; display: inline-block; } .tags .searchTextBox { height: 30px; width: 68.6%; border: #ccc solid 1px; padding: 5px; font-size: 18px; color: #303030; } .tags .left { width: 170px; float: left; font-size: 14px; } /*.tags .left .filterPanel { margin-top: 10px; padding-top: 10px;}*/ .tags table.checkBox > tbody > tr > td, .tags ul.checkBox > li, .filterPanel ul li.Admin {padding:3px 0px;} .s-result .list-date { opacity: 0.7 } .tags .heading { font-size: 20px; color: #313131; display: block; margin-top: 5px;} .tags .left .filterPanel .checkBox label { margin-left: 5px; font-size:16px;line-height:20px;} .tags .left .filterPanel.first { margin: 0; padding: 0; border: none; } .tags .right { width: 490px; float: right;} .tags .right .sortDropDown { float: right; height: 40px; color: #303030;font-size:16px; } .tags ul.general li {margin-bottom:16px; line-height:22px;} .tags ul.general li a { color: #3a76b9; background: none; padding: 0; margin-top: 10px; font-size: 20px; } .tags ul.general li a:hover { color: #212121; } .tag ul.general li span{font-size:18px !important;} .tags .left .filterPanel ul.checkBox { list-style: none; margin-left: 8px; } .tags .left .filterPanel ul.checkBox li { display: inline-block; width: 100%; margin-top: 3px; } .tags .left .filterPanel ul.checkBox li input { margin-right: 6px; } .tags ul.s-result li a{ color: #212121; background: none; padding: 0; margin-top: 10px; font-size: 18px; } .tags ul.s-result li a:hover{color:#ffbb00;} .TagHeaderStyle { color: #333; font-size: 20px; margin: 0 0 5px 7px; padding-bottom: 4px; border-bottom: 1px solid #d7d7d7; } table.tableListing .noBorder table td { border: none; } .chapterIcon { margin-left: 5px; } .chapterIcon a.icon { width: 109px; height: 93px; display: block; } .chapterIcon a.icon img { margin-top: 18px; } .chapterIcon a.icon.album { background: #ff5a00; } .chapterIcon a.icon.about { background: #009c67; } .chapterIcon a.icon.faq { background: #8aa300; } .chapterIcon a.icon.join { background: #875ca5; } .msg_container { border: 1px solid #d6d6d6; width: 420px; position: absolute; background: #fff; top: 44px; right: 0px; border-top: none; display: none; overflow: hidden; padding: 10px 0 35px 0; } .msg_container.admin_msg_container { overflow: auto; padding: 10px; max-height: 373px; } .msg_container ul { padding: 0 10px 10px 10px; margin: 0px; list-style: none; max-height: 388px; overflow: auto; } .msg_container.admin_msg_container ul { padding: 0; max-height: none; } .msg_container ul li { margin-bottom: 4px; width: 100%; padding: 6px 0px 6px 0px; overflow: hidden; word-break: break-word; font-family: 'Open Sans', sans-serif; color: #7d7d7d; font-weight: 400; font-size: 15px; } .msg_container ul#dvComments li { font-size: 14px; } .msg_container ul li:last-child { margin-bottom: 0; } .msg_container.general_notifications li { padding-left: 10px; width: 97%; } .msg_container a { color: #131313; } .msg_container .gotoAllView { display: block; width: 100%; padding: 8px 0; text-align: center; color: #fff !important; font-size: 16px; background: #3a76b9; position: absolute; left: 0; bottom: 0; } .msg_container .gotoAllView:hover, .msg_container.general_notifications .gotoAllView:hover { color: #fff !important; background: #ffbb00; } .msg_container .notificationDate { font-size: 90%; display: block; margin-top: 4px; color: #7d7d7d; font-weight: 300; } .msg_container a:hover { color: #ffbb00 !important; } #divUserActivity.generalNotification .date { margin-top: 6px; font-size: 11px; } .msg_container.general_notifications .date { margin-top: 3px; font-size: 11px; } .right_content { overflow: hidden; padding-right: 10px; } .pic { float: left; margin: 0px 15px 0px 0px; } .pic img { width: 45px; height: 45px; border-radius: 100%; } .msg_container p { padding: 0px; margin: 0px; } .arrow_top { background: url(/images/csharp/top_arrow.png) no-repeat; top: -10px; position: absolute; width: 16px; height: 11px; } .Chapter { width: 642px; padding: 10px; overflow: hidden; background: #f9f9f9; } .Chapter.odd { background: none; } .Chapter img { float: left; margin: 0px 10px 0px 0px; padding: 0px; width: 150px; } .Chapter p { margin: 0px; padding: 5px 0px; line-height: 16px; } .total_event { overflow: hidden; font-size: 14px; } .total_event a { font-size: 18px; margin: 5px 0px 0px 10px; } .mid_container { float: left; width: 332px; } .leader { float: right; margin: 0px; padding: 0px; overflow: hidden; position: relative; width: 150px; height: 150px; } .tranparent_bar { background: rgba(0, 0, 0, 0.7); padding: 5px; width: 140px; margin: 0px; position: absolute; right: 0px; bottom: 0px; color: #fff; text-align: center; } .tranparent_bar span { color: #ff6a10; } /*#toTop { background:#ffbb00; border: 1px solid #dc5800; color: #FFFFFF; cursor: pointer; display: none; font-size: 1.2em; padding: 5px; position: fixed; right: 0; bottom: 0px; text-align: center; text-transform: lowercase; width: 100px; z-index: 10; font-family: 'Roboto', sans-serif;}*/ .Registration { margin: 10px auto; overflow: hidden; font-size: 15px; color: #768082; background: #f5f5f5; padding: 8px 15px; } .Registration h1 { font-size: 24px; font-weight: normal; color: #efb62a !important; padding: 0px 0px 7px 0px; margin: 0px; } .Registration p { margin: 0px; padding: 0px; line-height: 20px; color: #99a3b1; } .Registration .row { width: 100%; margin-bottom: 10px; position: relative; float: left; } .Registration .row.bottomRow { padding-top: 10px; border-top: 1px solid #e3e4e8; } .Registration .row.bottomRow a { float: right; } .Registration .row.bottomRow .newUserText { line-height: 34px; } .Registration .left { width: 314px; float: left; border-right: 1px solid #e3e4e8; padding-right: 15px; position: relative; } .Registration .right { width: 280px; float: right; } .Registration .label { width: 100%; float: left; padding: 0px 0px 5px 0px; color: #768082; font-size: 15px; } .Registration .TextBoxStyle, .SelectBoxStyle { border: 1px solid #cacaca; color: #abadb3; font-family: 'Roboto', sans-serif; float: left; width: 100%; max-width: 268px; padding: 8px; } .Registration .TextBoxStyle { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } /*.Registration .TextBoxStyle:focus,.SelectBoxStyle:focus{ outline-color:rgb(77, 144, 254);outline-offset:-2px;outline-style:auto;outline-width:5px;}*/ .Registration .bio { height: 130px; width: 346px; } .SelectBoxStyle { max-width: 286px; } .Registration .verification { width: 100px; } .Registration .star { color: #FF0033; vertical-align: middle; } .Registration .getImg { vertical-align: middle; margin: 2px 0px 0px 5px; filter:brightness(160%); } .Registration .facebookLogin { width: 277px; height: 58px; margin: 10px 0px; float: left; text-indent: -9999px; display: block; background: url(/images/csharp/spriteSocialIcon_20160921.png) left top no-repeat; } .Registration .facebookLogin:hover { background-position: 0px -66px; } .Registration .googleLogin { width: 277px; height: 58px; margin: 10px 0px; text-indent: -9999px; float: left; display: block; background: url(/images/csharp/spriteSocialIcon_20160921.png) left -132px no-repeat; } .Registration .googleLogin:hover { background-position: 0px -203px; } .Registration .twitterLogin { width: 277px; height: 58px; margin: 10px 0px; text-indent: -9999px; float: left; display: block; background: url(/images/csharp/spriteSocialIcon_20160921.png) left -574px no-repeat; } .Registration .twitterLogin:hover { background-position: 0px -655px; } .Registration .csharpLogin { width: 277px; height: 58px; margin: 10px 0px; text-indent: -9999px; float: left; display: block; background: url(/images/csharp/spriteSocialIcon_20160921.png) left -737px no-repeat; } .Registration .csharpLogin:hover { background-position: 0px -818px; } .Registration .linkedInLogin { width: 277px; height: 58px; margin: 10px 0px; text-indent: -9999px; float: left; display: block; background: url(/images/csharp/spriteSocialIcon_20160921.png) left -898px no-repeat; } .Registration .linkedInLogin:hover { background-position: 0px -979px; } .Registration #GoolgeReCaptch{transform:scale(1.15); -webkit-transform:scale(1.15); transform-origin:0 0; -webkit-transform-origin:0 0;margin-bottom:10px;} /*ui-autocomplete*/ ul.ui-autocomplete { background: #fff; border: 1px solid #CACACA; border-top: none; min-width: 268px; position: absolute; left: 0px; top: 20px; margin: 0px; padding: 0px; z-index: 9; } ul.ui-autocomplete li { list-style: none; } ul.ui-autocomplete li a { padding: 5px 10px; display: block; } ul.ui-autocomplete li a:hover, li.ui-menu-item .ui-corner-all.ui-state-hover { background: #ffbb00; color: #fff; } /*CheckBox*/ .Registration input[type="checkbox"] { position: absolute; width: 25px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .Registration input[type="checkbox"] + label:before { display: inline-block; width: 25px; height: 22px; margin-right: 4px; background: url(/images/csharp/iconSpritImage_20160921.png) -8px -1115px no-repeat; content: " "; vertical-align: middle; } .Registration input[type="checkbox"] + label:before { background-position: -8px -1115px; } .Registration input[type="checkbox"]:checked + label:before { background-position: -8px -1148px; } .Registration input[type="checkbox"] { *position: relative; margin: -2px0px0px0px; *margin: -5px0px0px0px; } .Registration .or { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E3E4E8; border-radius: 100% 100% 100% 100%; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; color: #efb62a; font-size: 28px; height: 50px; line-height: 50px; position: absolute; right: -25px; text-align: center; top: 40%; vertical-align: middle; width: 50px; } /*Registration page style end here */ /*Login page style start here */ .Registration .forgotList { padding: 0px 0px 0px 28px; margin-top: 0px; } .Registration .forgotList li { line-height: 22px; } /*Login page style end here */ .NewCommonButtonStyle { background-color: #ffbb00; border: none; color: #fff; cursor: pointer; font-size: 20px; margin-right: 10px; padding: 5px 15px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; font-weight: lighter; letter-spacing: 1px; } .NewCommonButtonStyle:hover, .NewCommonButtonStyle.active { background: #ffbb00; } .NewCommonButtonStyle.active:hover { background-color: #cca74b; } /* TRENDING UP BOX START HERE*/ .rightBox { float: left; margin-bottom: 10px; padding: 0 0 5px; width: 336px; } .rightBox .headerGray { margin: 0px; padding: 0px; background: #e4e4e4; border: 1px solid #c6c6c7; height: 30px; line-height: 30px; font-size: 16px; color: #3E3E3E; font-weight: bold; text-transform: uppercase; } .rightBox .HeaderBlue, .HeaderOrange { margin-right: 10px; width: 10px; height: 32px; background: #0071BF; border: 2px none; display: block; float: left; position: relative; left: -1px; top: -1px; } .rightBox .HeaderOrange { background: #ffbb00; } ul.trendingBox { overflow: hidden; list-style: none; margin: 10px 5px 5px 5px; padding: 0px; } ul.trendingBox li { overflow: hidden; display: block; border-bottom: 1px solid #F5F5F5; padding: 0px 0px 3px 0px; margin-bottom: 3px; } ul.trendingBox li a { padding: 0px; color: #7F8080; display: inline-block; text-decoration: none; } ul.trendingBox li a:hover { background-position: 10px -186px; color: #ffbb00; } .numbers { width: 54px; padding: 0 0px 0 6px; text-align: left; vertical-align: middle; display: table; float: left; font-size: 26px; font-weight: normal; color: #a7a7a7; height: 36px; background: url(/images/csharp/iconSpritImage_20160921.png) 40px -2672px no-repeat; line-height: 36px; } .trendingDetail { width: 260px; float: left; } ul.trendingBox li:last-child { border-bottom: none; } .editProfileCntr { width: 100%; overflow: hidden; } .editProfileTopCntr { background: #464445; padding: 20px 40px 0px 40px; overflow: hidden; } .editProfileTopCntr .left { width: 524px; float: left; } .editProfileTopCntr .left .profilePic { float: left; background: #fff; padding: 8px; margin: 0px 0px -50px 20px; position: relative; height: 154px; width: 154px; } .editProfileTopCntr .left .profilePic img { height: 154px; width: 154px; } .editProfileTopCntr .left .editProfileBtn { position: absolute; left: 8px; bottom: 8px; width: 144px; padding: 5px; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; display: block; line-height: 20px; text-align: center; cursor: pointer; } .editProfileTopCntr .left .editProfileBtn input[type="file"] { opacity: 0; height: 0px; width: 0px; } .editProfileTopCntr .left .detail { width: 300px; float: left; padding: 0px 0px 0px 20px; } .editProfileTopCntr .left .detail h1 { padding: 0px 0px 0px 40px; margin: 0px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; font-size: 30px; height: 30px; display: inline-block; color: #aaaaaa; font-weight: normal; } .editProfileTopCntr .left .detail p { font-size: 14px; color: #aaaaaa; margin-top: 1px; padding: 0px; } .editProfileCntr .bottomPart { background: #fff; padding: 10px 20px; height: 30px; } .editProfileCntr .bottomPart a { padding: 3px 0px 6px 35px; width: 690px; float: right; display: block; color: #ffbb00; font-size: 15px; background: url(/Images/csharp/iconSpritImage_20160921.png) left -1200px no-repeat; } .editProfileCntr .editprofileInner { background: #fff; padding: 20px 60px; overflow: hidden; } .editProfileCntr .editprofileInner h2 { padding: 7px 0px 0px 32px; margin: 0px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; font-size: 18px; height: 30px; display: inline-block; color: #4f4f4f; font-weight: normal; } .editProfileCntr .editprofileInner .row { padding: 0px 0px 10px 32px; overflow: hidden; } .editProfileCntr .editprofileInner .textarea { width: 690px; padding: 8px 15px; border: 1px solid #CACACA; color: #969696; font-size: 16px; font-family: 'Roboto', sans-serif; } .editProfileCntr .editprofileInner .inputText { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; width: 308px; padding: 8px 15px; margin-right: 35px; border: 1px solid #CACACA; color: #9FA4A4; font-size: 16px; } .editProfileCntr .editprofileInner .inputText.fullwidth { width: 100% } .editProfileCntr ul.whatAreYou { list-style: none; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 32px; } .accordianContent.minorCategory .inputText.fullwidth { width: 100%; max-width: 686px; } .editProfileCntr ul.whatAreYou li { float: left; margin: 16px 16px 0 0; min-width: 199px; } .editProfileCntr .Center { text-align: center; } .editProfileCntr .GrayBackground, .GrayBackground { background: none repeat scroll 0 0 #F5F5F5; margin: 0px 0px 20px 0px; padding: 26px 0px 26px 0px; } .editProfileCntr input[type="checkbox"] { float: left; position: absolute; width: 25px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .editProfileCntr input[type="checkbox"] + label:before, .checkBoxStyle input[type="checkbox"] + label:before, .checkBoxStyleRight input[type="checkbox"] + label:after { display: inline-block; width: 25px; height: 22px; margin-right: 4px; background: url(/images/CSharp/iconSpritImage_20160921.png) -8px -1115px no-repeat; content: " "; vertical-align: middle; } .editProfileCntr input[type="checkbox"] + label:before, .checkBoxStyle input[type="checkbox"] + label:before, .checkBoxStyleRight input[type="checkbox"] + label:after { background-position: -8px -1115px; } .editProfileCntr input[type="checkbox"]:checked + label:before, .checkBoxStyle input[type="checkbox"]:checked + label:before, .checkBoxStyleRight input[type="checkbox"]:checked + label:after { background-position: -8px -1148px; } .editProfileCntr input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .editProfileCntr .chkboxlist input[type="checkbox"] { margin-bottom: 20px; } .editProfileCntr .chkboxlist td { width: 250px; } .chkboxlist label { width: 25%; float: left; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .editProfileCntr .h1Text { padding: 0px; margin: 0px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; font-size: 30px; height: 30px; display: inline; color: #aaaaaa; font-weight: normal; } .checkBoxStyle input[type="checkbox"], .checkBoxStyleRight input[type="checkbox"] { opacity: 0; position: absolute; } /*Header Menu Style Start Here*/ .HeadermenuStripBlue { background: #ffffff; float: left; position: relative; width: 100%; z-index: 99; height: 54px; border-bottom:1px solid #d0d0d0; } #blankDiv { height: 42px; width: 100%; display: none; clear: both; } .PulseMainCntr .header + #blankDiv { display: block; } ul.headerMenu { list-style: none; margin: 0; padding: 0; } ul.headerMenu li { display: block; float: left; position: relative; padding: 0; } ul.headerMenu li > a {color: #313131; display: block; padding: 20px 12px 12px 12px; height: 23px; float: left; text-transform: uppercase; font-weight: 600; font-size: 18px; font-family: 'Titillium Web',sans-serif; text-decoration: none; line-height: 16px;} .inverted-menu ul.headerMenu li.more-btn ul li a {color:#313131 !important;} ul.headerMenu li > a.menu-color-dark-blue {background-color:#004B7C;} ul.headerMenu li > a.menu-color-dark-blue:hover {background-color:#f60;} ul.headerMenu li a.pulse { background: url(/images/csharp/homeSprite_20160921.png) 10px -1836px no-repeat; padding: 7px 0px 0 10px; display: block; width: 37px; height: 35px; } ul.headerMenu li a.pulse:hover { background: #f60 url(/images/csharp/homeSprite_20160921.png) 10px -1836px no-repeat; } ul.headerMenu li a:hover, ul.headerMenu li li:hover, ul.Menu li .menuFooter a:hover { background-color: #ffbb00; color: #fff } ul.headerMenu li.more-btn a:hover:after {border-color: #fff transparent transparent transparent;} ul.headerMenu li a.active {background: #ffbb00;color: #fff !important;} ul.headerMenu li.first { background: none; padding-left: 0; } ul.headerMenu li.jsbc_logo {margin-right:20px;} ul.headerMenu .jsbc_logo a {padding: 10px 0 !important;} ul.headerMenu li.jsbc_logo a:hover{ background-color: #fff; color: #fff !important; } .csharpHome { background: url(/images/csharp/homeSprite_20160921.png) no-repeat scroll 11px -3513px;} .csharpHome:hover{background: url(/images/csharp/homeSprite_20160921.png) no-repeat scroll 11px -3461px;} .SearchBox { width: 203px; float: right; padding: 10px 0px; } .SearchBox input.searchTextBox { background-color: White; border: none; color: #8d8d8d; display: inline-block; height:0px; padding:0px 0 0 8px; width: 0px; transition:width 1s; float: right; font-family: "Titillium Web", sans-serif; box-sizing:border-box;} .SearchBox input.searchTextBox:after {content: 'X';} .SearchBox input.button { width: 36px; height: 30px; border: none; float: right; background: url(/interviews/images/InterviewSpriteHome_20151129.png) -15px -474px no-repeat} /*Header Menu Style Start Here*/ /*BREAKING NEWS BOX START HERE*/ .breakingNewBox { width: 100%; position: relative; } .breakingNewBox ul { list-style: none; margin: 0px; padding: 0px; } .breakingNewBox li { display: block; overflow: hidden; width: 100%; } .breakingNewBox li .image { float: left; margin: 5px 5px 5px 0px; width: 170px; height: 100px; padding: 5px; border: 1px solid #dcdcdc; } .breakingNewBox li .detail { width: 471px; float: left; margin: 0px 0px 0px 5px; } .breakingNewBox li .detail h2 { margin: 0px; padding: 0px; } .breakingNewBox li .detail h2 a { color: #0066CC; font-size: 22px; font-weight: normal; line-height: 26px; } .breakingNewBox li .detail p { color: #333333; font-size: 14px; line-height: 20px; margin: 0px; padding: 3px 0px 0px 0px; } .breakingNewBox .next { position: absolute; right: 0px; top: -35px; width: 26px; height: 26px; text-indent: -9999px; display: block; background: url(/images/csharp/iconSpritImage_20160921.png) -13px -1647px no-repeat; } .breakingNewBox .prev { position: absolute; right: 28px; top: -35px; width: 26px; height: 26px; text-indent: -9999px; display: block; background: url(/images/csharp/iconSpritImage_20160921.png) -13px -1591px no-repeat; } .breakingNewBox .next:hover { background-position: -13px -1676px; } .breakingNewBox .prev:hover { background-position: -13px -1619px; } /*FOOTER MENU START HERE*/ .menu ul { list-style: none; margin: 0; padding: 0; } .menu ul li { padding: 0px; display: block; float: left; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1025px no-repeat; position: relative; } .menu ul li.first, .menu ul li.first:hover { background: none; } .menu ul li a { color: #fff; display: block; padding: 8px 10px 0 11px; height: 27px; float: left; text-transform: uppercase; font-weight: normal; font-size: 15px; text-decoration: none; } .menu ul li a:hover, .menu ul li:hover { color: #f60; } .menu ul li a.active { background-color: #f60; } /*FOOTER MENU END HERE*/ .ui-tabs-panel { font-size: 15px; } .ui-tabs-panel a.LinkNormalGray { font-size: 16px; } .recentActivitySection { width: 100%; height: auto; position: relative; float: left; margin-bottom: 6px; } .pulseMainComment .ReplyComment:last-child { border-bottom: none; } .article .detail .LinkNormalGrayLight { font-size: 15px; } ul.topLeaderBox { overflow: hidden; list-style: none; margin: 10px 5px 5px 5px; padding: 0; } ul.topLeaderBox li { float: left; margin: 0 5px 5px 5px; } ul.topLeaderBox li img { float: left; width: 50px; height: 50px; border: 2px solid #d7d7d7; } ul.topLeaderBox li img.userImage { border-radius: 50%; } .recentactivityBox { width: 100%; overflow: hidden; margin: 10px 0 0 0; position: relative; } .recentactivityBox h2 { margin: 0; padding: 0; } .recentactivityBox .HeadingBold, .mostViewTab .HeadingBold { color: #555; font-size: 22px; margin: 0; padding: 8px 0 0 0; font-weight: normal; text-transform: uppercase; } .recentactivityBox ul { list-style: none; margin: 0px 0 0 0; padding: 0; overflow: hidden; } .recentactivityBox.listing li { padding: 2px 0; border: none; } .recentactivityBox.listing li:last-child { margin-bottom: 5px; padding-bottom: 4px; overflow: hidden; border-bottom: 0px solid #CCC; } .recentactivityBox li { padding: 7px 0; display: block; overflow: hidden; } .recentactivityBox ul.EditorialNews { margin-top: 5px; } .recentactivityBox .topRow h2.HeadingBold { float: left; } .recentactivityBox .topRow .RecentCheckBoxes { float: right; } .recentactivityBox .right { overflow: hidden; } .recentactivityBox .right h3 { font-size: 17px; color: #333; font-weight: normal; margin: 0 0 4px 0; padding: 0; } .recentactivityBox .right .article_date { background: url(/Images/newSpriteIcons_20161122.png) -4px -3558px no-repeat; padding-left: 20px; margin-right: 10px; height: 20px; display: inline-block } .recentactivityBox .right .article_view { background: url(/Images/newSpriteIcons_20161122.png) 4px -3504px no-repeat; padding-left: 33px; margin-right: 10px; height: 20px; display: inline-block } .recentactivityBox .right .article_comment { background: url(/Images/newSpriteIcons_20161122.png) 2px -3532px no-repeat; padding-left: 29px; margin-right: 10px; height: 20px; display: inline-block } .recentactivityBox .right .idea_like { background: url(/Images/newSpriteIcons_20161122.png) 6px -7045px; no-repeat; padding-left: 29px; margin-right: 10px; height: 20px; display: inline-block } .recentactivityBox .right .idea_dislike { background: url(/Images/newSpriteIcons_20161122.png) 6px -7109px; padding-left: 29px; margin-right: 10px; height: 21px; display: inline-block; } .recentactivityBox .right h3 a { color: #333; text-decoration: none; font-family: 'Roboto', sans-serif; } .profile_wrapper .profileLeft .recentactivityBox .right h3 a span { color: #0086dc !important; } .recentactivityBox .right h3 a:hover, .profile_wrapper .profileLeft .recentactivityBox .right h3 a:hover { color: #ffbb00 !important; } .recentactivityBox .image { display: block; float: left; position: relative; margin-top: 4px; margin-right: 10px; } .recentactivityBox .image img { float: left; border: 1px solid #d7d7d7; width: 50px; height: 50px; } .recentactivityBox .image img.userImage { border-radius: 50%; } .recentactivityBox .idea { color: #fff; font-size: 12px; display: inline-block; padding: 1px 4px; letter-spacing: .2px; border-radius: 3px; } .recentactivityBox .idea.under-review { background: #d7a001; } .recentactivityBox .idea.submitted { background: #8e5fbf; } .recentactivityBox .idea.approved { background: #50af00; } .recentactivityBox .idea.implemented { background: #2475fb; } .recentactivityBox .idea.rejected { background: #d7333c; } input[type="radio"] { position: absolute; width: 18px; height: 18px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; display: none; } input[type="radio"] + label:before { display: inline-block; cursor: pointer; width: 18px; height: 18px; margin-right: 4px; background: url(/images/csharp/iconSpritImage_20160921.png) -22px -1711px no-repeat; content: " "; vertical-align: middle; } input[type="radio"]:checked + label:before { background-position: -22px -1742px; } input[type="radio"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; cursor: pointer; } .checkBoxList input[type="checkbox"] { position: absolute; width: 18px; height: 18px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; display: none; } .checkBoxList input[type="checkbox"] + label:before {display: inline-block;cursor: pointer;width: 28px;height: 28px;margin-right: 4px;background: url(/images/csharp/iconSpritImage_20160921.png) -8px -1114px no-repeat;content: " ";vertical-align: middle;} .checkBoxList input[type="checkbox"]:checked + label:before { background-position: -8px -1147px; } .checkBoxList input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; cursor: pointer; } ul.checkBoxList{padding:0;margin:0;list-style:none;} ul.checkBoxList li{display:block;width:33.33%;float:left;} ul.recentactivityFilter { list-style: none; margin: 0; padding: 0px; float: right; border: none !important; position: relative; } ul.recentactivityFilter li { float: left; padding: 3px 0 0 0; font-size: 16px; color: #666; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; margin-right: 10px; cursor: pointer; border: none; } ul.recentactivityFilter li img { float: left; margin-top: 5px; } .menuStripGray { width: 100%; height: auto; background-color: #b5b5b5; padding: 5px 0; float: left; } .menuStripGray ul { float: left; margin: 0; padding: 0; } .menuStripGray li { padding: 0px; display: block; float: left; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1082px no-repeat; position: relative; } .menuStripGray li a { display: block; padding: 4px 10px 4px 15px; font-size: 12px; color: #000; text-decoration: none; } .menuStripGray li a:hover { color: #f60; } .menu.footerMenu ul li.last, .menu.footerMenu ul li.last a:hover, .menuStripGray ul li.first, .menuStripGray ul li.first a:hover, .footerBottom ul li.first, .footerBottom ul li.first a:hover { color: #f60; background: none; } .footerBottom { background-color: #000; float: left; padding: 10px 0 10px; width: 100%; } .footerBottom ul { float: left; margin: 0; padding: 0; } footer .top-footer .footer-list-city ul > li a:hover { color: #ffbb00; } .footerBottom li { display: block; float: left; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1054px no-repeat; position: relative; } .footerBottom li a { color: gray; display: block; padding: 8px 7px 0 10px; font-size: 12px; text-decoration: none; } .footerBottom li a:hover { color: #f60; } .rightlink { float: right; display: block; } .rightlink a { font-size: 14px; color: #982929; margin-top: 3px; display: block; } .rightlink a span.hosted { color: #000; } .rightlink a span.hosted:hover { color: #f60; } .social_link, .social_link ul { float: right; padding-bottom: 6px; } .social_link li { display: block; float: left; background: none; } .social_link li a { padding: 0; margin-right: 7px; float: left; text-indent: -9999px; display: block; width: 30px; height: 30px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -1912px no-repeat; } .social_link li a.twitter { background-position: 0px -1980px; } .social_link li a.google { background-position: 0px -1947px; } .social_link li a.media { background-position: 0px -2014px; } .social_link p.copyright { clear: both; display: block; font-size: 15px; } .sprite { background: url(/images/csharp/iconSpritImage_20160921.png) no-repeat; } .details { float: left; margin: 0px 3px; } .details.views { width: 25px; height: 25px; background-position: 0px -4906px; } .details.comments { width: 25px; height: 25px; background-position: 0px -4934px; } .details.like { width: 25px; height: 25px; background-position: 0px -4963px; } .details.email { width: 26px; height: 25px; background-position: -2px -2095px; } .details.print { width: 27px; height: 22px; background-position: 0px -2247px; } .details.similar { width: 19px; height: 24px; background-position: -1px -2126px; } .details.history { width: 26px; height: 25px; background-position: 0px -2048px; } .details.bookmark { width: 26px; height: 25px; background-position: 0px -2567px; } .details.authorOthers { width: 26px; height: 25px; background-position: 0px -2436px; } .details.edit { width: 30px; height: 30px; background-position: 0px -2992px; } .details.delete { width: 30px; height: 30px; background-position: 0px -2948px; } .details.featured { width: 30px; height: 30px; background-position: 0px -2892px; } .details.unfeatured { width: 30px; height: 30px; background-position: 0px -4402px; } .details.submitFeedback { width: 30px; height: 30px; background-position: 0px -2845px; } .details.viewFeedback { width: 30px; height: 30px; background-position: 0px -3045px; } .details.moderator { width: 30px; height: 30px; background-position: 0px -2796px; } .details.clone { width: 30px; height: 30px; background-position: 0px -3092px; } .details.beginner { width: 45px; height: 23px; margin-top: -5px; float: right; background-position: 0px -2272px; } .details.intermediate { width: 45px; height: 23px; margin-top: -5px; float: right; background-position: 0px -2297px; } .details.advanced { width: 45px; height: 23px; margin-top: -5px; float: right; background-position: 0px -2323px; } .details.closed { width: 24px; height: 28px; margin-top: -5px; float: right; background-position: 0px -3122px; } .details.registrationOpen { width: 26px; height: 30px; margin-top: -5px; float: right; background-position: 0px -3216px; } .details.registrationClose { width: 26px; height: 30px; margin-top: -5px; float: right; background-position: 0px -3182px; } /*about Container*/ .aboutUs ul { margin: 0px; padding: 0px; list-style: none; } .aboutUs .adminCtrls { position: absolute; top: 0; right: 0; } .aboutUs .adminCtrls a { font-size: 18px; color: #f60; } .aboutUs .modelPopUp ul li { margin-top: 10px; } .aboutUs .modelPopUp ul li .left { width: 150px; text-align: right; display: inline-block; float: left; margin-right: 10px; } .aboutCntr { width: 100%; overflow: hidden; } /*.aboutCntr p{ font-size: 19px; color: #484848; line-height: 30px; text-align: center; margin: 0px; padding: 10px 0px; }*/ .aboutCntr h3 { border-bottom: 1px solid #3a76b9; color: #3a76b9; display: table; text-transform:uppercase; font-size: 36px; margin: 0 auto; padding: 0; } /*MemberList*/ ul.ourteamBox { margin: 20px 0px; padding: 0px; width: 100%; list-style: none; } ul.ourteamBox li { float: left; margin: 0px 8px 40px 8px; width: 240px; height: 240px; position: relative; text-align:center;} ul.ourteamBox li img { float: left; width: 240px; height: 240px; border:1px solid #cccccc42;} /*ul.ourteamBox li:hover .delete{display:block;}*/ ul.ourteamBox li .delete { color: #fff; font-size: 15px; font-weight: bold; border-radius: 21px; background-color: red; padding: 0px; width: 20px; height: 20px; display: inline-block; border: 0px; } ul.ourteamBox li .name { width: 240px; height: 52px; font-size: 17px; color: #fff; line-height: 19px; display: block; text-align: center; text-transform: uppercase; background: rgba(5, 5, 5, 0.6); position: absolute; left: 0px; bottom: 0px; padding-top: 10px; } ul.ourteamBox li .positionC { display: block; line-height: 33px; font-size: 16px; overflow: hidden; color: #ffbb00; } a.commonBtn { border: none; cursor: pointer; display: block; color: #fff; font-size: 15px; padding: 3px 35px 0px 12px; height: 23px; line-height: 19px; background: #4590c6 url(/Images/CareerAdvice/commonBTn.png) right top no-repeat; } .formBtn { border: none; float: left; cursor: pointer; display: block; font-family: 'Roboto', sans-serif; color: #fff; font-size: 13px; padding: 3px 17px 0px 35px; margin-right: 10px; height: 22px; background: #4590c6 url(/images/csharp/iconSpritImage_20160921.png) 0px -3299px no-repeat; } .formBtn.back { background-position: 0px -5069px; } .formBtn.submit { background-position: 0px -5097px; } .formBtn.reset { background-position: 0px -5151px; } /*ebook*/ .description { text-align: left; color: #333333; padding: 8px 0px 0px 0px; line-height: 18px; } .description p { margin: 0px; padding: 0px; } .postnewbook { font-size: 18px; color: #fff; text-decoration: none; background: #0086dc url(/images/csharp/iconSpritImage_20160921.png) 180px -3299px no-repeat; display: block; width: 210px; padding: 0px 0px 0px 15px; text-align: left; height: 40px; line-height: 37px; margin: 10px auto 0; } .postnewdownload { font-size: 15px; color: #fff; text-decoration: none; background: #0086dc url(/images/csharp/iconSpritImage_20160921.png) 170px -3356px no-repeat; display: block; width: 182px; padding: 0px 0px 0px 15px; text-align: left; height: 25px; line-height: 22px; margin: 10px auto 0px; } h2.headerControls { margin: 0; padding: 0; height: 30px; line-height: 30px; font-size: 22px;color: #212121; font-weight: normal; text-transform: uppercase; clear: both; } h2.headerControlsContent { margin: 0; padding: 0; border-bottom: 1px solid #c3c3c3; height: 30px; line-height: 30px; font-size: 26px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; color: #555; font-weight: normal; text-transform: uppercase; clear: both; } .orangeDownloadBTn { background: #0086dc url(/images/csharp/iconSpritImage_20160921.png) 119px -3356px no-repeat; font-size: 12px; color: #fff; float: right; text-transform: uppercase; text-decoration: none; display: block; padding: 0px 34px 0px 10px; margin-top: 6px; height: 25px; line-height: 25px; } /*Use header comment section*/ .commentHeader { position: relative; overflow: hidden; } .commentHeader .commentPaging { position: absolute; right: 9px; top: 0; } .commentHeader .commentPaging .commentpage { float: right; height: 33px; line-height: 33px; font-size: 16px; color: #fff; background: #ffbb00; padding: 0 10px; } .commentHeader .commentPaging .previousComments { float: right; padding: 0 10px; background: #0086dc; height: 33px; line-height: 33px; font-size: 16px; color: #fff; } .commentHeader h2.headerControls { border: none; } /*Download Detail*/ .downloadDetail { width: 674px; position: relative; margin-top: 22px; } .downloadDetail .left { width: 340px; float: left; } .downloadDetail .right { float: right; } .downloadDetail ul { margin: 15px 0 0 0; padding: 0; } .downloadDetail li { width: 100%; padding-bottom: 20px; list-style: none; line-height: 36px; font-size: 20px; color: #4a4a4a; } .downloadDetail li span.ebookInfoIcon { width: 36px; height: 36px; float: left; margin-right: 8px; display: block; } .downloadDetail li span.pagesIcon { background-position: 0 -3628px; } .downloadDetail li span.downloadIcon { background-position: 0 -3682px; } .downloadDetail li span.pdfIcon { background-position: 0 -3738px; } .downloadDetail li span.sizeIcon { background-position: 0 -4250px; } a.DownloadBTnDetail { background: #48b960; color: #fff; display: inline-block; font-size: 20px; height: 43px; line-height: 43px; padding: 0 60px 0 15px; margin-top: 10px; text-decoration: none; position: relative; } a.DownloadBTnDetail span { position: absolute; right: 0px; top: 0px; width: 45px; height: 43px; display: block; background-position: 0 -3805px; } .heading { font-size: 22px; color: #0070bf; padding-bottom: 6px; } .sliderBox { width: 676px; height: 121px; position: relative; } .slider { width: 600px; margin: 0 0 0 38px !important; height: 130px; overflow: hidden; } .slider ul { list-style: none; width: 600px !important; overflow: hidden; margin: 0px; padding: 0; } .slider li { width: 106px; float: left; text-align: center; margin: 0 20px 0 20px; } .slider li div { width: 100%; float: left; } .slider li .bookTitleSlider { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slider li a { color: #666; text-transform: capitalize; position: relative; } .slider li a:hover { color: #01a821; } .slider li img { float: left; margin: 0 0 8px 15px; border: 1px solid #ffbb00; } .sliderBox .next { position: absolute; right: 0px; top: 26px; width: 46px; height: 46px; display: block; } .sliderBox .next span { background-position: 0 -4070px; display: block; width: 46px; height: 46px; } .sliderBox .next:hover span { background-position: 0 -4154px } .sliderBox .prev { position: absolute; left: 0px; top: 26px; width: 46px; height: 46px; display: block; } .sliderBox .prev span { background-position: 0 -3889px; display: block; width: 46px; height: 46px; } .sliderBox .prev:hover span { background-position: 0 -3980px } /*ebook use style*/ ul.ebookList { width: 100%; overflow: hidden; position: relative; } ul.ebookList:after { content: ""; width: 100%; display: block; height: 6px; position: absolute; bottom: 0; background: #fff; } ul.ebookList li { width: 323px; height: 195px; float: left; margin-right: 30px; border-bottom: 1px solid #FAAC78; color: #333333; } ul.ebookList li:nth-child(even) { margin-right: 0px; } ul.ebookList li h3, ul.ebookList li h3 a { font-size: 16px; color: #0086dc; margin: 0px; padding: 0px 0px 5px 0px; font-weight: normal; } .EbookDefaultTitle { font-size: 16px; } ul.ebookList li img { float: right; } ul.ebookList li .row { padding: 2px 0px; } ul.ebookList li .row span { color: #999999; } ul.ebookList li p { color: #4f4f4f; width: 100%; overflow: hidden; margin: 0px; padding: 5px 0px 0px 0px; line-height: 20px; } /*.downloadBtn{color: #FFFFFF; display: block; float:left; font-size: 12px; height: 25px; line-height: 25px; margin-top: 6px; padding: 0 34px 0 10px; text-decoration: none; text-transform: uppercase; background:#0086DC url(/images/csharp/iconSpritImage_20160921.png) 80px -3356px no-repeat;}*/ .downloadBtn { background: url("/images/csharp/iconSpritImage_20160921.png") no-repeat scroll 85px -3356px #0086dc; color: #fff; display: block; float: left; font-size: 12px; height: 25px; line-height: 25px; margin-top: 6px; padding: 0 34px 0 10px; text-decoration: none; text-transform: uppercase; width: 68px; } .categoriesFilter { width: 257px; height: 35px; float: right; position: absolute; right: 3px; top: 16px; } .categoriesFilter span { font-size: 13px; color: #333; float: left; padding: 1px 5px 3px 0px; } .ebookRSS { top: 16px; } .bookTab { list-style: none; margin: 0; padding: 7px 0 0 0; float: left; border: none !important; } .bookTab label, .radioList label { float: left; padding: 7px 0 0 0; font-size: 16px; color: #666; margin-right: 10px; cursor: pointer; border: none; font-family: 'Titillium Web', sans-serif;} ul.topMember { overflow: hidden; width: 260px; margin: 10px; padding: 0; float: left; } ul.topMember li { display: block; width: 100%; overflow: hidden; } ul.topMember li .image90 { border: 1px solid #d7d7d7; display: block; height: 88px; width: 88px; padding: 5px; float: left; margin-top: 4px; } ul.topMember li .right { width: 155px; float: right; } ul.topMember li .right h2 { margin: 0; padding: 0; } ul.topMember li .right h2 a { color: #333; font-size: 20px; font-weight: normal; } ul.topMember li .right h2 a:hover { color: #01a821; } ul.topMember li p { margin: 3px 0 0 0; padding: 5px 0; color: #787878; border-top: 1px solid #d7d7d7; line-height: 16px; font-size: 13px; } .articleDownload { display: inline-block; width: 25px; height: 25px; background-position: 0px -3491px; float: left; margin-right: 5px; margin-top: -5px; } .articleExtension { display: inline-block; width: 16px; height: 16px; background-position: 0px -3681px; float: left; margin-right: 5px; } .myAccountCenterWithoutRight {width: calc(100% - 194px);padding: 0px 0 0 5px;float: left;} .myAccountCenterWithoutRight .arrangeBy { position: absolute; top: 20px; right: 0px; padding: 10px; z-index: 99; background: #fff; border: 1px solid black; display: none; } .myAccountCenterWithoutRight .arrangeBy ul { margin: 0px; padding: 0px; } .myAccountCenterWithoutRight .arrangeBy ul li { list-style: none; } .myAccountCenterWithoutRight .arrangeBy ul li a { font-size: 15px; line-height: 20px; display: block; color: #8d8d8d; padding-left: 10px; } .myAccountCenterWithoutRight .arrangeBy ul li a.asc { background: url(/images/csharp/arrow_up.png) no-repeat 0px 6px; } .myAccountCenterWithoutRight .arrangeBy ul li a.desc { background: url(/images/csharp/arrow_down.png) no-repeat 0px 6px; } .myAccountCenterWithoutRight .arrangeBy ul li a:hover { color: Black; } .myAccountCenterWithoutRight h2, .myAccountMain .myAccountCenter h2.normal { color: #727272; font-size: 20px; font-weight: normal; height: 30px; line-height: 30px; margin: 0 0 10px 0 ; padding: 0; text-transform: uppercase; float: left; background: none; border: none; } .myAccountGridCntr { display: block; border: 1px solid #dedede; padding: 0px; margin: 0px 0 10px 0; } .myAccountGridCntr .gridHeader { padding: 10px 0 10px 10px; margin: 0px; color: #424242; font-size: 16px; background-color: #f6f6f6; overflow: hidden; position: relative; } .payadvertise .myAccountGridCntr .gridHeader { padding: 10px 0 10px 10px; margin: 0px; color: #ffffff; font-size: 16px; background-color: #3a76b9; overflow: hidden; position: relative; } .myAccountGridCntr span { display: block; float: left; } .myAccountGridCntr .col1 { width: 250px; margin-right: 10px; float: left; } .myAccountGridCntr .col1.col1_blog { width: 378px; } .myAccountGridCntr .BugTitle { width: 320px; } .myAccountGridCntr .col1.col1_resource { width: 505px; } .myAccountGridCntr .col2 { width: 120px; margin-right: 10px; } .myAccountGridCntr .col3 { width: 85px; margin-right: 10px; } .myAccountGridCntr .col4 { width: 76px; margin-right: 10px; text-align: center; } .myAccountGridCntr .sorting a{color:#424242} .myAccountGridCntr .sorting a:hover{color:#0086dc} /*For add*/ .links-container .add-more,.remove-it{margin: 0;padding: 0;float: left;vertical-align: middle;margin-top: 30px;margin-left: -60px;color: #0086DC;} .links-container .remove-it{color:red;margin-top:10px;} /*MyAccount: MyEvents*/ #MyEventsList .col-title{width:62%;} #MyEventsList .col-date{width:100px; padding-left:5px;} .tab-container { background: #efb62a; float: left; width: 100%; margin-top: 1px;} .tab-container ul { list-style: none; margin: 0; padding: 0; } .tab-container li { float: left; margin:4px 4px 0 } .tab-container li + li{margin-left:0} .tab-container li a { display: block; color: #fff; font-size: 16px; text-decoration: none; padding: 8px 18px; margin: 0 2px 0 0; } .tab-container li a:hover, .tab-container li a.active { background: #fff; color: #0086dc; } .tab-container li a:hover, .tab-container li a.active {color:#333;} @media only screen and (max-width:440px) { .myAccountGridCntr .col4 { text-align: left; } } .myAccountGridCntr .col5 { width: 110px !important; margin-right: 10px; text-align: center; } .myAccountGridCntr .col6 { width: 60px; margin-right: 10px; text-align: center; } .myAccountGridCntr .col7 { width: 39px !important; margin-right: 0px; text-align: center; } .myAccountGridCntr .col8 { width: 180px; } .myAccountGridCntr .col1.col1_3 { width: 635px; } .myAccountGridCntr .col1.col1_6 { width: 390px; } .myAccountGridCntr .col1.col1_4 { width: 575px; } .myAccountGridCntr .col1.col1_44 { width: 316px; } .myAccountGridCntr .col1.col1_5 { width: 516px; } .myAccountGridCntr .col1.col1_7 { width: 388px; } .myAccountGridCntr .col1.col1_8 { width: 466px; } .myAccountGridCntr .col1.col1_award { width: 405px; margin-right: 15px; } .myAccountGridCntr .col1.col1-news-title { width: 410px; } @media only screen and (max-width:840px) { .myAccountGridCntr .col1.col1-news-title { width: 330px; } } .myAccountGridCntr .col1.col1-wide-title { width: 480px; } .myAccountGridCntr .col_tag { width: 191px; margin-right: 10px; float: left; } .myAccountGridCntr .small_column { width: 50px; margin-right: 10px; float: left; } .myAccountGridCntr a.col4 { width: 76px !important; } .myAccountGridCntr a.col6 { width: 60px !important; } .myAccountGridCntr .gridListConatiner, .myAccountGridCntr .friendListConatiner { margin: 0px; padding: 0px 0 0 0px; overflow: hidden; } .myAccountGridCntr .gridListConatiner li { list-style: none; padding: 10px 0 6px 10px; margin: 0px; line-height: 22px; display: block; border-top: 1px solid #dedede; overflow: hidden; } .myAccountGridCntr .gridListConatiner li:nth-child(even) { background: #fafafa; } .myAccountGridCntr .gridListConatiner li a { color: #0086dc; font-size: 16px; float: left; word-break: break-word; } .modelPopUp .BugImageDownload { color: #0086dc; font-size: 14px; float: left; word-break: break-word; } .myAccountGridCntr .gridListConatiner li .articleStatus {/*background:url(../images/tick.PNG) no-repeat center top;*/ } .myAccountGridCntr .gridListConatiner li .articleEdit { background: url(/images/csharp/edit_my_ac.PNG) no-repeat center top; height: 22px; width: 22px; } .myAccountGridCntr .gridListConatiner li .deleteArticle { background: url(/images/csharp/trash.PNG) no-repeat center top; width: 18px; height: 20px; } .myAccountGridCntr .gridListConatiner li span { font-size: 14px; color: #747474; float: left; display: block; } .ArticleFooter { width: 100%; text-align: center; } .ArticleFooter p { font-size: 16px; color: #747474; float: left; margin: 0px; padding: 0px; } .ArticleFooter p a { color: #ffbb00; } .ArticleFooter .pageTab { display: inline-block; width: auto; margin: 0 0 0 30px; padding: 0; } .ArticleFooter .pageTab li { float: left; list-style: none; width: auto; padding: 0; } .ArticleFooter .pageTab li:empty { display: none; } .ArticleFooter .pageTab li a { color: #313131; min-width: 10px; display: block; line-height: 28px; text-align: center; border: 1px solid #313131; margin-left: 10px; padding: 0 10px; } .ArticleFooter .pageTab li a.active, .ArticleFooter .pageTab li a:hover { color: #fff; border: 1px solid #ffbb00; background: #ffbb00; } .ArticleFooter .pageTab li a[disabled="disabled"], .ArticleFooter .pageTab li a[disabled="disabled"]:hover { cursor: default; color: #959595; border: 1px solid #959595; background: #fff; } .ArticleFooter .margin-top-left { margin: 7px 1px 0 7px; } /*It's for Linkbutton*/ .ArticleFooter .pageTab li a.aspNetDisabled.active, .ArticleFooter .pageTab li a.aspNetDisabled.active:hover { color: #fff; border: 1px solid #efb62a; background: #efb62a; } .ArticleFooter .pageTab li a.aspNetDisabled, .ArticleFooter .pageTab li a.aspNetDisabled:hover { cursor: default; color: #313131; border: 1px solid #313131; background: #fff; } .ArticleFooter .pageTab li a.active, .ArticleFooter .pageTab li a:hover { color: #fff; border: 1px solid #efb62a; background: #efb62a; } .myFriendGridCntr { border: none; } .myAccountGridCntr .friendListConatiner li { list-style: none; width: 385px; margin: 0 10px 10px 0; padding: 10px 45px 10px 10px; position: relative; float: left; border: 1px solid #ECECEC; } .myAccountGridCntr .friendListConatiner li:nth-child(even) { margin-right: 0px; } .myAccountGridCntr .friendListConatiner .friendInfo img { width: 80px; height: 80px; margin-right: 15px; float: left; border-radius: 50%; } .myAccountGridCntr .friendListConatiner .userNmae { margin: 0 0 0 0; font-size: 17px; font-weight: normal; } .myAccountGridCntr .friendListConatiner a.name { font-size: 17px; } .myAccountGridCntr .friendListConatiner .FriendDelete { text-indent: -9999px; background: url(/images/csharp/trash.PNG) no-repeat center top; position: absolute; bottom: 20px; right: 20px; width: 20px; height: 20px; } .myAccountGridCntr .friendListConatiner p { margin: 0px; padding: 0px; display: block; font-size: 14px; } .myAccountGridCntr .friendListConatiner .activityFriend { margin: 10px 0 0 0px; padding: 0px; } .myAccountGridCntr .friendListConatiner .actBtn, .actBtn { margin-right: 10px; padding: 5px 12px; display: inline-block; cursor: pointer; border: none; background: #48b960; font-size: 14px; color: #ffffff; } .myAccountGridCntr .friendListConatiner .reject { margin-right: 10px; padding: 5px 12px; display: inline-block; border: none; cursor: pointer; background: #D13C3C; font-size: 14px; color: #ffffff; } .myAccountGridCntr .gridListConatiner li .leftSection { display: block; float: left; } .myAccountGridCntr .gridListConatiner li .leftSection .title, .myAccountGridCntr .gridListConatiner li .leftSection span { float: none; display: block; } .myAccountGridCntr .gridListConatiner li .leftSection span .userName { float: none; color: #747474; } .myAccountGridCntr .gridListConatiner li .leftSection span .userName:hover { float: none; color: #ffbb00; } .myAccountGridCntr .gridListConatiner li .leftSection p { margin: 0px; padding: 0px; } .myAccountGridCntr .gridListConatiner li .removeBtn { float: right; color: #fff; padding: 1px 8px; border: 1px solid #fff; outline: 2px solid #ffbb00; background: #ffbb00; display: block; margin: 10px 10px 0 0; } .myAccountGridCntr .gridListConatiner li .removeBtn:hover { outline: 2px solid #0086dc; background: #0086dc; } .myAccountGridCntr.bookmarkGridCntr .gridListConatiner li .leftSection h3 { font-weight: normal; margin: 0; font-size: 14px; } .myAccountGridCntr.bookmarkGridCntr .gridListConatiner li .leftSection h3 a { display: inline-block; } .myAccountGridCntr.bookmarkGridCntr .gridListConatiner li .deleteArticle { position: absolute; right: 5px; top: 5px; } .myAccountGridCntr.bookmarkGridCntr .gridListConatiner li { position: relative; padding: 10px 38px 6px 10px; } /*Message page style*/ .msgSearch { width: 100%; overflow: hidden; height: 28px; border: 1px solid #ccc; } .msgSearch input[type="text"] { border: none; width: 150px; height: 20px; padding: 4px; } .msgSearch input[type="submit"] { border: none; width: 14px; height: 14px; cursor: pointer; background: url(/images/csharp/searchIconsmall.png) left top no-repeat; } .composeBtn { font-size: 18px; color: #FFFFFF; display: block; margin: 7px 0px; padding: 4px 0 4px 37px; position: relative; background: #0086DC url(/images/csharp/newMsg.png) 12px 7px no-repeat; } ul.msgListConatiner { list-style: none; margin: 0px; padding: 0px; } ul.msgListConatiner li { list-style: none; padding: 6px 0 6px 10px; margin: 0px; line-height: 22px; display: block; overflow: hidden; border-bottom: 1px solid #F1F1F1; position: relative; } ul.msgListConatiner li span { font-size: 14px; color: #747474; float: left; display: block; } ul.msgListConatiner li.unread span { font-weight: bold; color: #414141; } /*ul.msgListConatiner li.unread span.msgcol3{ color:#0086DC;}*/ ul.msgListConatiner li:last-child { border-bottom: none; } .msgcol1 { width: 30px; margin-right: 10px; float: left; } .msgcol2 { width: 190px; margin-right: 10px; float: left; position: relative; } .msgcol3 { width: 480px; margin-right: 10px; float: left; } .msgcol4 { width: 84px; float: left; } ul.msgListConatiner li a.trashIcon, .gridHeader a.trashIcon { position: absolute; right: 10px; top: 7px; background: url(/images/csharp/trashIcon.png) no-repeat 0 0; width: 16px; height: 19px; display: none; } ul.msgListConatiner li a.trashIcon { left: 214px !important; } .gridHeader a.trashIcon { display: block; top: 2px; display: none; } ul.msgListConatiner li:hover a.trashIcon:hover, .gridHeader a.trashIcon:hover { background: url(/images/csharp/trashIcon_hover.png) no-repeat 0 0; } ul.msgListConatiner li:hover a.trashIcon { display: block; } ul.msgListConatiner li:hover { background: #fafafa; } .formRow { width: 100%; overflow: hidden; padding: 5px 0px; } .formRow .label { float: left; width: 50px; padding: 5px 10px 0px 0px; } #SendMessageBox textarea.box-style { width: 600px; height: 250px; font-family: 'Roboto', sans-serif; border: solid 1px #ccc; line-height: 20px; color: #333; font-size: 14px; padding: 5px; } .actionBtn { padding: 7px; margin: 0px; background: #ECECEC; overflow: hidden; } .actionBtn ul { list-style: none; } .actionBtn li { list-style: none; float: left; margin: 0px 10px 0px 0px; } .actionBtn li a { float: left; width: 24px; height: 24px; display: block; text-indent: -99999px; margin: 0px 5px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -3750px no-repeat; } .actionBtn li a.delete { width: 21px; height: 26px; background-position: 0px -3935px; } .actionBtn li a.reply { width: 23px; height: 23px; background-position: 0px -3777px; } .actionBtn li a.next { width: 21px; height: 21px; background-position: 0px -3806px; } .actionBtn li a.prev { width: 21px; height: 21px; background-position: 0px -3831px; } .subject { display: block; border-bottom: 1px solid #e3e3e3; font-size: 26px; color: #666565; font-weight: lighter; margin: 0px; padding: 0px 0px 5px 0px; } .senderDetail { font-size: 18px; color: #666565; padding: 15px 0px 0px 0px; overflow: hidden; } .senderDetail a { font-size: 18px; color: #0086dc; text-decoration: none; } .timeDetail { float: right; font-size: 14px; color: #999898; } .msgcontent { overflow: hidden; color: #333; font-size: 16px; } .msgcontent h5 { font-size: 16px; color: #3c3c3c; padding: 10px 0px 0px 10px; margin: 0px; } .msgcontent p { font-size: 14px; color: #4d4d4d; line-height: 24px; } .required { color: Red; display: table-cell; } .GrayBox { background: #F5F5F5; overflow: hidden; padding: 10px; margin-bottom: 10px; } ul.articleFeaturedList { overflow: hidden; margin: 0px; padding: 0px; border-top: 1px solid #d7d7d7; } ul.articleFeaturedList li { display: block; float: left; width: 318px; padding: 10px 0px; } ul.articleFeaturedList li h3 { font-weight: normal; margin: 0; padding: 0; } ul.articleFeaturedList li h3 a { color: #333333; font-size: 16px; word-wrap: break-word; } ul.articleFeaturedList li p { color: #8D8D8D; float: left; font-size: 15px; line-height: 20px; padding: 0px 0px 10px 0px; margin: 0px; width: 100%; min-height: 80px; word-wrap: break-word; } ul.articleFeaturedList li img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #DFDFDF; width: 75px; height: 75px; } ul.articleFeaturedList li .featured { background: url(/images/csharp/featured_star.png) no-repeat 100% 3px; height: 18px; display: inline-block; padding-right: 15px; } ul.articleFeaturedList .countRow { width: 100%; border-bottom: 1px dashed #ccc; padding: 6px 0px; overflow: hidden; } ul.articleFeaturedList .countRow .col_1 { width: 33%; float: left; } ul.articleFeaturedList .countRow .count { font-size: 24px; font-family: agencyfbregular; color: #555555; display: block; text-align: center; } ul.articleFeaturedList .countRow .name { font-size: 14px; color: #7f7f7f; display: block; text-align: center; } ul.articleFeaturedList li:nth-child(odd) { margin-right: 40px; } /*conversionCntr container*/ .conversionBox { width: 100%; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; position: relative; } .conversionHeader { background: #fbfbfb; padding: 12px 15px 12px 33px; overflow: hidden; } /*.conversionBox h3{ margin:0px; padding:0px;}*/ .conversionBox h3 a { font-size: 16px; color: #545454; text-decoration: none; font-weight: normal; } .conversionHeader p { font-size: 15px; color: #ffbb00; padding: 5px 0px 0px 0px; margin: 0px; line-height: 20px; } .conversionHeader .action { float: right; margin-right: 15px; } ul.conversion { overflow: hidden; margin: 0px; padding: 5px 15px 15px 28px; } ul.conversion li { display: block; overflow: hidden; padding-top: 10px; } ul.conversion li .detail { width: 814px; margin: 0px 20px; float: left; background: #f0f9fe; padding: 8px 10px 5px 10px; position: relative; } ul.conversion li .detail.issulog { width: 622px; } ul.conversion li .detail p { font-size: 14px; color: #8d8d8d; margin: 0px; padding: 5px 0px 0px 0px; min-height: 38px; } ul.conversion li .imageLeft { float: left; margin: 5px 0px 0px 0px; height: 51px; width: 51px; border-radius: 50%; } ul.conversion li.alternate .imageLeft { float: right; } ul.conversion li.alternate .detail { background: #f4f4f4; float: right; } ul.conversion li.alternate .senderArrow { right: -18px; left: inherit; background: url(/images/csharp/grayChatarrow.png) left top no-repeat; } ul.conversion .action { float: right; margin: 0px; } ul.conversion a.editsmall { width: 20px; margin: 4px 5px 0px 0px; height: 20px; display: block; float: left; text-indent: -9999px; background: url(/images/csharp/editforchat.png) -2px -28px no-repeat; } ul.conversion a.deletesmall { width: 20px; height: 20px; display: block; float: left; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) left -3705px no-repeat; } ul.conversion a.editsmall:hover { background-position: -2px -49px; } ul.conversion a.deletesmall:hover { background-position: 0px -3726px; } ul.conversion li .senderArrow { width: 18px; height: 34px; display: block; position: absolute; left: -18px; top: 18px; background: url(/images/csharp/blueArrow.png) left top no-repeat; } .bottomDiv { overflow: hidden; margin: 0px 0px 0px 102px; } .chatTextBox { border: 1px solid #dcdcdc; padding: 6px 15px; font-size: 14px; color: #7d7d7d; float: left; width: 706px; height: 36px; } .sendBtn { background: #ffbb00; font-size: 18px; color: #fff; text-transform: uppercase; padding: 13px; border: none; cursor: pointer; } .dateTime { display: block; font-size: 14px; padding-bottom: 3px; text-align: center; } /*Current style*/ .editorial { overflow: hidden; font-size: 15px; padding: 0px 0px 10px 0px; } .HeadingAr { color: #2f2e2e; font-size: 40px; text-transform: uppercase; display: block; margin: 0px; font-weight: normal; padding: 2px 5px 2px 0; } .editorial .image90 { width: 88px; height: 88px; margin-right: 10px; display: block; border: 1px solid #d7d7d7 !important; } .editorial h2 a, .editorial h2 { margin: 0; color: #2f2e2e; font-size: 28px; font-weight: normal; line-height: 28px; margin-bottom: 5px; } .editorial p { margin: 0px; padding: 5px 0px; border-top: 1px solid #EBEBEB; margin-top: 5px; } .editorial .detail { overflow: hidden; } .HeadingAr .featured { background: url(/images/csharp/iconSpritImage_20160921.png) 0px -4189px no-repeat; height: 34px; width: 50px; display: block; margin-left: 5px; float: left; } ul.issuLogListing, ul.issulogChatCntr { width: 100%; margin: 0px; padding: 0px; } ul.issuLogListing li { display: block; padding: 15px 0px; border-bottom: 1px solid #f2f2f2; width: 100%; float: left; } ul.issuLogListing li h3, ul.issulogChatCntr li h3, .conversionBox h3 { color: #474545; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; } ul.issuLogListing li h3 a { color: #474545; } ul.issuLogListing li p, ul.issulogChatCntr li .rightDetail p { font-size: 14px; color: #6a6a6a; line-height: 18px; margin: 0px; padding: 0px; } ul.issuLogListing .image { float: left; margin: 3px 10px 0px 0px; } ul.issuLogListing .cal_2 { overflow: hidden; width: 670px; float: left; } ul.issuLogListing .cal_3 { float: left; width: 80px; position: relative; } .issulogIcon { width: 34px; height: 34px; display: block; text-indent: -99999px; margin: 0px 2px; float: left; background: url(/images/csharp/issuelog/conversionIcon.png) left top no-repeat } .issulogIcon.open { background-position: 0px -201px; } .issulogIcon.inprocess { background-position: 0px -159px; } .issulogIcon.resolved { background-position: 0px -80px; } .issulogIcon.closed { background-position: 0px -240px; } .issulogIcon.edit { background-position: 0px 0px; } .issulogIcon.delete { background-position: 0px -40px; } .dateTime { display: block; font-size: 14px; padding-bottom: 3px; text-align: center; } /*issu log*/ .statusDropdown { list-style: none; background: #FFFFFF; border: 1px solid #CCCCCC; display: none; padding-bottom: 5px; position: absolute; right: 6px; top: 40px; width: 120px; z-index: 9; } .statusDropdown a { display: block; padding: 3px 0 3px 10px; text-decoration: none; color: #666666; } .statusDropdown a:hover { background: #ffbb00; color: #fff; } .statusShow { background: url(/images/csharp/issuelog/activityArrow.png) left top no-repeat; display: block; height: 22px; position: absolute; right: 6px; top: 18px; width: 19px; z-index: 8; } .statusShow:hover, .statusShow.active { background-position: 0px -44px; cursor: pointer; } .Padding4 { padding: 4px !important; } .dateInput { width: 90px; background: #ffbb00; border: 1px solid #ffbb00; color: #FFF; } .dateInput::-webkit-input-placeholder { color: #fff; } .dateInput:-moz-placeholder {/* Firefox 18- */ color: #fff; } .dateInput::-moz-placeholder {/* Firefox 19+ */ color: #fff; } .dateInput:-ms-input-placeholder { color: #fff; } .dateHighlight { background: #efb62a2b; padding: 7px 10px 10px 10px; border: 1px solid #FFD5BB; } /*Voting start here*/ ul.articleFeaturedList li { position: relative; } ul.articleFeaturedList .votingBtn { width: 75px; margin: 0 10px 10px 0; text-align: center; display: block; float: left; background: #FF641B; } ul.articleFeaturedList .votingBtn a { font-size: 14px; color: #fff; padding: 10px 0px; display: block; text-transform: uppercase; } ul.articleFeaturedList .votingBtn a.count { display: block; font-family: agencyfbregular; font-size: 22px; background: #4c4c4c; } ul.articleFeaturedList .votingBtn a.count { display: block; padding: 9px 5px; white-space: pre-line; z-index: 98; text-align: center; width: auto; font-size: 13px; } ul.articleFeaturedList .votingBtn a.count:hover:after { background: rgba(0, 0, 0, .8); top: 52px; position: absolute; left: 80px; color: #fff; content: attr(area); padding: 5px; text-align: left; z-index: 98; font-size: 13px; } ul.articleFeaturedList .votingBtn a.count:hover:before { border: solid; border-color: transparent rgba(0, 0, 0, .8) transparent; border-width: 6px 6px 6px 0px; top: 60px; content: ""; left: 74px; position: absolute; z-index: 99; } ul.articleFeaturedList .votingBtn a:hover { background: #0086dc; color: #fff; } .hightlight { background: #e2f4fe !important; } /*Voting ends*/ input[type="submit"]:disabled { cursor: default; opacity: 0.5; } /*Mentions starts Used for Comment and my acocunt textarea*/ .mentions-input-box .mentions-autocomplete-list { display: none; background: #fff; border: 1px solid #b2b2b2; position: absolute; left: 0; right: 0; z-index: 999; } .mentions-input-box .mentions-autocomplete-list ul { margin: 0; padding: 0; } .mentions-input-box .mentions-autocomplete-list li { background-color: #fff; padding: 0 5px; margin: 0; width: auto; border-bottom: 1px solid #eee; line-height: 35px; overflow: hidden; cursor: pointer; list-style: none; white-space: nowrap; } .mentions-input-box .mentions-autocomplete-list li > img, .mentions-input-box .mentions-autocomplete-list li > div.icon { width: 35px; height: 35px; float: left; margin-top: 5px; margin-right: 5px; } .mentions-input-box .mentions-autocomplete-list li:hover, .mentions-input-box .mentions-autocomplete-list li.active { background-color: #f2f2f2; } .mentions-input-box { position: relative; } .commentcontent .mentions-input-box textarea, .mentions-input-box .mentions > div, .mentions-input-box { font-family: 'pt_sansregular'; font-size: 14px; min-height: 38px; } .mentions-input-box textarea { background: none repeat scroll 0 0 transparent; border: 1px solid #dcdcdc; box-sizing: border-box; display: block; outline: 0 none; overflow: hidden; padding: 5px; position: relative; resize: none; width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; color: #8B8B8B; min-height: 38px; } .mentions-input-box .mentions { bottom: 0; color: #fff; left: 1px; overflow: hidden; padding: 5px; position: absolute; right: 0; top: 1px; white-space: pre-wrap; word-wrap: break-word; background: #fff; } .mentions-input-box .mentions > div { color: #fff; white-space: pre-wrap; } .mentions-input-box .mentions > div > strong { background: none repeat scroll 0 0 #d8dfea; font-weight: normal; } /*Mentions end*/ .commentcontentPost { overflow: inherit; max-width: 586px; width: calc(100% - 75px); -webkit-width: calc(100% - 75px); float: left; } .rightBarSlide, .menuButton, .footerSlide, .recentactivityBoxSelect, .responsive_footer { display: none; } /* Category for responsive */ .categoryListing { padding: 0px; margin: 0px; } .categoryListing li { list-style: none; float: left; text-align: left; width: 33.33%; margin: 10px 0 0 0; line-height: 22px; } /* Category for responsive Ends*/ ul.detailPageAction { width: 380px; } ul.counterIcons { width: 280px; float: right; } .ebookRSS { position: absolute; right: 5px; top: 14px; } /*ExamUlListing*/ ul.examUlListing { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; } ul.examUlListing li { display: block; padding: 2px 0px 2px 10px; background: url(/images/csharp/BulletOrange.gif) left 8px no-repeat; } /* Scroll issue resolved */ iframe { right: 0; } .featured_articles_filter { margin: 5px 10px 5px 0px; float: right; } /* UnSubscribe page */ .Unsubscribe { font-size: 35px; color: #0086dc; margin-top: 160px; display: block; } /*Author Control CSS New*/ .auther_bio { border-top: 1px dashed #dee2e7; display: block; overflow: hidden; padding: 18px 0; position: relative; width: 100%; } .auther_bio .image { display: block; float: left; margin-right: 20px; overflow: hidden; } .auther_bio .image img { border-radius: 50%; height: 100px; width: 100px; } .auther_bio .userName { color: #f60; font-family: BebasNeueRegular; font-size: 26px; padding: 0; margin-right: 4px; } .auther_bio .description { color: #525252; font-size: 15px; font-weight: 400; line-height: 22px; margin: 6px 0 10px; } .auther_bio ul.social { display: block; margin: 0; padding: 0; position: absolute; right: 0; top: 12px; } .auther_bio ul.social li { display: block; float: left; list-style: outside none none; } .auther_bio ul.social li a { background: url("/images/csharp/author_social_20160921.png") no-repeat scroll 10px 8px #3b5998; display: block; height: 32px; line-height: 28px; margin-left: 10px; position: relative; text-indent: -9999px; width: 32px; } .auther_bio ul.social li a.notSet { background-color: #d8d8d8 !important; } .auther_bio ul.social li.twitter a { background: url("/images/csharp/author_social_20160921.png") no-repeat scroll 10px -33px #00b9ff; } .auther_bio ul.social li.linkedIn a { background: url("/images/csharp/author_social_20160921.png") no-repeat scroll 10px -70px #007bb6; } .auther_bio ul.social li.message a { background: url("/images/csharp/author_social_20160921.png") no-repeat scroll 8px -108px #ff6919; } .auther_bio .autherIcons { margin: 13px 0 0; overflow: hidden; width: 100%; } .auther_bio .autherIcons ul { display: table-row; list-style: outside none none; margin: 0; overflow: hidden; padding: 0; text-align: center; } .auther_bio .autherIcons li { box-sizing: border-box; display: inline-block; height: 58px; position: relative; text-align: center; vertical-align: middle; float: left; } .auther_bio .autherIcons li.li_1 { padding: 1px 15px 0 55px; text-align: center; } .auther_bio .autherIcons li.li_2 { padding: 0 15px 0 66px; text-align: center; } .auther_bio .autherIcons li.li_3 { padding: 0 15px 0 77px; text-align: center; } .auther_bio .autherIcons li.notSet a { opacity: 0.4; } .auther_bio .autherIcons li.notSet .count, .auther_bio .autherIcons li.notSet .text { display: none; } .auther_bio .autherIcons li.li_4 { padding: 15px 15px 0 48px; text-align: center; } .auther_bio .autherIcons li.li_5 { padding: 0 15px 0 55px; text-align: center; } .auther_bio .autherIcons li:last-child { border-right: medium none; } .auther_bio .autherIcons li .rank { background: url("/images/csharp/author_add_icons_31122014.png") no-repeat scroll -24px 0 rgba(0, 0, 0, 0); display: block; height: 46px; left: 11px; position: absolute; top: 0; width: 42px; } .auther_bio .autherIcons li .reader { background: url("/images/csharp/author_add_icons_31122014.png") no-repeat scroll -21px -58px rgba(0, 0, 0, 0); display: block; height: 48px; left: 11px; position: absolute; top: 0; width: 50px; } .auther_bio .autherIcons li .csharpmvp { background: url("/images/csharp/author_add_icons_31122014.png") no-repeat scroll -9px -121px rgba(0, 0, 0, 0); display: block; height: 50px; left: 11px; position: absolute; top: 0; width: 60px; } .auther_bio .autherIcons li.notSet .csharpmvp { background-position: -9px -584px; } .auther_bio .autherIcons li .medal { background: url("/images/csharp/author_add_icons_31122014.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 55px; left: 11px; position: absolute; top: 0; width: 31px; } .auther_bio .autherIcons li .medal.Platinum { background-position: -12px -456px; } .auther_bio .autherIcons li .medal.Gold { background-position: -12px -258px; } .auther_bio .autherIcons li .medal.Silver { background-position: -12px -321px; } .auther_bio .autherIcons li .medal.Bronze { background-position: -12px -391px; } .auther_bio .autherIcons li .medal.Starter { background-position: -12px -521px; } .auther_bio .autherIcons li .microsoftmvp { background: url("/images/csharp/author_add_icons_31122014.png") no-repeat scroll -23px -182px rgba(0, 0, 0, 0); display: block; float: left; height: 57px; left: 11px; margin: 0 10px 0 0; position: absolute; top: 0; width: 38px; } .auther_bio .autherIcons li.notSet .microsoftmvp { background-position: -23px -645px; } .auther_bio .autherIcons .text { font-family: 'proximanova-regular'; color: #b0b0b0; display: block; font-size: 18px; line-height: 15px; text-transform: capitalize; } .auther_bio .autherIcons .li_1 .text { line-height: 19px; } .auther_bio .autherIcons .count { color: #616161; display: block; font-size: 24px; font-family: proximanova-bold; } .auther_bio .autherIcons .count.Platinum { font-family: 'proximanova-regular'; color: #818181; margin-top: -15px; } .auther_bio .autherIcons .count.Gold { font-family: 'proximanova-regular'; color: #c48f47; margin-top: -15px; } .auther_bio .autherIcons .count.Silver { font-family: 'proximanova-regular'; color: #b9b9b9; margin-top: -15px; } .auther_bio .autherIcons .count.Bronze { font-family: 'proximanova-regular'; color: #bf6a3c; margin-top: -15px; } .auther_bio .autherIcons .count.Starter { font-family: 'proximanova-regular'; color: #348ae7; margin-top: -15px; } /*******Award popover*******/ div.award-list-container { text-indent: 0 !important; position: absolute; margin: 0; padding: 4px 0; z-index: 9999; margin: -25px 8px; display: none; cursor: pointer; background-color: #292929; border-radius: 3px; } .CsharpMvp:hover + div.award-list-container, div.award-list-container:hover { display: block; } div.award-list-container ul.list-awards { position: relative } div.award-list-container ul.list-awards:before { content: ""; background: #292929; position: absolute; top: -10px; display: inline-block; width: 12px; height: 12px; transform: rotate(45deg); left: 56px; z-index: -1; } div.award-list-container ul.list-awards li.list-award { text-indent: 0; float: none; margin-left: -36px; font-size: 20px; padding: 3px 19px; cursor: default; } div.award-list-container ul.list-awards li.list-award:hover { color: #ffffff; } /* New Profile Page style here --------------------- */ .profileSprite { background: url(/Images/profileSprit_20161226.png) 0 0 no-repeat; } .box_sizing { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .profile_wrapper { width: 100%; height: 100%; display: block; overflow: hidden; background: transparent; float: left; margin: 0px; text-align: center; } .profile_wrapper .profileLeft { float: left; width: 644px; min-height: 426px; margin-top: 10px; position: relative; } .profile_wrapper .profileRight { float: right; width: 336px; margin-top: 0px; } .profile_wrapper h2.userName { padding: 0px; margin: 0px; display: block; text-transform: uppercase; color: #727272; font-family: BebasNeueRegular; font-weight: lighter; font-size: 36px; } .profile_wrapper h2.userName span, .profile_wrapper h2.userName a { float: left; line-height: 45px; } .profile_wrapper h2.userName a.adminIcon { margin-top: 8px; } .profile_wrapper h2.userName img { float: left; margin: 14px 0px 0px 8px; } .profile_wrapper h3 { margin: 0px 0 3px 0; padding: 0px; font-size: 24px; color: #727272; font-family: BebasNeueRegular; font-weight: lighter; } .profile_wrapper h3 a, .profile_wrapper h3 span { cursor: pointer; color: #727272; } .profile_wrapper h3 span.active { color: #ffbb00; } .main.profile_wrapper .page { background-color: #fff; display: inline-block; text-align: left; padding: 0 15px 15px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .profile_wrapper + .footer { margin-top: 0px; } /* Profile Box style here */ .profile_wrapper .profileBox { width: 100%; display: block; padding: 10px 0px 20px 0px; border-bottom: 1px solid #f0f0f0; position: relative; } .profile_wrapper .profileBoxContent { width: 100%; display: block; padding: 10px 0px 20px 0px; position: relative; } /* Photo Box style here */ .profile_wrapper .userPhotoBox { float: left; display: block; width: 223px; margin-right: 15px; overflow: hidden; position: relative; } .profile_wrapper .userPhotoBox.userprofile { height: auto; } .profile_wrapper .userPhotoBox img { width: 100%; float: left; display: block; height: 223px; width: 223px; } .profile_wrapper .userPhotoBox .companyImage { max-width: 164px; float: left; display: block; max-height: 164px; padding: 0px; border: 1px solid #d7d7d7 !important } .userPhotoBox ul.profile_social { margin: 0; padding: 4px 0px 4px 0px; width: 100%; } /*overflow:hidden; min-height:40px;}*/ ul.profile_social li { float: left; list-style: none; } ul.profile_social li a { width: 40px; height: 40px; margin-right: 10px; background-position: 0 -1017px; text-indent: -9999px; display: block; } ul.profile_social li a.twitter { background-position: 0 -1103px; } ul.profile_social li a.linkedIn { background-position: 0 -1193px; } ul.profile_social li a.googlePlus { background-position: 0 -1283px; } .userPhotoBox ul.userAction { margin: 0; padding: 0; width: 100%; overflow: hidden; position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.6); } .profile_wrapper .userPhotoBox ul.userAction li a { text-indent: -9999px; width: 41px; display: block; height: 48px; padding: padding:0; } .profile_wrapper .userPhotoBox ul.userAction li { padding: padding:padding:0 4px 0 4px; margin-left: 12px; background-position: 0px 4px; float: left; list-style: none; } .profile_wrapper .userPhotoBox ul.userAction li.message { background-position: 0 -75px; } .profile_wrapper .userPhotoBox ul.userAction li.follow { background-position: 0 -253px; } .profile_wrapper .userPhotoBox ul.userAction li:hover { background-position: 0px -440px; } .profile_wrapper .userPhotoBox ul.userAction li.message:hover { background-position: 0 -518px; } .profile_wrapper .userPhotoBox ul.userAction li.follow:hover { background-position: 0 -694px; } /*New Author Social*/ .userPhotoBox ul.userSocilaAction { margin: 0; padding: 0; width: 100%; overflow: hidden; position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, 0.6); padding: 0 12px; text-align-last: justify; box-sizing: border-box; } .profile_wrapper .userPhotoBox ul.userSocilaAction li a { text-indent: -9999px; width: 42px; display: block; height: 48px; padding: 0; } .profile_wrapper .userPhotoBox ul.userSocilaAction li { background-position: 3px -2800px; list-style: none; display: inline-block; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.twitter { background-position: 3px -2882px; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.linkedin { background-position: 3px -2966px; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.github { background-position: 3px -7139px; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.facebookGray { background-position: 3px -2842px; cursor: text; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.twitterGray { background-position: 3px -2925px; cursor: text; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.linkedinGray { background-position: 3px -3008px; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.githubGray { background-position: 3px -7181px; cursor: text; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.facebookGray a { cursor: default; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.twitterGray a { cursor: default; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.linkedinGray a { cursor: default; } .profile_wrapper .userPhotoBox ul.userSocilaAction li.githubGray a { cursor: default; } /*New Author Social END*/ .profile_tag { position: absolute; top: 8px; left: -88px; margin: 0; z-index: 9; overflow: hidden; padding: 12px; width: 47px; background-color: #E0E0E0; border: 1px solid #BDBDBD; color: #fff; font-family: 'agencyfbregular'; font-size: 48px; } .profile_tag > span { display: block; position: absolute; left: 0; top: 0; transform: rotate(-90deg) translateY(-50%); -webkit-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); -moz-transform: rotate(-90deg) translateY(-50%); -o-transform: rotate(-90deg) translateY(-50%); } .profile_tag .action_list { position: absolute; top: 0; left: 0; margin: 0; overflow: hidden; padding: 20px 12px 12px 12px; width: 47px; background: rgba(255, 255, 255, 0.25); } .profile_tag .action_list:after { position: absolute; left: 0; top: 0; border-width: 0 71px 15px 0; border-style: solid; content: ""; } .profile_tag ul.action_list li { padding: 0; margin: 0; float: left; list-style: none; } .profile_tag ul.action_list li a { color: #fff; background-position: 0 -5450px; display: block; width: 44px; height: 45px; margin-bottom: 12px; } .profile_tag ul.action_list li:last-child a { margin-bottom: 0; } .profile_tag ul.action_list li a.sendMessage { background-position: 0 -5358px; } .profile_tag ul.action_list li a.addFriend { background-position: 0 -5541px; } .profile_tag ul.action_list li a:hover, .profile_tag ul.action_list li a.active { background-position: 0 -5174px; } .profile_tag ul.action_list li a.sendMessage:hover { background-position: 0 -5086px; } .profile_tag ul.action_list li a.addFriend:hover, .profile_tag ul.action_list li a.addFriend.active { background-position: 0 -5267px; } .profile_wrapper .profileBox ul.userAction_social { left: -88px; margin: 0; overflow: hidden; padding: 12px; position: absolute; top: 445px; width: 47px; background-color: #E0E0E0; border: 1px solid #BDBDBD; } .profile_wrapper .profileBox ul.userAction_social.MyProfile { top: 247px; } .profile_wrapper .profileBox ul.userAction_social li a { text-indent: -9999px; width: 41px; display: block; height: 39px; margin-bottom: 12px; } .profile_wrapper .profileBox ul.userAction_social li:last-child a { margin-bottom: 0px; } .profile_wrapper .profileBox ul.userAction_social li { padding: 0px; margin-bottom: 0px; margin-left: 4px; background-position: 0px -1016px; float: left; list-style: none; } .profile_wrapper .profileBox ul.userAction_social li.twitter { background-position: 0px -1101px; } .profile_wrapper .profileBox ul.userAction_social li.linkedIn { background-position: 0px -1191px; margin-bottom: 0px; } .profile_wrapper .profileBox ul.userAction_social li.googleplus { background-position: 0px -1282px; margin-bottom: 0px; } .profile_wrapper .profileBox ul.userAction_social li.reddit { background-position: 0 -6432px; } .shareHeading { text-transform: uppercase; color: #fb0; margin: 0 7px; position: relative; font-family: BebasNeueRegular; font-size: 18px; } /* author */ .author.profile_tag + ul.userAction_social { top: 348px; } .author.profile_tag { height: 301px; background: #ff9728; } .author.profile_tag > span { left: 5px; top: 44px; } .author.profile_tag .action_list { top: 139px; } .author.profile_tag .action_list:after { border-color: transparent #ff9728; } /* admin */ .admin.profile_tag + ul.userAction_social { top: 330px; } .admin.profile_tag { height: 282px; background: #e77843; } .admin.profile_tag > span { left: 17px; top: 33px; } .admin.profile_tag .action_list { top: 115px; } .admin.profile_tag .action_list:after { border-color: transparent #e77843; } /* Editor */ .editor.profile_tag + ul.userAction_social { top: 339px; } .editor.profile_tag { height: 291px; background: #7a896c; } .editor.profile_tag > span { left: 13px; top: 37px; } .editor.profile_tag .action_list { top: 125px; } .editor.profile_tag .action_list:after { border-color: transparent #7a896c; } /* Moderator */ .moderator.profile_tag + ul.userAction_social { top: 405px; } .moderator.profile_tag { height: 360px; background: #2d3e4f; } .moderator.profile_tag > span { left: -24px; top: 71px; } .moderator.profile_tag .action_list { top: 194px; } .moderator.profile_tag .action_list:after { border-color: transparent #2d3e4f; } /* Advertiser */ .advertiser.profile_tag + ul.userAction_social { top: 405px; } .advertiser.profile_tag { height: 360px; background: #5f3a8c; } .advertiser.profile_tag > span { left: -24px; top: 73px; } .advertiser.profile_tag .action_list { top: 194px; } .advertiser.profile_tag .action_list:after { border-color: transparent #5f3a8c; } /* guest */ .guest.profile_tag + ul.userAction_social { top: 328px; } .guest.profile_tag { height: 278px; background: #8ba53c; } .guest.profile_tag > span { left: 18px; top: 30px; } .guest.profile_tag .action_list { top: 112px; } .guest.profile_tag .action_list:after { border-color: transparent #8ba53c; } /* self Profile */ .self.profileBox .author.profile_tag { height: 122px; } .self.profileBox .admin.profile_tag { height: 99px; } .self.profileBox .editor.profile_tag { height: 106px; } .self.profileBox .advertiser.profile_tag { height: 179px; } .self.profileBox .moderator.profile_tag { height: 176px; } .self.profileBox .guest.profile_tag { height: 93px; } .profile_wrapper .profileBox.self .admin.profile_tag + ul.userAction_social.MyProfile { top: 146px; } .profile_wrapper .profileBox.self .author.profile_tag + ul.userAction_social.MyProfile { top: 169px; } .profile_wrapper .profileBox.self .editor.profile_tag + ul.userAction_social.MyProfile { top: 155px; } .profile_wrapper .profileBox.self .advertiser.profile_tag + ul.userAction_social.MyProfile { top: 224px; } .profile_wrapper .profileBox.self .moderator.profile_tag + ul.userAction_social.MyProfile { top: 221px; } .profile_wrapper .profileBox.self .guest.profile_tag + ul.userAction_social.MyProfile { top: 140px; } /* User Profile Detail style here */ .profile_wrapper .userProfileDetail { position: relative; width: 75%; float: left; } .profile_wrapper .userProfileDetail ul.userAction { position: absolute; right: 0px; top: 0px; margin: 0px; padding: 0px; width: auto; list-style: none; } .profile_wrapper .userProfileDetail ul.userAction li { padding: 0px; margin-left: 12px; background-position: 0px -1px; float: left; } .profile_wrapper .userProfileDetail ul.userAction li.message { background-position: 0 -79px; } .profile_wrapper .userProfileDetail ul.userAction li.like { background-position: 0 -166px; } .profile_wrapper .userProfileDetail ul.userAction li.follow { background-position: 0 -256px; } .profile_wrapper .userProfileDetail ul.userAction li.share { background-position: 0 -341px; } .profile_wrapper .userProfileDetail ul.userAction li.facebook { background-position: 0px -1015px; } .profile_wrapper .userProfileDetail ul.userAction li.twitter { background-position: 0px -1100px; } .profile_wrapper .userProfileDetail ul.userAction li.linkedIn { background-position: 0px -1190px; } .profile_wrapper .userProfileDetail ul.userAction li:hover { background-position: 0px -443px; } .profile_wrapper .userProfileDetail ul.userAction li.message:hover { background-position: 0 -522px; } .profile_wrapper .userProfileDetail ul.userAction li.like:hover { background-position: 0 -607px; } .profile_wrapper .userProfileDetail ul.userAction li.follow:hover { background-position: 0 -697px; } .profile_wrapper .userProfileDetail ul.userAction li.share:hover { background-position: 0 -782px; } .profile_wrapper .userProfileDetail ul.userAction li.facebook { background-position: 0px -1015px; } .profile_wrapper .userProfileDetail ul.userAction li.twitter { background-position: 0px -1100px; } .profile_wrapper .userProfileDetail ul.userAction li.linkedIn { background-position: 0px -1190px; } .profile_wrapper .userProfileDetail ul.userAction li a { text-indent: -9999px; width: 41px; display: block; height: 40px; } .profile_wrapper .userProfileDetail ul.userInfo { margin: 0px; padding: 0px; float: left; } .profile_wrapper .userProfileDetail ul.userInfo li { display: block; margin-bottom: 3px; list-style: none; background-position: 0 -1384px; font-size: 16px; line-height: 30px; padding-left: 27px; color: #0086dc; font-family: 'Open Sans', sans-serif; position: relative; float: left; clear: both; min-height: 30px; } .profile_wrapper .userProfileDetail ul.userInfo li .Countryflag { width: auto; height: 30px; margin-left: 6px; } .profile_wrapper .userProfileDetail ul.userInfo li a { color: #0086dc; } .profile_wrapper .userProfileDetail ul.userInfo li a.city { color: #606060; } .profile_wrapper .userProfileDetail ul.userInfo li a.country { color: #a8a8a8; float: left; } .profile_wrapper .userProfileDetail ul.userInfo li.memberSince { background-position: 0px -6333px; color: #666; cursor: default; } .profile_wrapper .userProfileDetail ul.userInfo li.skills { background-position: 0px -6369px; color: #283845; width: 330px; line-height: 22px; cursor: default; word-wrap: break-word; word-break: break-word; } /* User Profile Bio style here */ .profileAuther_bio { margin: 20px 0 0; overflow: hidden; position: absolute; right: 0px; bottom: 20px; width: 77.3% } .profileAuther_bio ul { display: table-row; list-style: none none; margin: 0; overflow: hidden; padding: 0; text-align: center; } .profileAuther_bio li { margin: 0px 0px 0px 7px; box-sizing: border-box; display: inline-block; height: 61px; position: relative; text-align: center; vertical-align: middle; float: left; } .profileAuther_bio li.li_1 { padding: 7px 20px 0 49px; text-align: center; } .profileAuther_bio li.li_2 { padding: 6px 20px 0 64px; text-align: center; } .profileAuther_bio li.li_3 { padding: 6px 15px 0 73px; text-align: center; } .profileAuther_bio li.li_4 { padding: 20px 20px 0 49px; text-align: center; } .profileAuther_bio li.li_5 { padding: 6px 20px 0 59px; text-align: center; } .profileAuther_bio.withoutsocialIcon { bottom: 26px; } /*25px*/ .profileAuther_bio li.notSet a { opacity: 0.4; } .profileAuther_bio li.notSet .count, .profileAuther_bio li.notSet .text { display: none } .profileAuther_bio li:last-child { border-right: medium none; } .profileAuther_bio li .rank { background: url(/Images/profileSprit_20161226.png) 0px -1635px no-repeat; display: block; height: 56px; left: 0px; position: absolute; top: 0; width: 46px; } .profileAuther_bio li .reader { background: url(/Images/profileSprit_20161226.png) 0px -1751px no-repeat; display: block; height: 56px; left: 11px; position: absolute; top: 0; width: 50px; } .profileAuther_bio li .point { background: url(/Images/profileSprit_20161226.png) 0px -2000px no-repeat; display: block; height: 61px; left: 11px; position: absolute; top: 0; width: 60px; } .profileAuther_bio li.notSet .point { background-position: -9px -584px; } .profileAuther_bio li .medal { background: url(/Images/profileSprit_20161226.png) no-repeat; display: block; height: 55px; left: 11px; position: absolute; top: 0; width: 38px; } .profileAuther_bio li .medal.Platinum { background-position: 0px -5060px; } .profileAuther_bio li .medal.Gold { background-position: 0px -1880px; } .profileAuther_bio li .medal.Silver { background-position: -1px -4794px; } .profileAuther_bio li .medal.Bronze { background-position: -1px -4925px } .profileAuther_bio li .medal.Starter { background-position: -2px -5165px; } .profileAuther_bio li .undo-like { background: url(/Images/profileSprit_20161226.png) 0px -6932px no-repeat; display: block; float: left; height: 57px; left: 11px; margin: 0 10px 0 0; position: absolute; top: 0; width: 46px; } .profileAuther_bio li .likes { background: url(/Images/profileSprit_20161226.png) 0px -2119px no-repeat; display: block; float: left; height: 57px; left: 11px; margin: 0 10px 0 0; position: absolute; top: 0; width: 46px; } .profileAuther_bio li.notSet .likes { background-position: -23px -645px; } .profileAuther_bio .text { font-family: proximanova-regular; color: #b0b0b0; display: block; font-size: 22px; line-height: 15px; text-transform: capitalize; } /*.profileAuther_bio .count { color:#616161;display:block;font-size:24px;font-family:proximanova-bold;}/*font-size:32px;font-family:BebasNeueRegular; */ .profileAuther_bio .count { color: #616161; display: block; font-size: 24px; font-family: BebasNeueRegular; } .profileAuther_bio .count .unit { font-family: proximanova-bold; } .profileAuther_bio li.li_3 span.count { text-align: left; } .profileAuther_bio .count.Platinum { margin-top: -14px; font-size: 24px; } .profileAuther_bio .count.Gold { margin-top: -14px; font-size: 24px; } .profileAuther_bio .count.Silver { margin-top: -14px; font-size: 24px; } .profileAuther_bio .count.Bronze { margin-top: -14px; font-size: 24px; } .profileAuther_bio .count.Starter { margin-top: -14px; font-size: 24px; } /* Profile About style here */ .profile_wrapper .aboutMe, .profile_wrapper .Recognition, .profile_wrapper .mostPopular { width: 100%; padding: 15px 0; } .profile_wrapper .Recognition { padding-top: 20px; } .profile_wrapper .aboutMe p.description { margin: 0 0 5px 0; padding: 0px; font-size: 16px; color: #767575; font-weight: normal; line-height: 25px; } /*proxima_novalight*/ /* Recognition style here */ .profile_wrapper .Recognition ul.award { background: url(/Images/background_award.png) 0 bottom no-repeat; width: 100%; height: 130px; margin: 0px; padding: 0px; } .profile_wrapper .Recognition ul.award li { padding: 0px; text-indent: -9999px; float: left; list-style: none; } .profile_wrapper .Recognition ul.award li a { width: 130px; height: 96px; background-position: 14px -2327px; display: block; } .profile_wrapper .Recognition ul.award li a.speaker { width: 86px; background-position: 3px -2499px; } .profile_wrapper .Recognition ul.award li a.chapterLead { width: 115px; background-position: 18px -2665px; } .profile_wrapper .Recognition ul.award li a.MemberMonth { width: 106px; background-position: 28px -2882px; } .profile_wrapper .Recognition ul.award li a.CsharpMvp { width: 120px; background-position: 23px -3088px; height: 130px; } .profile_wrapper .Recognition ul.award li a.mvp { width: 70px; background-position: 10px -3273px; } /* Gray Icons here */ .profile_wrapper .Recognition ul.award li a.gray { background-position: 14px -3669px; } .profile_wrapper .Recognition ul.award li a.speaker.gray { background-position: 4px -3853px; } .profile_wrapper .Recognition ul.award li a.chapterLead.gray { background-position: 18px -4040px; } .profile_wrapper .Recognition ul.award li a.MemberMonth.gray { background-position: 28px -4240px; } .profile_wrapper .Recognition ul.award li a.CsharpMvp.gray { background-position: 25px -4430px; } .profile_wrapper .Recognition ul.award li a.mvp.gray { background-position: 10px -4617px; } /* Contribute style here */ .profile_wrapper .contributes { width: 100%; padding-top: 10px; } .profile_wrapper .contributes ul { margin: 5px 0 10px 0; overflow: hidden; padding: 0px; } .profile_wrapper .contributes ul li { float: left; width: 45%; margin: 0 0 12px 0; list-style: none; padding: 0px 0 0 14px; background: url(/Images/profileSprit_20161226.png) 0 -2242px no-repeat; position: relative; } .profile_wrapper .contributes ul li a { font-size: 18px; font-family: BebasNeueRegular; font-weight: normal; color: #565656; float: left; } .profile_wrapper .contributes ul li a.headerRss { width: 16px; height: 16px; display: inline-block; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -2610px no-repeat; margin: 0 0 0 5px; } .profile_wrapper .contributes ul li a span { color: #8d8d8d; } .contributesResponsive { display: none; } /* Add style here .outerBox{border-bottom:1px solid #f0f0f0; overflow:hidden; padding-bottom:20px;} .MemberoftheMonth {color: #333;font-size: 20px;} .image90 {width: 88px;height: 88px;display: block;border: 1px solid #d7d7d7!important;}*/ /* Certificate style here */ .profile_wrapper .certificate { width: 100%; padding-top: 0px; position: relative; } .profile_wrapper .certificate ul { margin: 0px; padding: 0px; } .profile_wrapper .certificate li { margin: 0 0 12px 0; padding: 0 0 0 54px; display: block; list-style: none; background: url(/Images/profileSprit_20161226.png) 0 -3481px no-repeat; min-height: 60px; font-family: BebasNeueRegular; font-weight: normal; } .profile_wrapper .certificate li span { display: block; font-size: 18px; color: #8d8d8d; cursor: default; } .profile_wrapper .certificate li a { font-size: 18px; display: block; color: #565656; cursor: default; } .profile_wrapper .certificate_ViewAll { position: absolute; right: 0; top: 34px; color: #707070; background: url(/Images/profileSprit_20161226.png) 44px -3626px no-repeat; text-transform: capitalize; font-size: 14px; padding: 0 10px 0 0; } .profile_wrapper .profileRight a.headerRss { margin: 0px 0px 0px 5px !important; display: inline-block; float: none; vertical-align: middle } /*share Dropdown */ /* .shareDropDown { padding: 0px 0px 10px 10px; width: 222px; display: none; position: absolute; right: 7px; top: 47px; background: #f3f3f3; } .shareDropDown ul.profile_social{margin:0; padding:8px 0px;} .profile_wrapper .userProfileDetail ul.userAction li.share .arrow2 { position: absolute; left: 9px; top: 40px; width: 24px; height: 7px; display:none; background-position: 0px -5728px; } */ /*Admin Dropdown List*/ .titleName { position: relative; float: left; } .adminIcon { position: relative; width: 63px; height: 39px; display: inline-block; background-position: 6px -5413px; float: left; } .adminIcon:hover, .adminIcon.active { background-position: 6px -5472px; } .adminIcon.short-profile { background-position: -94px -5413px; } .adminIcon.short-profile:hover, .adminIcon.active { background-position: -94px -5472px; } .adminIcon .arrow { position: absolute; right: 0px; top: 14px; width: 24px; height: 7px; display: block; background-position: 0px -5710px; } .adminDropDown { width: 170px; display: none; position: absolute; right: 0px; top: 47px; background: #f3f3f3; z-index: 999; } .adminDropDown .arrow2 { position: absolute; right: 25px; top: -6px; width: 24px; height: 7px; display: block; background-position: 0px -5728px; } .adminDropDown ul { list-style: none; margin: 0px; padding: 0px; } .adminDropDown li { width: 100%; float: left; border-bottom: 1px solid #e5e5e5; } .adminDropDown li a { padding: 0px 0px 0px 36px; line-height: 30px; height: 30px; display: block; font-size: 13px; color: #848484; text-decoration: none; background-position: 6px -5238px; } .adminDropDown li a.vip { background-position: 3px -5281px; } .adminDropDown li a.edit { background-position: 2px -5322px; } .adminDropDown li a.delete { background-position: 3px -5363px; } .adminDropDown li a.columnist { background-position: 16px -6707px; } .adminDropDown li a.mom { background-position: 12px -7003px; } .adminDropDown li a.Nominate { background-position: 9px -7094px } .adminDropDown li a.send-message { background-position: 9px -7188px } .adminDropDown li a:hover, .adminDropDown li a.active { color: #309de3; background-position: 6px -5528px; } .adminDropDown li a.vip:hover, .adminDropDown li a.vip.active { background-position: 3px -5571px; } .adminDropDown li a.edit:hover { background-position: 2px -5612px; } .adminDropDown li a.delete:hover { background-position: 3px -5653px; } .adminDropDown li a.Nominate:hover { background-position: 9px -7137px } .adminDropDown li a.send-message:hover { background-position: 9px -7228px } .adminDropDown li a.columnist:hover, .adminDropDown li a.columnist.active { background-position: 16px -6785px; } .adminDropDown li a.mom:hover, .adminDropDown li a.mom.active { background-position: 12px -7044px; } /*Edit Profile Changes*/ .accordianContent { background: #f8f8f8; border: 1px solid #e8e8e8; padding: 11px 18px; margin-bottom: 20px; } .accordianContent:after { clear: both; content: ""; display: block; float: none; } .editProfileCntr .editprofileInner .accordianContent h2.mainTitle { display: block; position: relative; padding: 0px; font-size: 24px; } .editProfileCntr .editprofileInner .accordianContent h2.mainTitle span.plus { position: absolute; right: 0px; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 0 no-repeat; } .editProfileCntr .editprofileInner .accordianContent h2.mainTitle span.minus { position: absolute; right: 0px; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 -63px no-repeat; } /*.editProfileCntr .accordianDetail{ display:none;}*/ /*.editprofileInner .accordianContent:first-child .accordianDetail{ display:block;}*/ .editProfileCntr .editprofileInner .accordianContent .block { margin-right: 35px; width: calc(50% - 35px); -webkit-width: calc(50% - 35px); float: left; max-width: 343px; margin-bottom: 10px; } .editProfileCntr .editprofileInner .accordianContent .block { (; width: 44%; ); } /*For Safari only*/ .editProfileCntr .editprofileInner .accordianContent .block label { width: 100%; font-size: 16px; color: #868686; margin-bottom: 3px; display: block; } .editProfileCntr .editprofileInner .accordianContent .block label.required:after { content: ' *'; color: #ff1800; font-size: 14px; } /*Grid Style Start here*/ .editProfileCntr .editprofileInner .accordianContent .gridContainer { margin-top: 20px; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table { border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: 20px; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table tr td { text-transform: capitalize; height: 37px; vertical-align: middle; margin: 0px; padding: 0 7px 0 7px; font-size: 16px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table tr.header { background: #ededed; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table tr:nth-child(even) { background: #fff; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table tr { background: #f9f9f9; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table tr.header td { color: #131111; font-size: 16px; background: #ededed; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table td.edit, .gridContainer table td.delete { position: relative; width: 82px; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table td.edit a, .gridContainer table td.delete a { text-indent: -9999px; display: block; } .editProfileCntr .editprofileInner .accordianContent .gridContainer table td.edit span { position: absolute; top: 5px; left: 14px; background: url(/images/csharp/edit_my_ac.PNG) no-repeat center top; width: 28px; height: 28px; } .editProfileCntr .editprofileInner .accordianContent .gridContainer td.delete span { position: absolute; top: 5px; left: 14px; background: url(/images/csharp/trash.PNG) no-repeat center top; width: 28px; height: 28px; } /*Grid Style end here*/ /*Company edit section*/ .editProfileCntr .editprofileInner .accordianContent .leftBox { width: 160px; float: left; overflow: hidden; margin-right: 20px; } .editProfileCntr .editprofileInner .accordianContent .leftBox .uploadingBox { width: 158px; height: 124px; border: #e8e8e8; background: #fff; position: relative; overflow: hidden; border: 1px solid #dddddd; } .editProfileCntr .editprofileInner .accordianContent .right_Box { overflow: hidden; } .editProfileCntr .editprofileInner .accordianContent .leftBox .profilePic { float: left; background: #fff; padding: 0px; margin: 0 0 0px 0px; position: relative; } .editProfileCntr .editprofileInner .accordianContent .leftBox .profilePic img { height: 160px; width: 160px; } .editProfileCntr .editprofileInner .accordianContent .leftBox .editProfileBtn { position: absolute; left: 0px; bottom: -3px; width: 160px; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 36px; text-align: center; cursor: pointer; font-size: 16px; } .editProfileCntr .editprofileInner .accordianContent .leftBox .editProfileBtn input[type="file"] { opacity: 0; height: 0; width: 0; } .editProfileCntr .editprofileInner .accordianContent textarea { width: 100%; height: 137px; border: 1px solid #ddd; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 15px; color: #c0c0c0; line-height: 24px; font-family: 'Roboto', sans-serif; } .editProfileCntr .editprofileInner .accordianContent .block.fondedInput { max-width: none; margin-right: 0px; } .editProfileCntr .editprofileInner .accordianContent .block.fondedInput .inputText { float: left; margin-right: 10px; width: 100px; } .editProfileCntr .editprofileInner .accordianContent .chooseFileRow { display: block; position: relative; } .editProfileCntr .editprofileInner .accordianContent .chooseFileRow .field { overflow: hidden; padding: 8px 15px; font-size: 16px; font-family: 'Roboto', sans-serif; color: #9fa4a4; border: 1px solid #cacaca; background: #fff; display: block; } .editProfileCntr .editprofileInner .accordianContent .chooseFileRow input[type="file"] { width: 100%; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; } .editProfileCntr .editprofileInner .accordianContent .inputText.full_inputText { width: 690px; } /* company profile page */ .companyInfo { margin: 0px; padding: 0px; } .companyInfo p { display: block; margin: 0px; list-style: none; font-size: 16px; padding: 5px 0px 0px 0px; line-height: 21px; color: #2e2e2e; } .companyInfo p .label { display: inline-block; float: left; overflow: hidden; padding-right: 22px; text-align: right; width: 93px; } .companyInfo p .companyRightInfo { display: block; overflow: hidden; } .companyInfo p a { color: #0086dc; } .companyTweetIcon { padding: 10px 0px; overflow: hidden; } .companyTweetIcon ul { list-style: none; float: left; margin: 0; padding: 0; } .companyTweetIcon li { float: left; overflow: hidden; width: auto; margin-right: 9px; } .companyTweetIcon li img { float: left; } /*company PhotoBox */ .profile_wrapper .comapanyprofileBox { padding-bottom: 5px; } .profile_wrapper .comapanyprofileBox .userPhotoBox { width: 166px; } .profile_wrapper .comapanyprofileBox .userPhotoBox .contentHeaderArticleIcons { margin-top: 10px; border-bottom: none; padding: 0px; text-align: center; } .profile_wrapper .comapanyprofileBox .userPhotoBox ul { position: relative; float: none; display: inline-block; } .profile_wrapper .comapanyprofileBox .userPhotoBox ul.profile_social li { width: 33px; height: 33px; background-position: 0 -5769px; margin-right: 5px; } .profile_wrapper .userPhotoBox ul.profile_social li.twitter { background-position: 0 -5849px; } .profile_wrapper .userPhotoBox ul.profile_social li.linkedIn { background-position: 0 -5929px; } .profile_wrapper .userPhotoBox ul.profile_social li.googlePlus { background-position: 0 -6019px; margin-right: 0px; } /*Summary*/ .profile_wrapper .summaryComapny { position: relative; padding: 10px 0px 40px 0px; } .profile_wrapper .summaryComapny p.description { font-size: 15px; color: #525252; padding: 10px 10px 0px 0px; } .profile_wrapper .summaryComapny p.description a { color: #ffbb00; } .profile_wrapper .addBox { padding: 27px 0px 0px 0px; } /*share Dropdown Feb 23, 2015*/ .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown { padding: 5px 0px 5px 5px; width: 309px; display: none; position: absolute; right: 7px; top: 47px; background: #f3f3f3; } .profile_wrapper .userProfileDetail ul.userAction li .arrow2 { position: absolute; right: 9px; top: 40px; width: 24px; height: 7px; display: none; background-position: 0px -5728px; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown ul { list-style: none; margin: 0px; padding: 0px; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown li { margin: 0px; float: left; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown li a { width: 68px; height: 28px; display: block; text-indent: -99999px; margin-right: 5px; margin-left: 0px; background-position: 0px -6116px; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown li a.twitter { width: 77px; background-position: 0px -6169px; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown li a.linkedIn { width: 74px; background-position: 0px -6213px; } .profile_wrapper .userProfileDetail ul.userAction li .shareDropDown li a.googlePlus { width: 70px; background-position: 0px -6255px; } .userProfileDetail .graph { float: right; display: block; width: auto; overflow: hidden; margin: -52px 0 0 0px; padding: 10px 0; } .userProfileDetail .graph li { width: auto; display: block; margin-bottom: 10px; overflow: hidden; line-height: 30px; font-size: 20px; } .userProfileDetail .graph li:last-child { margin-bottom: 0px; } .userProfileDetail .graph li .fullSkill { width: 300px; height: 30px; position: relative; float: left; margin-right: 10px; } .userProfileDetail .graph li .fullSkill .obtainSkill { height: 30px; position: absolute; left: 0px; top: 0px; } .userProfileDetail .graph li .fullSkill span { height: 30px; position: absolute; left: 15px; top: 0px; text-align: left; line-height: 30px; color: #fff; font-size: 14px; } .userProfileDetail .graph li.bgcolor_1 .fullSkill { background: #e2c479b8; } .userProfileDetail .graph li.bgcolor_1 .fullSkill .obtainSkill { background: #ffbb00; } .userProfileDetail .graph li.bgcolor_2 .fullSkill { background: #83d0fc; } .userProfileDetail .graph li.bgcolor_2 .fullSkill .obtainSkill { background: #02A0FB; } .userProfileDetail .graph li.bgcolor_3 .fullSkill { background: #c8dd82; } .userProfileDetail .graph li.bgcolor_3 .fullSkill .obtainSkill { background: #8DBB01; } .userProfileDetail .graph li.bgcolor_4 .fullSkill { background: #b5b5b5; } .userProfileDetail .graph li.bgcolor_4 .fullSkill .obtainSkill { background: #5B5B5B; } /* new article icons css start here */ .newSpriteIcons { background: url(/Images/newSpriteIcons_20161122.png) no-repeat; } .contentHeaderArticleIcons { width: 100%; border-bottom: 0px solid #e5e5e5; padding-bottom: 5px; position: relative; min-height: 36px; margin-top: 8px; } .contentHeaderArticleIcons ul { margin: 0px; padding: 0px; float: left; } .contentHeaderArticleIcons ul.leftIcons { background-color: #fff; position: absolute; left: 0px; top: 0px; } .contentHeaderArticleIcons ul li { list-style: none; padding: 0px; float: left; } .contentHeaderArticleIcons ul li:last-child a { margin: 0px; } .contentHeaderArticleIcons ul li a { text-indent: -99999px; width: 36px; height: 36px; margin: 0 6px 0 0; display: block; text-decoration: none; } .contentHeaderArticleIcons ul li a.facebook { background-position: 0 0; } .contentHeaderArticleIcons ul li a.twitter { background-position: 0 -60px; } .contentHeaderArticleIcons ul li a.linkedIn { background-position: 0 -120px; } .contentHeaderArticleIcons ul li a.googlePlus { background-position: 0 -183px; } .contentHeaderArticleIcons ul li a.reddit { background-position: 0 -4641px; } .contentHeaderArticleIcons ul li a.email { background-position: 0 -310px; } .contentHeaderArticleIcons ul li a.bookmark { background-position: 0 -567px; } .contentHeaderArticleIcons ul li a.unbookmark { background-position: -40px -567px; } .contentHeaderArticleIcons ul li a.print { background-position: 0 -630px; } .contentHeaderArticleIcons ul li a.author_other_article { background-position: 0 -689px; } .contentHeaderArticleIcons ul li a.similar_article { background-position: 0 -748px; } .contentHeaderArticleIcons ul li a.edit_article { background-position: 0 -808px; } .contentHeaderArticleIcons ul li a.make_article_feature { background-position: 0 -867px; } .contentHeaderArticleIcons ul li a.make_article_unFeature { background-position: 0 -1243px; } .contentHeaderArticleIcons ul li a.submit_Feedback { background-position: 0 -1053px; } .contentHeaderArticleIcons ul li a.article_history { background-position: 0 -1115px; } .contentHeaderArticleIcons ul li a.delete_article { background-position: 0 -990px; } .contentHeaderArticleIcons ul li a.mentor { background-position: 0 -929px; } .contentHeaderArticleIcons ul li a.feedback { background-position: 0 -1306px; } .contentHeaderArticleIcons ul li a.clone_article { background-position: 0 -1380px; } .contentHeaderArticleIcons ul li a.open_registration { background-position: 0 -2217px; } .contentHeaderArticleIcons ul li a.close_registration { background-position: 0 -2104px; } .contentHeaderArticleIcons ul li a.spam { background-position: 0 -1884px; } .contentHeaderArticleIcons ul li a.duplicate { background-position: 0 -1380px; } .contentHeaderArticleIcons ul li a.approve { background-position: 0 -1991px; } .contentHeaderArticleIcons ul li a.reject { background-position: 0 -990px; } .contentHeaderArticleIcons ul li a.closed_blog { background-position: 0 -2766px; cursor: text; } .contentHeaderArticleIcons ul li a.deactivate { background-position: 0 -4322px; } .contentHeaderArticleIcons ul li a.activate { background-position: 0 -4392px; } .contentHeaderArticleIcons ul li a.complete { background-position: 0 -4521px; } .contentHeaderArticleIcons ul li a.incomplete { background-position: 0 -4460px; } .contentHeaderArticleIcons ul li a.delete-idea { background-position: 0 -4579px; } .contentHeaderArticleIcons ul li a.whatsapp { background-position: 0 -6854px; } .contentHeaderArticleIcons ul li a.expand { background-position: 0 -246px; } .contentHeaderArticleIcons ul li a.hideExpand { background-position: 0 -1179px; } .contentHeaderArticleIcons ul.viewBar { width: auto; float: right; } .contentHeaderArticleIcons ul.viewBar li a { text-indent: 0; min-width: 48px; line-height: 36px; font-family: 'BebasNeueRegular'; font-size: 24px; color: #fff; padding: 0 10px 0 45px; } .contentHeaderArticleIcons ul.viewBar li .views { background-color: #71d28e; background-position: 0 -439px; text-align: center; cursor: default; } .contentHeaderArticleIcons ul.viewBar li .comments { background-color: #ff7c24; background-position: 0 -375px; text-align: center; } .contentHeaderArticleIcons ul.viewBar li .undo-like { background-color: #2497e1; display: block; height: 36px; background-position: 0 -502px; line-height: 39px; font-family: 'BebasNeueRegular'; font-size: 22px; color: #fff; padding: 0 10px 0 47px; text-align: center; } .contentHeaderArticleIcons ul.viewBar li .like { background-color: #2497e1; display: block; height: 36px; background-position: 0 -6971px; line-height: 39px; font-family: 'BebasNeueRegular'; font-size: 22px; color: #fff; padding: 0 10px 0 47px; text-align: center; } .contentHeaderArticleIcons ul.viewBar li .views .unit { font-family: proximanova-bold; padding-left: 3px; } .contentHeaderArticleIcons .innerArticleIcons { width: 1px; opacity: 0.0; height: 1px; overflow: hidden; } .contentHeaderArticleIcons .innerArticleIcons > ul { width: 456px; } /* new article icons css end here */ /*Analytics Page Style Start here*/ .contributionGraph { width: 100%; overflow: hidden; } .graphTitle { font-size: 18px; color: #444444; margin-bottom: 10px; } .graphTitle span { color: #ffbb00; } .graphTitle .datepicker { float: right; position: relative; margin: 2px 7px 0 0; width: 139px; } .graphTitle .datepicker select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; width: 139px; height: 28px; color: #808080; background-color: #F2F2F2; padding-left: 10px; margin: 0px; } .graphTitle .datepicker:after { position: absolute; right: -5px; top: 7px; display: block; content: "\2023"; color: #808080; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); font-size: 23px; width: 7px; height: 12px; } .contributionGraph .graph { width: 100%; padding: 13px 0px 30px 0px; } /*Analytics Page Style Start here*/ .analyticeTab { width: 100%; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #eee; } .analyticeTab ul.tab { width: 365px; float: left; list-style: none; margin: 0px; padding: 0px; } .analyticeTab ul.tab li { float: left; padding: 2px 2px 0px 2px; } .analyticeTab ul.tab li a { padding: 11px 14px 11px 13px; float: left; display: block; color: #0086dc; text-decoration: none; text-transform: uppercase; } .analyticeTab ul.tab li a:hover, .analyticeTab ul.tab li a.active { background: #0086dc; color: #fff; padding: 9px 14px 11px 13px; } .analyticeTab ul.tab2 { overflow: hidden; width: 309px; float: left; list-style: none; margin: 0px; padding: 0px; } .analyticeTab ul.tab2 li { float: left; text-align: center; } .analyticeTab ul.tab2 li.col3 { width: 94px; } .analyticeTab ul.tab2 li.col4 { width: 109px; } .analyticeTab ul.tab2 li.col5 { width: 105px; } .analyticeTab ul.tab2 li a { padding: 11px 0; display: block; font-size: 16px; color: #ffbb00; text-decoration: none; } .analyticeTab ul.tab2 li a:hover { color: #0086dd; } .analyticeTabDetail { width: 100%; overflow: hidden; } .analyticeTabDetail ul { list-style: none; margin: 0px; padding: 0px; } .analyticeTabDetail li { display: none; overflow: hidden; margin-bottom: 10px; } .analyticeTabDetail li .image { padding: 0px 8px 0px 0px; float: left; } .analyticeTabDetail li .image img { border: 1px solid #d7d7d7; height: 52px; width: 52px; } .analyticeTabDetail li a { font-size: 16px; color: #4b4b4b; } .analyticeTabDetail li .col2 { width: 305px; float: left; } .analyticeTabDetail li .col3 { width: 94px; text-align: center; float: left; } .analyticeTabDetail li .col4 { width: 109px; text-align: center; float: left; } .analyticeTabDetail li .col5 { width: 105px; text-align: center; float: left; } /*CHAPTER */ #slideShowChapterAds.adSliderBox { height: auto; margin-bottom: 15px; width: 497px !important; } ul.unapproved_stats li a { margin-left: 10px; margin-top: 4px; display: block; float: left; font-size: 17px; color: #131313; } ul.unapproved_stats li a:hover { color: #01a821; } ul.unapproved_stats li span.icon { background: url(/images/newSpriteIcons_20161122.png) 0px 0px no-repeat; height: 30px; width: 30px; float: left; display: block; } ul.unapproved_stats li span.icon.article { background-position: 0px -2270px; } ul.unapproved_stats li span.icon.article_content { background-position: 0px -2316px; } ul.unapproved_stats li span.icon.news { background-position: 0px -2362px; } ul.unapproved_stats li span.icon.downloads { background-position: 0px -2407px; } ul.unapproved_stats li span.icon.resources { background-position: 0px -2453px; } ul.unapproved_stats li span.icon.reviews { background-position: 0px -2499px; } ul.unapproved_stats li span.icon.jobs { background-position: 0px -2545px; } ul.unapproved_stats li span.icon.blogs { background-position: 0px -2589px; } ul.unapproved_stats li span.icon.codes { background-position: 0px -2635px; } ul.unapproved_stats li span.icon.company { background-position: 0px -2678px; } ul.unapproved_stats li span.icon.mvp { background-position: 0px -2721px; } ul.unapproved_stats li span.icon.stories { background-position: -4px -3630px; } ul.unapproved_stats li span.icon.event { background-position: 0px -3270px; } /*Author Download PDF and other(Follow, Add Friend,Message) List*/ /*Message Conversations*/ .conversionBox .date { text-align: center; width: 100%; padding: 10px 5px; display: none; } .conversionBox h3 { font-size: 22px; color: #333; border-bottom: 1px solid #E4E4E4; padding-bottom: 6px; margin-bottom: 5px; line-height: 36px; } .conversionBox .left { width: 250px; float: left; overflow: hidden; } .conversionBox .left .search_result { background-color: #EDEDED; } .conversionBox .left .search_result.active { color: #f60; } .conversionBox .left .search_text { width: 100%; height: 33px; border: 4px solid #EDEDED; padding: 3px 0px 0px 10px; font-family: 'Roboto', sans-serif; font-size: 15px; color: #888; overflow: hidden; } .conversionBox .right { width: 754px; float: left; padding: 0px 0px 0px 20px; } .conversionBox .chatTextBox { border: 1px solid #dcdcdc; padding: 10px 15px; font-size: 15px; line-height: 25px; color: #7d7d7d; float: left; width: 537px; font-family: 'Roboto', sans-serif; height: 25px; } .conversionBox .chatList_scroll { float: left; width: 100%; max-height: 450px; } .conversionBox .chatList_scroll.chatList_scroll_big { max-height: 450px; } .conversionBox .chatList { padding: 0px; margin: 0px; float: left; display: block; } .conversionBox .chatList li { padding: 6px; font-size: 14px; float: left; width: 100%; cursor: pointer; list-style: none; } .conversionBox .chatList li img { width: 28px; height: 28px; float: left; margin-right: 10px; border-radius: 100%; } .conversionBox .chatList li .count { color: #E27811; float: right; } .conversionBox .chatList li a { line-height: 27px; } .conversionBox .sendBtn { padding: 6px 15px; margin: 8px 0 0 0; color: #fff; background: #ffbb00; border: none; float: right; font-size: 15px; display: block; } .postConversationBlock { margin-left: 92px; padding: 8px; width: 570px; overflow: hidden; background: #F4F4F4; } .conversionBox .loadmore { background: #ECECEC; display: block; text-align: center; height: 28px; line-height: 28px; overflow: hidden; width: 100%; color: #ffbb00; } .messageconversion { display: block; overflow: hidden; margin-bottom: 20px; position: relative; background: none; } .messageconversion p { font-size: 14px; color: #696767; line-height: 22px; margin: 0px; padding: 5px 0px 0px 0px; min-height: 22px; word-wrap: break-word; } .messageconversion img { height: 60px; width: 60px; border-radius: 100%; } .messageconversion .imageLeft { float: left; } .messageconversion .detail { width: 570px; margin: 0px 20px 24px 20px; float: left; background: #f0f9fe; border-radius: 3px; padding: 8px 10px 5px 10px; position: relative; } .messageconversion .detail p:first-letter { text-transform: capitalize; } .messageconversion .detail .floarRight { float: right; width: auto; margin-top: -25px; } .messageconversion .senderArrow { width: 18px; height: 34px; display: block; position: absolute; left: -18px; top: 10px; background: url(/images/csharp/blueArrow.png) left top no-repeat; } .messageconversion .action { float: right; margin: 0; } .messageconversion a.deleteMessage { width: 20px; height: 20px; margin-left: 5px; position: relative; top: 4px; display: inline-block; text-indent: -9999px; background: url(/images/csharp/iconSpritImage_20160921.png) left -5460px no-repeat; } .messageconversion a.deleteMessage:hover { background-position: 0px -5487px; } .messageconversion .daysCount { position: absolute; left: 92px; bottom: 0px; color: #B2B2B2; } .messageconversion.alternate .daysCount { position: absolute; left: inherit; right: 92px; bottom: 0px; } .messageconversion.alternate { width: auto; } .messageconversion.alternate .imageRight { float: right; } .messageconversion.alternate .detail .floarRight { float: right; width: auto; } .messageconversion.alternate .detail { background: #f4f4f4; float: right; } .messageconversion.alternate .senderArrow { right: -18px; top: 10px; left: inherit; background: url(/images/csharp/grayChatarrow.png) left top no-repeat; } .messageconversion.alternate .action { float: right; } .messageconversion .detail * { background-color: Transparent !important; } .box_sizing_bb { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Small Chat Box*/ .small-chat-box { width: 278px; max-height: 364px; background: #fff; overflow: hidden; right: 0; bottom: 0; position: fixed; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border: 1px solid #0086DC; border-bottom: none; border-radius: 5px 5px 0 0; z-index: 991; margin-bottom: 0px; } .small-chat-box .div-padding { padding: 5px; } .small-chat-box .header { color: #fff !important; background: #0086DC; font-size: 15px; font-weight: normal; padding: 10px; height: 22px; } .small-chat-box .header .name { float: left; margin-left: 3px; } .small-chat-box .header a { color: #fff; font-size: 20px; font-weight: bolder; float: right; height: 20px; line-height: 20px; } .small-chat-box .header a.maximize { font-size: 17px; } .small-chat-box .text-box { padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; margin: 5px; font-family: 'Roboto', sans-serif; font-weight: normal; background: #fff; border: 1px solid #dadada; height: 40px; width: 96%; font-size: 14px; } .small-chat-box a.button { float: right; clear: both; padding: 5px 15px; color: #fff; background: #ffbb00; border: none; margin: 0px 5px 5px 0px; } .small-chat-box p { color: #333; float: left; padding: 0px; text-align: left; margin: 0px 0px 0px 0px; word-break: break-word; word-break: break-all; } .small-chat-box .header a .minimize, .small-chat-box .header a .maximize { display: none; float: right; text-align: right; } .small-chat-box .hide { display: none; } .small-chat-box .postSection { width: 100%; overflow: hidden; background: #F4F4F4; padding: 5px 0px; } .small-chat-box a.close { float: right; margin-left: 10px; font-size: 14px; line-height: 20px; font-weight: bolder; } .small-chat-box .messageconversion { margin-bottom: 10px; } .small-chat-box .alternate { width: auto; } .small-chat-box .messageconversion .detail { width: 163px; margin: 0px 20px 18px 5px; padding: 3px 10px; } .small-chat-box .messageconversion.alternate .detail { margin: 0px 5px 18px 20px; } .small-chat-box .messageconversion img { height: 28px; width: 28px; border-radius: 100%; } .small-chat-box .messageconversion .senderArrow { display: none; } .small-chat-box .daysCount { font-size: 10px; left: 43px; right: auto; } .small-chat-box .alternate .daysCount { left: auto; right: 43px; } .small-chat-box .messages { background-color: Transparent; } .small-chat-box .messageconversion a.deleteMessage { width: 10px; height: 11px; top: 2px; background: url(/images/csharp/iconSpritImage_20160921.png) left -5409px no-repeat; } .small-chat-box .messageconversion a.deleteMessage:hover { background: url(/images/csharp/iconSpritImage_20160921.png) left -5431px no-repeat; } .small-chat-box .loadmore { background: #ECECEC; display: block; text-align: center; height: 28px; line-height: 28px; overflow: hidden; width: 100%; color: #ffbb00; } .breaking_news_all { margin: 0 10px 10px 0; height: 20px; width: 20px; float: right; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -5647px no-repeat; } .breaking_news_all:hover { background-position: 0px -5619px; } .conversionBox .left .mCSB_inside>.mCSB_container { margin-right: 0px; } /*Announcement Popup Start*/ .announcement_modelPopUp { background: #fff; padding: 20px; position: relative; text-align: left; font-size: 14px; width: 540px; } .announcement_modelPopUp h2 { margin: 0px; padding: 0px 0px 15px 0px; } .announcement_modelPopUp .image { padding: 5px 20px 0px 0px; float: left; width: 150px; } .announcement_modelPopUp .image img { width: 150px; height: 150px; } .announcement_modelPopUp .detail { overflow: hidden; } .announcement_modelPopUp .detail p { padding: 0px 0px 20px 0px; margin: 0px; line-height: 26px; font-size: 16px; color: #252525; } .announcement_modelPopUp .detail a.btn { padding: 0px 45px 0px 10px; line-height: 37px; height: 34px; display: block; float: right; font-family: "BebasNeueRegular"; color: #fff; font-size: 20px; background: #0086dc url(/images/csharp/iconSpritImage_20160921.png) 87px -5360px no-repeat } .announcement_modelPopUp .detail a.btn:hover { background-color: #0074BE } .announcement_modelPopUp .closeBtn1 { background: url(/images/CareerAdvice/close_button2.png) left top no-repeat; height: 33px; position: absolute; right: -16px; text-indent: -9999px; top: -20px; width: 33px; } .announcement_ui-widget-overlay { background: rgba(0, 0, 0, 0.8); left: 0; position: absolute; top: 0; z-index: 9991 !important; } /*Announcement Popup End*/ .notificationDate { font-size: 11px; display: block; margin-top: 4px; } .notificationDate .watchICon { margin: 1px 3px 3px 0px; } .msg_container .NoticationLoading { text-align: center; } .checkBoxStyle.notificationChkBox { display: block; background-color: #EDEDED; height: 27px; padding: 5px 0 0 5px; } /* Show Comments */ .MyAccountComments { width: 140px; font-family: 'Roboto', sans-serif; color: #333; border: solid 1px #ccc; } .myaccountFilter { width: 179px; float: right; } /*Show Minor Comment in tabular form*/ .leftCntrArticleSubmission .majorCategorySelect { font-size: 16px; color: #868686; margin-bottom: 15px; display: block; float: left; } .leftCntrArticleSubmission .majorCategorySelect .customDropDown { width: 255px; font-family: 'Roboto', sans-serif; color: #9fa4a4; font-size: 14px; position: relative; } .leftCntrArticleSubmission .majorCategorySelect .customDropDown:after { position: absolute; right: 5px; top: -6px; width: 34px; height: 29px; background: url('/Admin/Images/arrow_down.png') 0 0px no-repeat; content: ""; pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; background-color: #fff; } .leftCntrArticleSubmission .majorCategorySelect .customDropDown select { width: 255px; height: 31px; border: none; background: none; padding: 5px 15px; border: 1px solid #cacaca; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } .leftCntrArticleSubmission h2.mainTitle { display: block; position: relative; padding: 0px; margin: 0 0 12px 0; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; font-size: 18px; font-weight: normal; } .accordianContent.minorCategory .accordianDetail { display: block; } .accordianContent.minorCategory h2.mainTitle span.plus { position: absolute; right: 0px; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 0 no-repeat; cursor: pointer } .accordianContent.minorCategory h2.mainTitle span.minus { position: absolute; right: 0px; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 -63px no-repeat; cursor: pointer } .accordianContent.minorCategory .block { margin-right: 35px; width: calc(50% - 35px); -webkit-width: calc(50% - 35px); float: left; max-width: 343px; margin-bottom: 10px; } .accordianContent.minorCategory .block label { width: 100%; font-size: 16px; color: #868686; margin-bottom: 3px; display: block; } .accordianContent.minorCategory .inputText { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; width: 308px; padding: 8px 15px; margin-right: 35px; border: 1px solid #cacaca; font-family: 'Roboto', sans-serif; color: #9fa4a4; font-size: 14px; } .accordianContent.minorCategory .Center { text-align: center; margin: 25px 0; } .accordianContent.minorCategory .block.descriptionPart, .accordianContent.minorCategory .block.descriptionPart textarea.inputText { max-width: 686px; width: 100%; } .accordianContent.minorCategory .block.descriptionPart textarea.inputText { height: 82px; } .accordianContent.minorCategory .block.checkBoxStyle { margin-top: 29px; } .accordianContent.minorCategory .accordianDetail .row { width: 100%; overflow: hidden; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType { padding: 0; height: 42px; width: 100%; float: left; margin-right: 10px; border: 1px solid #cacaca; position: relative; cursor: pointer; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType:hover > span { background: #ffbb00; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType input[type="file"] { cursor: pointer; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType span { cursor: pointer; position: absolute; top: 0px; left: 0; line-height: 42px; color: #fff; background-color: #0086dc; padding: 0 10px; font-size: 16px; pointer-events: none; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType span:hover { background: #ffbb00; } .accordianContent.minorCategory .block.customBrowseImage .inputFileType input[type="file"] { width: 100%; padding-left: 30px; border: none; } .accordianContent.minorCategory .block.customBrowseImage img { height: 60px; width: 60px; margin-top: 3px; } .accordianContent.minorCategory table.userList { border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 20px; } .accordianContent.minorCategory table.userList tr.header { background: #ededed; } .accordianContent.minorCategory table.userList tr.header td.edit, .accordianContent.minorCategory table.userList tr.header td.delete { text-indent: 0px; } .accordianContent.minorCategory table.userList tr { background: #f9f9f9; } .accordianContent.minorCategory table.userList tr td { text-transform: capitalize; height: 37px; vertical-align: middle; margin: 0; padding: 0 7px 0 7px; font-size: 13px; line-height: 17px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .accordianContent.minorCategory table.userList td.edit, .accordianContent.minorCategory table.userList td.delete { position: relative; width: 82px; text-indent: -9999px; } .accordianContent.minorCategory table.userList td.edit span { position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0; right: 0px; background: url(/images/csharp/edit_my_ac.PNG) no-repeat center top; width: 28px; height: 28px; } .accordianContent.minorCategory table.userList td.delete span { position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0; right: 0px; background: url(/images/csharp/trash.PNG) no-repeat center top; width: 28px; height: 28px; } .accordianContent.minorCategory table.userList td input[type="checkbox"] { float: none; } p.validation_error span { display: block; background-color: #FFD6BB; padding: 10px; border: 1px solid #FF9956; } /*Right side add style*/ .adBox { width: 326px; height: auto; position: relative; float: left; padding: 8px 0px 10px 10px; } .adImage { float: left; width: 100px; height: 110px; overflow: hidden; margin-right: 6px; } .adImage img { padding: 5px; } .adRight { overflow: hidden; } .adRight .MemberoftheMonth { line-height: 19px; } /*Points Description*/ .PointsDescription { width: 100%; margin-top: 10px; margin-bottom: 10px; } .PointsDescription a { font-size: 15px; } .PointsDescription h3 { color: #000; font-size: 25px; margin-bottom: 5px; } .PointsDescription .grid { width: 99%; } .Intruction_contributions { margin: 8px 0 0 0; } .Intruction_contributions li { margin-bottom: 8px; } .pulseReplyCommentPost { clear: both; width: 100%; display: block; } /*For Validation Call out messages -Start*/ .validation-message-box { position: absolute; } .validation-message-box table { margin-left: 10px; } /*Validations End Here*/ .ratingTilte { padding-right: 5px; float: left; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; } .ratingTilte.DownloadLinkbox { padding-right: 5px; float: left; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; width: 60%; } .LinkAd { float: left; margin-top: 10px; width: 100%; text-align: left; } .ratingTilte.DownloadLinkbox + .LinkAd { float: right; width: 34%; } .ratingTilte ul { margin: 0; padding: 0; list-style: none; } .ratingTilte li { padding-bottom: 2px; } /*Blog Listing*/ .blogi-listing { margin: 0px; font-size: 15px; } /*End Blog Listind*/ /* user search events */ .UlSearchEvents li { margin-bottom: 12px; } .ChapterSearchBox { width: 100%; margin: 7px 0 14px 0; overflow: hidden; } .ChapterSearchBox .searchTextBox { width: 290px; height: 26px; border: 1px solid #E7E7E7; font-size: 14px; color: #5a5a5a; float: left; padding: 1px 5px; } .ChapterSearchBox .searchButton { background: url(/forums/images/forums_sprite_20160921.png) -190px -2834px no-repeat; padding: 0px; margin: 0px; width: 31px; height: 31px; float: left; border: none; display: inline-block; cursor: pointer; } div#UserSearchBox ul li { list-style: none; float: left; width: 25%; margin: 0 0 20px 0; } div#UserSearchBox input[type="submit"] { display: block; margin-top: 5px; } /* Notification Bar */ .csharp-notification-bar { float: left; overflow: hidden; width: 100%; } .csharp-notification-bar .csharp-notification { position: fixed; top: 0px; left: 0px; right: 0px; background: #4DA760; overflow: hidden; z-index: 99999; height: 57px; display: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .csharp-notification-bar .icon-box { position: absolute; left: 0px; top: 0px; background: #199233 url(/Images/notificationBarSprite.png) 20px 15px no-repeat; width: 70px; height: 57px; } .csharp-notification-bar .notification-content { color: #fff; font-size: 20px; text-decoration: none; display: inline-block; padding: 0 58px 0px 90px; font-family: 'Open Sans', sans-serif; line-height: 57px; } .csharp-notification-bar .notification-content:hover { color: #94FDAB; } .csharp-notification-bar .notification-close { position: absolute; right: 0px; top: 0px; background: url(/Images/notificationBarSprite.png) 20px -50px no-repeat; width: 57px; height: 57px; display: block; } .csharp-notification-bar .notification-close:hover { background: url(/Images/notificationBarSprite.png) 20px -99px no-repeat; } .csharp-notification + .blankDiv { display: none; height: 57px; } .p-fixed { position: fixed !important; } .marginT43 { margin-top: 43px; } /*Notification Bar Ends here*/ /* share social popup for e-book download */ .share-on-social-popup { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .share-on-social-popup .share-on-social-content { width: 100%; max-width: 448px; height: 130px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #fff; z-index: 99999; margin: auto; text-align: center; } .share-on-social-popup .share-on-social-content p { color: #252525; font-size: 17px; } .share-on-social-popup .bottom-button { width: 100%; display: block; margin-top: 15px; text-align: center; } .share-on-social-popup .bottom-button a { display: inline-block; margin: 0 10px; background: #48639C url(/images/csharp/iconSpritImage_20160921.png) 0px -5842px no-repeat; height: 35px; padding: 0 10px 0 45px; color: #fff; line-height: 35px; font-size: 16px; } .share-on-social-popup .bottom-button a.twitter { background-position: 0px -5753px; background-color: #6DDAFF; } .share-on-social-popup .closeIcon { position: absolute; right: -17px; top: -17px; width: 35px; height: 35px; background: url(/images/csharp/iconSpritImage_20160921.png) 0px -5945px no-repeat; } /* share social popup for e-book download */ /* profileMenuTab On Author Profile*/ .recentactivityBox .topArticles h3 { color: #FFFFFF } .topArticles { } .authorContent { color: gray; } /*.tab-container{ padding:5px 5px 5px 0; position:relative;} .tab-container ul.tab{ margin: 0!important;height: 34px;padding: 5px 5px 0 5px; background:#287bb7;} .tab-container ul.tab li{ float:left; padding:0px;} .tab-container ul.tab li a {float: left;color: #fff;display: block;padding: 5px 8px 5px 12px;height: 24px;font-size: 17px;font-family: 'Roboto', sans-serif;border-left: 1px solid #287bb7;} .tab-container ul.tab li.active a{ color:#287bb7; background:#fff;}*/ .filter-article-contribution { padding: 5px; border: 1px solid #e0e0e0; background: #f2f2f2; margin-top: 6px;} .filter-article-contribution:after { clear: both; display: block; content: ""; } .filter-article-contribution p { float: left; padding-right: 8px; } .filter-article-contribution p:last-child {padding-right: 0 } .filter-article-contribution p .filter-label { font-size: 15px; padding-right: 4px; float: left; color: #595959; line-height: 31px; } .filter-article-contribution p select { float: left; width: 100px; height: 31px; } .filter-article-contribution p .filter_gobtn { background: #00bbaf; color: #fff; font-size: 15px; padding: 0 10px; border: none; outline: none; height: 31px; line-height: 31px; cursor: pointer; } .profileLeft .recentactivityBox { padding: 0px; margin-top: -5px; } .profileLeft .recentactivityBox .image { margin-top: 2px; } .profileLeft .HeadingBold { padding-top: 10px; margin-right: 8px; } .recentactivityBox .right .featured { position: relative; padding-right: 14px; } .recentactivityBox .right .featured:after { background: url(/images/csharp/featured_star.png) no-repeat top right; content: ""; position: absolute; right: 0px; top: 2px; width: 14px; height: 12px; } .AuthorProfileLeftContent { float: left; width: 644px; min-height: 626px; margin-top: 9px; } .AuthorLikedViewTab { width: 676px; overflow: hidden; margin-top: -10px; } .AuthorProfileRightContent { float: right; width: 336px; position: absolute; top: 200px; float: right; margin-left: 336px; } .AuthorPageHeading { font-weight: normal; width: 97%; text-transform: uppercase; position: relative; color: #727272; } .profileLeft .acceptance-rate { padding: 6px 8px; color: #fff; background: #42c9fb; position: relative; top: -4px; } .profileLeft .acceptance-rate span { display: none; background: #42c9fb; } @media (max-width:480px) { .profileLeft .acceptance-rate { display: table; margin-top: 8px; } } /* timeline page */ .activity-timeline, .activity-timeline * { box-sizing: border-box; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .activity-timeline h2 { text-align: center; } .activity-timeline .arcticle-detail { width: 100%; padding: 0px; margin: 15px 0 25px 0; display: block; } .activity-timeline .arcticle-detail li { list-style: none; display: block; margin: 0; padding: 0px; } .activity-timeline .arcticle-detail li .label { float: left; overflow: hidden; width: 175px; text-align: right; font-size: 17px; color: #343434; margin-right: 8px; padding: 10px; } .activity-timeline .arcticle-detail li .detail { padding: 5px 10px 5px 10px; text-align: left; font-size: 17px; overflow: hidden; } .activity-timeline .clearfix:after { clear: both; float: none; display: block; content: ""; } .activity-timeline .timeline-container { position: relative; width: 100%; display: block; text-align: left; } .activity-timeline .timeline-container .midline { position: absolute; left: 0px; right: 0px; width: 3px; height: 100%; top: 0px; margin: 0 auto; background: #d4d4d4; } .activity-timeline .timeline-container .timeline-history { padding: 0px; margin: 0px; } .activity-timeline .timeline-container .timeline-history li { width: 100%; position: relative; padding: 20px 0; list-style: none; font-size: 16px; } .activity-timeline .timeline-container .timeline-history li p { margin: 5px 0 0 0; } .activity-timeline .timeline-container .timeline-history li .iconbox { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 37px; height: 37px; margin: auto; } .activity-timeline .timeline-container .timeline-history li .leftbox { width: 47%; float: left; padding-right: 70px; padding-left: 190px; } .activity-timeline .timeline-container .timeline-history li .leftbox img { width: 50px; height: 50px; float: left; margin-right: 10px; background: #D4D4D4; color: #D4D4D4; } .activity-timeline .timeline-container .timeline-history li .rightbox { width: 47%; float: right; padding-left: 70px; } .activity-timeline .timeline-container .timeline-history li .rightbox p.update-comment { line-height: 18px; margin-bottom: 7px; } .activity-timeline .timeline-container .timeline-history li .rightbox p.update-comment:first-letter { text-transform: capitalize; } .timeline-history .iconbox { background: url(/Images/csharp/iconSpritImage_20160921.png) no-repeat; } .timeline-history .iconbox.approved { background-position: -1px -6040px; } .timeline-history .iconbox.under-review { background-position: -1px -6144px; } .timeline-history .iconbox.incomplete { background-position: -1px -6252px; } .timeline-history .date { color: #8d8d8d; font-size: 14px; } .timeline-history .watchICon { background: url(/images/csharp/homeSprite_20160921.png) -1px -2379px no-repeat; display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-right: 3px; } .timeline-box { text-align: center; } .timeline-box h2.HeadingBold { display: inline-block; line-height: 36px; padding: 0 0 0 37px; background-position: 0 -4709px; } .authorContentBg { background: url(/Images/profile_bg.png) 0 0 repeat; } .authorContentBg .topHeaderConainer { background: #fff; } /* category page*/ .category { position: relative; } .category .socialIcons { position: absolute; left: -62px; top: 10px; } .category .socialIcons strong.title { color: #efb62a; font-size: 18px; text-transform: uppercase; font-family: "BebasNeueRegular"; font-weight: 400; display: block; line-height: 1; } .category .socialIcons ul { list-style: none; padding: 0px; margin: 0px; } .category .socialIcons ul li { margin-top: 13px; } .category .socialIcons ul li a { background: url(/images/sprite_icons_20160514.png) 0px -123px no-repeat; width: 36px; height: 36px; display: block; font-size: 0px; } .category .socialIcons ul li.tw a { background-position: 0px -170px; } .category .socialIcons ul li.in a { background-position: 0px -218px; } .category .socialIcons ul li.gplus a { background-position: 0px -267px; } .category .socialIcons ul li.redit a { background-position: 0px -316px; } .category .socialIcons ul li.whatsapp a { background-position: 0px -939px; } /*#TopicDetailBox .category .socialIcons {top: 170px!important; }*/ /*Social icons css*/ /*Article box css*/ .category .article { background: #1F7596; padding: 20px 23px 16px; width: 100%; margin-top: 12px; box-sizing: border-box; } .category .article .image { max-width: 90px; margin-right: 23px; float: left; overflow: hidden; } .category .article .detail { width: auto; float: none; overflow: hidden; } .category .article .HeadingAr { color: #fff; font-size: 40px; line-height: 1; padding: 0 210px 13px 0; } .category .article .descrption { color: #fff; font-size: 20px; } .category .article-bar { background-color: #2a87abba; padding: 5px 12px; margin-bottom: 27px; } .category .article-bar ul { list-style: none; margin: 0; padding: 0 } .category .article-bar ul li { margin: 10px; display: inline-block; } .category .article-bar ul li a { padding: 10px; background-color: #1f7496; color: #fff; display: inline-block; } .category .article-bar ul li a:hover, .category .article-bar ul li a.active { color: #313131; background-color: #fff } .category .article-bar ul li a span { margin-left: 5px; } .category .article .HeadingAr .rightFollowLoader { position: absolute; right: 0; top: 2px; } .category .article .HeadingAr .rightFollowLoader .follow:before{display:none} .category .article .HeadingAr .rightFollowLoader > img { float: left; margin: 2px 5px 0 0; } .category .article .HeadingAr .followBtn { height: 37px; line-height: 37px; padding: 0 12px 0 47px; background: #efb62a; color: #fff; font-size: 20px; float: left; position: relative; border: none; cursor: pointer; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .category .article .HeadingAr .followBtn.unFollow, .category .article .HeadingAr .followBtn:hover { background: #7e7e7e; } .category .article .HeadingAr .followBtn.unFollow:hover { background: #efb62a; } .category .article .HeadingAr .followBtn i { position: absolute; left: 10px; top: 3px; width: 29px; height: 27px; background: url(/Images/newSpriteIcons_20161122.png) no-repeat; background-position: 0 -5665px; border: none } .category .about-topics { background: none; padding: 0 0 10px 0; } /*Article box css*/ /*left container css*/ .category .recentactivityBox { margin: 0px 0 16px; } .category .recentactivityBox .rightBarBox { float: right; } .category .recentactivityBox .rightBarBox .autoCompleteBox { position: relative; float: left; margin-right: 15px; } .category .recentactivityBox .HeadingBold { float: left; margin-top: -4px; } .category .recentactivityBox .recentactivityFilter { border: 1px solid #b0b0b0; float: right; position: relative; } .category .recentactivityFilter:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7f7f7f; content: ""; display: block; position: absolute; right: 4px; top: 13px; z-index: 2; pointer-events: none; } .category .recentactivityFilter:after { background: #fff; border-left: 1px solid #b0b0b0; content: ""; display: block; height: 32px; pointer-events: none; position: absolute; right: 0; top: 0; width: 19px; z-index: 1; } .category .recentactivityFilter select { border: 0px; color: #595959; font-size: 14px; font-weight: 300; height: 32px; padding-left: 12px; font-family: 'Open Sans', sans-serif; width: 140px; } .category .articlesRow { overflow: hidden; margin-bottom: 42px; list-style-type: none; } .category .articlesRow .HeadingAr { font-size: 24px; color: #2f2e2e; text-transform: none; line-height: 20px; padding-bottom: 7px; padding-top: 0px; } .category .articlesRow .HeadingAr a { color: #212121; } .category .articlesRow .HeadingAr a:hover { color: #ffbb00; } .category .postingInfo { margin-top: 5px; } .category .articlesRow .author { color: #ffbb00; display: inline-block; padding-right: 11px; } .category .articlesRow .author:hover { color: #212121; } .category .articlesRow .postingDate { color: #2f2e2e; display: inline-block; padding-left: 21px; background: url(/images/sprite_icons_20160514.png) 0px 3px no-repeat; line-height: 22px;} .category .articlesRow .image { float: left; margin: 2px 10px 0 0; width: 61px; box-sizing: border-box; overflow: hidden; } .category .articlesRow .image img.userImage { border-radius: 50%; } .category .articlesRow .detail { overflow: hidden; } .category .paginations { margin-top: 8px; text-align: center; } .category .paginations .pageTab { margin: 0px; } /*left container css*/ /*right container css*/ .category .bookDownloader { background: #f2f2f2; overflow: hidden; padding: 11px 15px 20px 16px; margin-bottom: 26px; } .category .bookDownloader .image { float: left; padding-right: 10px; width: 27.9%; } .category .bookDownloader .image > img { max-width: 100%; height: auto; } .category .bookDownloader .detail { float: right; width: 69.1%; } .category .bookDownloader .HeadingBold { font-size: 24px; line-height: 1; padding: 0 0 12px; } .category .bookDownloader .title { color: #ffbb00; font-size: 20px; font-weight: 400; line-height: 1; display: block; padding-bottom: 7px; } .category .bookDownloader .title:hover { color: #01a821; } .category .bookDownloader .descrption { line-height: 22px; padding-bottom: 8px; } .category .bookDownloader .downloadBtn { float: right; } .category .rightCntr { width: 407px; } .category .leftCntr { width: 597px; } .category .rightCntr .HeadingBold, .category.chapter-listing .HeadingBold { color: #555; font-size: 24px; } .category .rightBox { margin-bottom: 25px; width: 100%; } .category .rightBox li h3 { font-weight: normal; margin: 0; padding: 0; overflow: hidden; } .category .rightBox li a { color: #8e8e8e; font-size: 15px; } .category .rightBox li a:hover, .category .rightBox li a.active { color: #ffbb00; } .category .rightCntr .rightBox .HeadingBold, .category.chapter-listing .HeadingBold, .chapterdetail h2.HeadingBold { line-height: 1; margin-bottom: 15px; } .category .rightCntr .rightBox .HeadingBold .viewAllLink { color: #4a4949; font-size: 19px; margin: 3px 0 0; padding: 0; text-transform: none; font-family: "Roboto", sans-serif; background: url(/images/sprite_icons_20160514.png) 72px -508px no-repeat; padding-right: 15px; } .category .rightCntr .rightBox .HeadingBold .viewAllLink:hover { color: #8e8e8e; background-position: 72px -590px; } .category .rightBox ul { list-style: none; margin: 0 0 10px 0; padding: 0; } .category ul.LatestQuestionBox li a:before { background: none; } /*list with round bullet css*/ .category .rightBox ul.roundBullet > li { font-size: 18px; line-height: 1; margin-bottom: 17px; padding-left: 17px; position: relative; } .category .rightBox ul.roundBullet > li:last-child { margin: 0px; } .category .rightBox ul.roundBullet > li:before { background: #ffbb00; border-radius: 100%; content: ""; display: block; height: 8px; left: 0; position: absolute; top: 6px; width: 8px; } /*list as thumb gallery css*/ .category .rightBox ul.thumbGallery > li { float: left; padding: 0 10px 12px 0; width: 59px; } .category .rightBox ul.thumbGallery > li:nth-child(6n) { padding-right: 0px; width: 59px; } .category .rightBox ul.thumbGallery > li a { display: block; width: 59px; height: 59px; } .category .rightBox ul.thumbGallery > li a img.userImage { border-radius: 20%; } /*list with numeric bullet and line css*/ .category .rightBox ul.numLinebullet > li { border-bottom: 1px solid #f5f5f5; margin-bottom: 2px; overflow: hidden; padding: 0 0 2px; min-height: 36px; } .category .numLine { color: #a7a7a7; float: left; font-size: 26px; font-weight: normal; height: 36px; line-height: 36px; padding: 0 0 0 6px; text-align: left; width: 60px; position: relative; } .category .numLine:after { position: absolute; width: 3px; height: 90%; background: #0182d6; content: ""; transform: rotate(19deg); top: 0px; right: 12px; } .category .rightBox ul.numLinebullet > li:hover .numLine:after { background: #ffbb00; } .category .outerBox { border-bottom: none; } /*Tags */ .tag-box { border: none; padding: 4px; } .tag-box a.HeaderTagCloud, .tag-box a.HeaderTagCloudDark, .tag-box a.HeaderTagCloudLight, .tag-box a.HeaderTagCloudLighter { border: none; color: #fff; zoom: 1.0; padding: 0px 8px; font-size: 15px; -webkit-transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease; display: inline-block; margin: 0px 2px 2px 0; line-height: 2.2; } .tag-box a.HeaderTagCloud { background: #0ab7ff; } .tag-box a.HeaderTagCloudDark { background: #008ac3; } .tag-box a.HeaderTagCloudLight { background: #00a6eb; } .tag-box a.HeaderTagCloudLighter { background: #0ab7ff; } .tag-box a.HeaderTagCloud:hover, .tag-box a.HeaderTagCloudDark:hover, .tag-box a.HeaderTagCloudLight:hover, .tag-box a.HeaderTagCloudLighter:hover { background: #505050; color: #fff !important; } .tagTitle { width: 98%; padding: 1% !important; } /*Tutorial S*/ .chapterdetail .page-count-description { clear: both; display: inline-block; font-size: 19px; color: #848484; margin: 0px; line-height: 37px; } #NextAndPrevious2 { overflow: hidden; text-align: center; } #NextAndPrevious1 > a, #NextAndPrevious2 > a { color: #ffbb00; font-size: 24px; font-family: "BebasNeueRegular"; background: url(../../Images/sprite_icons_20160514.png) 111px -651px no-repeat; padding-right: 19px; } #NextAndPrevious1 > a:hover, #NextAndPrevious2 > a:hover { background: url(../../Images/sprite_icons_20160514.png) 111px -724px no-repeat; } #NextAndPrevious1 > a.PreviousChapter, #NextAndPrevious2 > a.PreviousChapter { background-position: 0 -797px; padding: 0 0 0 19px; } #NextAndPrevious1 > a.PreviousChapter:hover, #NextAndPrevious2 > a.PreviousChapter:hover { background-position: 0 -870px; } .article .ArticleFooter { position: relative; } .ArticleFooter .margin-top-left.pageCount { position: relative; left: 0px; top: 0px; font-size: 20px; margin: 0px; } .article .ArticleFooter .pageTab { margin: 3px 0px 0px; } .add-chapter-box .breadcrumb, .chapter-sereis.breadcrumb { margin-top: -6px; } .create-series.accordianContent.minorCategory .block { width: 100%; max-width: 100%; } .create-series.accordianContent.minorCategory .block.customBrowseImage .inputFileType { width: auto; } .create-series.accordianContent.minorCategory .block.customBrowseImage .inputFileType + .NewCommonButtonStyle { float: left; padding: 9px 15px; line-height: 25px; } .create-series.accordianContent.minorCategory .block.customBrowseImage .inputFileType input[type="file"] { padding-left: 36px; } .create-series.accordianContent.minorCategory .block label.required:after, .add-chapter-box .accordianContent.minorCategory .block label.required:after { content: ' *'; color: #ff1800; font-size: 14px; } .manage-series h2.mainTitle { float: left; margin: 9px 0px 0px; } .manage-series .myAccountGridCntr .gridListConatiner li .articleEdit.continue { font-size: 0px !important; background: url(/Images/continue.png) 0px 0px no-repeat; } .manage-series .myAccountGridCntr .gridListConatiner li span.col6, .manage-series .myAccountGridCntr .gridListConatiner li span.col2 { text-align: center; } .manage-series .myAccountGridCntr .gridListConatiner li a { display: inline-block; float: none; } .manage-series .NewCommonButtonStyle { font-size: 18px; margin-right: 0px; } .manage-series input[type="checkbox"] { display: inline-block; float: none; text-align: center; } .add-chapter-box .myAccountGridCntr .gridListConatiner li .up-arrow { background: url(/Images/up-arrow.png) no-repeat center top; width: 18px; height: 20px; } .add-chapter-box .myAccountGridCntr .gridListConatiner li .down-arrow { background: url(/Images/down_arrow.png) no-repeat center top; width: 18px; height: 20px; } .add-chapter-box .myAccountGridCntr .gridListConatiner li span.col6 { text-align: center; } .add-chapter-box .myAccountGridCntr .gridListConatiner li a { display: inline-block; float: none; } .add-chapter-box .myAccountGridCntr .col_tag { width: 520px; word-wrap: break-word; } .add-chapter-box .seriesName { color: #383838; } .add-chapter-box .seriesName .series-title { color: #969696; } .add-chapter-box .myAccountGridCntr .gridHeader { background: #0086DC; color: #fff; } .chapterdetail .contentGray { font-size: 15px; line-height: 21px; } #tutorial.article { background: #009ee3; padding: 20px 23px 16px; margin-top: 12px; margin-bottom: 27px; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } #tutorial.article .HeadingAr { color: #fff; font-size: 40px; line-height: 1; } #tutorial.article .image { float: left; overflow: hidden; margin-right: 23px; width: 90px; } #tutorial.article .detail { overflow: hidden; float: none; width: auto; } #tutorial.article .descrption { color: #fff; font-size: 20px; } .series-listing-Box { width: 100%; background: #fff; padding: 20px; } .series-listing-Box ul { padding: 0px; margin: 0px -20px 0px 0px; } .series-listing-Box ul li { float: left; list-style: none; width: 327px; padding: 0 20px 20px 0; } .series-listing-Box ul li .categoryImage { display: block; float: left; width: 60px; height: 60px; overflow: hidden; margin-right: 10px; border: 1px solid #d0d0d0; } .series-listing-Box ul li a { text-decoration: none; font-size: 18px; color: #595959; } .series-listing-Box ul li a:hover { color: #ffbb00 } .contactus_postedBy { display: none; } h2.HeadingBold > a.headerRss { margin: 5px 0px 0px 8px; } .pollContainer { width: 100%; display: block; overflow: hidden; margin-bottom: 10px; } .pollContainer ul.tab { margin: 0px; padding: 0px; width: 100%; overflow: hidden; } .pollContainer ul.tab li { float: left; padding: 0px; margin-right: 5px; list-style: none; } .pollContainer ul.tab li a { background: #4d4d4d; color: #fff; font-size: 16px; font-family: 'BebasNeueRegular'; display: block; padding: 0 15px; line-height: 32px; border: 1px solid #4d4d4d; border-bottom: none; } .pollContainer ul.tab li a:hover, .pollContainer ul.tab li a.active { background: #fff; color: #4d4d4d; } .pollContainer .pollContent { padding: 15px; margin-top: -1px; border: 1px solid #4d4d4d; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; } .pollContainer .pollContent h3 { margin: 0px; font-weight: normal; } .pollContainer .pollContent h3 a.PollTitle { color: #4d4d4d; font-family: "BebasNeueRegular"; font-size: 17px; display: inline-block; } .pollContainer .pollContent h3 a.PollTitle:hover { color: #01a821; } .pollContainer .pollContent .pollOption { margin: 15px 0; width: 100%; padding: 0px; } .pollContainer .pollContent .pollOption li { display: block; margin-bottom: 5px; font-size: 16px; list-style: none; padding: 0px; } .pollContainer .pollContent .commonBtn { border: none; cursor: pointer; display: block; color: #fff; font-size: 15px; padding: 0px 35px 0px 12px; height: 27px; line-height: 19px; background: #4590c6 url(/Images/CareerAdvice/commonBTn.png) right top no-repeat; float: right; } .pollContainer .pollContent .prev-next-poll .pollNext { float: right; } .pollContainer input[type="radio"] { display: inline-block; } .pollContainer .vote-status { color: #01a821; } .pollContainer .pollResult { display: block; width: 100%; margin-top: 15px; } .pollContainer .pollResult ul { margin: 0px; padding: 0px; display: table; border: 1px solid #d0d0d0; border-bottom: none; width: 100%; } .pollContainer .pollResult ul li { display: table-row; padding: 0px; margin: 0px; background: #fff; color: #4d4d4d; list-style: none; width: 100%; } .pollContainer .pollResult ul li:nth-child(odd) { background: #f5f5f5; } .pollContainer .pollResult ul li.pollResultHeader { background: #4d4d4d; color: #fff; } .pollContainer .pollResult ul li > * { border-bottom: 1px solid #d0d0d0; padding: 0px 5px; display: table-cell; height: 28px; vertical-align: middle; text-align: center; } /* In focus starts here */ .ticker { width: 538px; height: 50px; display: block; position: relative; overflow: hidden; } .ticker a { color: #fff; } .ticker-title { padding-top: 9px; color: #900; font-weight: bold; text-transform: uppercase; } .ticker-content { margin: 0; padding-top: 9px; position: absolute; color: #1f527b; overflow: hidden; white-space: nowrap; line-height: 1.2em; } .ticker-content a:hover { text-decoration: none; color: #0d3059; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0; background-color: #f60; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #fff; height: 14px; width: 7px; display: block; } .js-hidden { display: none; } .ticker-controls { padding: 8px 0 0 0; list-style-type: none; float: left; } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } /* In focus ends here*/ .login.loader { display: none; position: absolute; left: 75px; bottom: 62px; } .logout.loader { display: none; } .category-loader { margin-top: 10px; margin-left: 10px; } /* page not found */ .pagenotfound { display: block; width: 100%; padding-top: 12px; } .pagenotfound .left { float: left; width: 60%; padding-right: 50px; } .pagenotfound .right { float: left; width: 24%; } .pagenotfound .right img { width: 100%; height: auto; } .pagenotfound h2 { margin: 0; font-size: 36px; color: #5e5e5e; text-transform: uppercase; line-height: 34px; font-weight: normal; } .pagenotfound p { font-size: 17px; color: #2e2e2e; margin: 5px 0; } .pagenotfound .bottomBtns { display: block; margin: 50px 0 8px 0; text-align: center; } .pagenotfound .bottomBtns .backHomeBtn { height: 35px; padding: 0 18px; color: #fff; background: #efb62a; display: inline-block; line-height: 35px; font-size: 16px; } .pagenotfound .bottomBtns .backHomeBtn:hover { background: #ffbb00; } .pagenotfound .categoryContainer { width: 100%; display: block; } .pagenotfound .categoryContainer h3 { margin: 0; padding: 0; font-size: 24px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie' \9/; color: #727272; font-weight: normal; text-transform: uppercase; clear: both; } .pagenotfound .categoryContainer ul { margin: 22px 0 0 0; padding: 0; } .pagenotfound .categoryContainer ul:after { clear: both; content: ""; display: block; float: none; } .pagenotfound .categoryContainer ul li { float: left; list-style: none; width: 327px; padding: 0 10px 10px 0; min-height: 54px; } .pagenotfound .categoryContainer ul li .categoryImage { display: block; float: left; width: 50px; height: 50px; overflow: hidden; margin-right: 6px; border: 1px solid #d0d0d0; } .pagenotfound .categoryContainer ul li .categoryImage img { max-width: 100%; width: auto; height: auto; } .pagenotfound .categoryContainer ul li .categoryName { overflow: hidden; padding-top: 16px; display: block; font-size: 15px; } /* columnists page */ .columnistPageSection .leftCntr { float: left; width: 180px; overflow: hidden; margin-right: 15px; } .columnistPageSection .leftCntr .rightBox { width: 100%; } .columnistPageSection .rightCntr { overflow: hidden; width: auto; float: none; } .columnistPageSection .rightCntr .rightBarContainer { float: right; width: 336px; } .columnistPageSection .rightCntr .leftBarContainer { float: left; width: 483px; } .columnistsBio { width: 100%; display: block; margin: 3px 0px 15px 0px; } .columnistsBio .authorImage { float: left; overflow: hidden; margin-right: 15px; width: 140px; height: 140px; border: 1px solid #d0d0d0; } .columnistsBio .authorImage img { width: 140px; height: 140px; } .columnistsBio .leftBio { overflow: hidden; } .columnistsBio .leftBio h3 { margin: 0 0 3px 0; padding: 0; font-size: 24px; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; font-weight: normal; } .columnistsBio .leftBio h3 a { color: #727272; } .columnistsBio .leftBio h3 a:hover { color: #01a821; } .columnistsBio .leftBio .authorDescription { margin: 0px; font-size: 15px; line-height: 25px; color: #767575; } .columnistsList { padding: 0px; margin: 0px; } .columnistsList li { list-style: none; padding: 10px 0; } .columnistsList li .columnistsListLeft { width: 50px; height: 50px; margin: 2px 10px 0 0; float: left; overflow: hidden; border: 1px solid #d7d7d7; } .columnistsList li .columnistsListLeft img { width: 50px; height: 50px; } .columnistsList li .columnistsListRight { overflow: hidden; } .columnistsList li h3 { font-size: 17px; font-weight: normal; margin: 0 0 6px 0; padding: 0; line-height: 20px; } .columnistsList li h3 a { color: #333; font-family: 'Roboto', sans-serif; } .columnistsList li h3 a:hover { color: #01a821; } .columnistsList li p.descrption { display: block; margin: 0 0 4px 0; font-size: 15px; color: #727272; } .columnistsList li .postingInfo { display: block; font-size: 14px; color: #adadad; background: url(../../images/csharp/homeSprite_20160921.png) 0 -3258px no-repeat; padding: 0 0 0 16px; } ul.columnistsListing { list-style: none; margin: 5px 0 0 10px; padding: 0; overflow: hidden; } ul.columnistsListing li { display: block; overflow: hidden; position: relative; min-height: 28px; padding: 0 0 2px 0; margin-bottom: 7px; } ul.columnistsListing li a.columnist_image { overflow: hidden; margin-right: 10px; width: 30px; height: 30px; float: left; } ul.columnistsListing li a { overflow: hidden; color: #7f8080; text-decoration: none; line-height: 30px; margin: 0; display: block; } ul.columnistsListing li a:hover { color: #01a821; } ul.columnistsListing li a span { line-height: 30px; } ul.columnistsListing li img.columnist-image { width: 28px; height: 28px; float: left; border-radius: 50%; border: 1px solid #e2e4e7; } ul.columnistsListing .active-column { color: #f60; } .loadmore-link span { color: #3366CC; font-size: 15px; } .loadmore-link span:hover { color: #01a821; } .columnistPageSection .ArticleFooter .pageTab { margin: 0px; } .ratingTilte { padding-right: 5px; float: left; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; } .ratingTilte.DownloadLinkbox { padding-right: 5px; float: left; margin-bottom: 0px; margin-top: 10px; word-wrap: break-word; word-break: break-all; width: 50%; } .linkAdContainer .LinkAd { float: right; margin-top: 10px; width: 46%; text-align: left; position: relative; padding: 0 0 0 0; line-height: 20px; clear: right; } .linkAdContainer .LinkAd:first-child { float: left; width: 46%; } .LinkAd i.linkAdIcon { position: absolute; left: 0; top: 0; width: 18px; height: 17px; background-position: 0 -5038px; } .linkAdContainer.bottom .LinkAd { margin-bottom: 5px; } .ratingTilte.DownloadLinkbox + .linkAdContainer .LinkAd { float: right; width: 46%; } .ratingTilte ul { margin: 0; padding: 0; list-style: none; } .ratingTilte li { padding-bottom: 2px; } .mediaKit.link { background: url('/images/newSpriteIcons_20161122.png') no-repeat 0 -2407px; width: 30px; height: 30px; padding: 2px 5px 2px 35px; font-size: 19px; } /* report a bug */ .reaportBug { width: 100%; display: block; padding: 10px 45px; background: #f5f5f5; } .reaportBug .row { display: block; width: 100%; margin-bottom: 15px; } .reaportBug .row .error { color: #FF0033; padding-top: 5px; } .reaportBug .row:after { clear: both; content: ""; display: table; } .reaportBug .row .label { width: 100px; float: left; font-size: 15px; color: #7f8080; padding-top: 9px; min-height: 1px; } .reaportBug .row .inputBox { width: calc(100% - 102px); float: left; } .reaportBug .row .inputBox .inputText { width: 100%; padding: 0 12px; color: #7f8080; height: 40px; border: 1px solid #d0d0d0; font-size: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; background: #fff; } .reaportBug .row .inputBox textarea.inputText { height: 60px; padding: 10px; font-size: 15px; font-family: 'Open Sans', sans-serif; } .reaportBug .row .inputBox .inputFileType { width: 100%; max-width: 298px; float: left; margin-right: 10px; position: relative; cursor: pointer; } /*.reaportBug .row .inputBox .inputFileType input[type="file"] {width: 100%;padding:0 10px 0 32px; cursor:pointer; color:#7f8080;}*/ .reaportBug .row .inputBox .custom_file_btn { background: #fff; max-width: 298px; height: 38px; line-height: 38px; width: 100%; margin: 0px; float: left; position: relative; padding: 0; border: 1px solid #d0d0d0 } .reaportBug .row .inputBox .custom_file_btn .fileOriginal { opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); width: 100%; height: 40px; z-index: 100; position: absolute; top: 0px; left: 0px; cursor: pointer; font-size: 16px; color: #2f2e2e } .reaportBug .row .inputBox .custom_file_btn .fileDuplicate { position: absolute; top: 0; left: 0; z-index: 99; padding: 0; width: 100%; height: 38px } .reaportBug .row .inputBox .custom_file_btn .fileDuplicate .inputText { padding: 0 10px; height: 40px; line-height: 40px; border: none; background: none; font-size: 15px; color: #2f2e2e; } .reaportBug .row .inputBox .custom_file_btn .fileDuplicate .file_btn { position: absolute; right: 0px; top: 0px; width: 120px; height: 40px; line-height: 40px; background: #efb62b; color: #fff; text-align: center } .reaportBug .row .inputBox #imgBug { margin-left: 10px; } /*Authors Point|Ranks|TotalReadCount*/ .pulseRightDetail ul.rpv, ul.rpv { margin: 0 0 0 0; padding: 0px; display: block; float: right; cursor: default; } .pulseRightDetail ul.rpv li, ul.rpv li { float: right; font-size: 12px; color: #676767; list-style: none; border: none; background-position: 0 -1645px; margin-right: 5px !important; padding: 0 0 0 6px; font-weight: bold; width: auto !important; min-height: 18px; } ul.member-listing, ul.member-listing li { float: left; } .pulseRightDetail ul.rpv li.point, ul.rpv li.point { background-position: 0 -1690px; } .pulseRightDetail ul.rpv li.views, ul.rpv li.views { background-position: 0 -1734px; margin-right: 0px !important; } /*Manage All Content By Admin*/ .manage-all-contents h2.mainTitle { float: left; margin: 9px 0px 0px 0px; } .manage-all-contents .filter-box { width: 150px !important; height: 33px !important; margin-left: 5px; font-family: 'Open Sans', sans-serif; } .manage-all-contents ul li a.deleteArticle { position: absolute; } .manage-all-contents .gridListConatiner span { cursor: default; } ul.author-listing-box.ui-menu { min-width: 1px; width: 247px !important; } ul.author-listing-box.ui-menu li { padding: 0; clear: both; display: block; } ul.author-listing-box li a { padding: 3px; line-height: 40px; } ul.author-listing-box img { float: left; margin-right: 5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e2e4e7; } ul.author-listing-box li a:hover, ul.author-listing-box li:hover, ul.author-listing-box li.ui-state-focus, ul.author-listing-box li.ui-state-focus a { background: #B6B6B6; color: #fff !important; font-weight: normal; } ul.author-listing-box li.not-found { padding: 10px; } ul.author-listing-box li span.not-found { padding: 10px 0 10px 0; } input.authors-search { width: 236px; height: 30px; margin-left: 50px; font-family: 'Open Sans', sans-serif; color: #595959; padding: 0px 5px; border: 1px solid #B0B0B0; } span.category-loader-box { width: 24px; height: 32px; background: none; line-height: 32px; position: absolute; margin-left: 14px; } /*--Topics Ebook Control--*/ .topics-ebook { background: #f2f2f2; overflow: hidden; padding: 11px 15px 20px 16px; margin-bottom: 26px; color: #8d8d8d; } .topics-ebook .HeadingBold { color: #555; font-size: 24px; line-height: 1; padding: 0 0 12px; } .topics-ebook .image { float: left; padding-right: 10px; width: 27.9%; } .topics-ebook .image>img { max-width: 100%; height: auto; } .topics-ebook .detail { float: right; width: 68.1%; } .topics-ebook .title { color: #ffbb00; font-size: 20px; font-weight: 400; line-height: 1; display: block; padding-bottom: 7px; } .topics-ebook .title:hover { color: #01a821; } .topics-ebook .description { line-height: 22px; padding-bottom: 8px; } .about-topics .topic-name { color: #727272; font-size: 29px; text-transform: uppercase; } #AboutTopic .descrption { color: #8d8d8d; } .message-summary { color: red; padding: 0; margin: 2px 0px 0px 24px; line-height: 19px; } /*Editor table-data*/ td.td-clickable { padding: 0; } td.td-clickable:hover { background: #0086dc; cursor: pointer; } td.td-clickable .span-clickable { padding: 4px; display: block } td.td-clickable:hover .span-clickable { color: #fff } .s-result .list-discription { line-height: 1.6; } /*ul.authorFilter li{background: url(/images/csharp/BulletCircle.png) 0 6px no-repeat; padding-left: 10px;padding-bottom: 2px;}*/ ul.authorFilter li { padding-bottom: 2px; } /*Editor table-data end*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .reaportBug .row .inputBox .inputFileType input[type="file"] { padding: 7px 10px 0 24px; } } @media screen and (max-device-width:1024px) { .reaportBug .row .inputBox .inputFileType input[type="file"] { padding: 7px 10px 0 34px; } } .reaportBug .row .inputBox .inputFileType span { cursor: pointer; position: absolute; top: 0px; left: 0; line-height: 39px; color: #fff; background-color: #0086dc; padding: 0 10px; font-size: 15px; pointer-events: none; } .recaptcha-box { display: inline-block } .inputText.password { font-family: 'asterisk'; } .majorCategorySelect > label.label { display: inline-block; vertical-align: middle; } .manage-series .majorCategorySelect .NewCommonButtonStyle { display: inline-block; vertical-align: middle; } .yearDropDown, .monthDropDown { font-family: 'Roboto', sans-serif; color: #9fa4a4; font-size: 14px; position: relative; display: inline-block; vertical-align: middle; } .yearDropDown:after, .monthDropDown:after { position: absolute; right: 1px; top: 1px; width: 34px; height: 29px; background: url('/Admin/Images/arrow_down.png') 0 0px no-repeat; content: ""; pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; background-color: #fff; } .yearDropDown select, .monthDropDown select { width: 135px; height: 31px; border: none; background: none; padding: 5px 15px; border: 1px solid #cacaca; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } .personalProfileLink { background: url('/images/newSpriteIcons_20161122.png') no-repeat 0 -6800px; padding-left: 23px; font-size: 16px; line-height: 18px; min-height: 21px; display: inline-block; word-break: break-all; padding-right: 15px;padding-bottom: 8px;} .postBottomBtns { font-size: 0; } .postBottomBtns .CommonBlueBtn { margin: 0 2px; } .profileLeft .aboutMe .web-link{font-size: 16px;line-height: 18px;word-break: break-all;padding-left: 26px;padding-bottom: 8px;width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .profileLeft .aboutMe .web-link .icon-link{background: url('/images/newSpriteIcons_20161122.png') no-repeat 0 -6800px;position:relative;float:left;margin-left:-25px;font-size: 16px;line-height: 18px;height: 18px; width:18px; display:inline-block;word-break: break-all;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .no-content .profileLeft .aboutMe .web-link .icon-link{float:none; top:3px; margin-right:8px;} /* orange common button style */ .CommonOrangeBtn { font-size: 14px; color: #fff; background-color: #ffbb00; border: none; padding: 5px 10px; cursor: pointer; } .CommonOrangeBtn:hover { background-color: #0086dc; } .CommonOrangeBtn:active { background-color: #252525; } .faqPage .CommonOrangeBtn{background:#ffbb00;} .faqPage .CommonOrangeBtn:hover,.faqPage .CommonOrangeBtn.active{background:#ffbb00;} /* blue common button style */ .CommonBlueBtn { font-size: 14px; color: #fff; background-color: #ffbb00; border: none; padding: 5px 10px; cursor: pointer; font-family: 'Open Sans', sans-serif; } .CommonBlueBtn.aspNetDisabled:hover { background-color: #ffbb00a8; } .CommonBlueBtn:hover, #contactAuthorContainer .CommonBlueBtn:focus { opacity:0.7} .CommonBlueBtn:active { background-color: #ffbb00; } .del-icon { background: url('/Images/csharp/iconSpritImage_20160921.png') no-repeat 0 -3707px; width: 16px; height: 18px; display: inline-block; vertical-align: bottom; margin-left: 5px; cursor: pointer; margin-top: -5px; } .del-icon:hover { background-position: 0px -3728px; } /* posting page */ .postingBox { width: 100%; display: block; margin-bottom: 15px; } .postingBox .headerGray { position: relative; } .postingBox .headerGray .toggleBtn { position: absolute; right: 4px; top: 5px; background: url(/images/csharp/iconSpritImage_20160921.png) 0 -6391px no-repeat; text-indent: -9999px; width: 22px; } .postingBox .headerGray .toggleBtn.minus { background: url(/images/csharp/iconSpritImage_20160921.png) 0 -6468px no-repeat; } .postingBox .postingContent { border: solid 1px #f3f3f2; border-top: none; padding: 5px; background: #fff; display: block; width: 100%; } .postingBox .postingRow { text-align: center; margin-bottom: 10px; color: #000; } .postingBox .postingForm { margin: 0; padding: 0; } .postingBox .postingForm li { padding: 0; margin: 0 0 10px 0; list-style: none; color: #000; } .postingBox .postingForm li:after { clear: both; display: table; content: ""; } .postingBox .postingForm li .label { float: left; position: relative; font-weight: normal; width: 140px; text-align: left; padding: 0 12px 0 0; margin: 0 12px 0 0; } .postingBox .postingForm li .label.blankLabel:after { content: ""; } .postingBox .postingForm li .inputBox { float: left; width: 100%; max-width: 380px; position: relative; padding-right: 20px; } .postingBox .postingForm li .inputBox.fullInputBox { width: calc(100% - 185px); max-width: none; } .postingBox .postingForm li .inputBox select { border: 1px solid #ccc; height: 26px; } .postingBox .postingForm li .radioGroup { padding: 0; } .postingBox .postingForm li .radioGroup li { float: left; margin-right: 10px; } .postingBox .postingForm li .CommonTextBoxStyle { height: 28px; width: 100%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .postingBox .postingForm li textarea.CommonTextBoxStyle { padding: 5px 9px; } .postingBox .postingForm li .astric, .postingBox .postingForm li .toolTipImage { position: absolute; top: 0; right: 0; } .postingBox .postingForm li label .astric { position: relative; } .postingBox .postingForm li .dateInput { width: 103px; background: #ffbb00; border: 1px solid #ffbb00; color: #FFF; margin-right: 5px; } .postingBox .postingForm li .postingBlock { float: left; position: relative; width: calc(100% - 185px); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .postingBox .postingForm li .postingBlock .checkBoxList { padding: 10px; border: 1px solid #d0d0d0; overflow: hidden; } .postingBox .postingForm li .postingBlock .checkBoxList li { float: left; width: 196px; } .postingBox .postingFormBlock { margin: 0; padding: 0; } .postingBox .postingFormBlock li { width: 100%; display: block; list-style: none; padding: 0; margin: 0 0 10px 0; } .postingBox .postingFormBlock li .label { display: block; margin-bottom: 5px; color: #000; } .postingBox .postingFormBlock .filemedia { width: 420px; display: block; } .postingBox .postingFormBlock .filemedia select { width: 100%; } .postingBox .updateTextBox, .postingBox .updateTextBox .CommonTextBoxStyle { width: 768px; margin-bottom: 5px; } .postingBox .postingForm li .CommonTextBoxStyle:focus, .postingBox .postingForm li .inputBox select:focus { border: 1px solid #FFD5BB; } .postingBox li .Newdatebox { border: 1px solid #d0d0d0; padding: 0 10px; height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .postingBox .custom_file_btn { background: #fff; height: 38px; line-height: 38px; width: 100%; margin: 0px; float: left; position: relative; padding: 0; border: 1px solid #d0d0d0 } .postingBox .custom_file_btn .fileOriginal { opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); width: 100%; height: 40px; z-index: 100; position: absolute; top: 0px; left: 0px; cursor: pointer; font-size: 16px; color: #2f2e2e } .postingBox .custom_file_btn .fileDuplicate { position: absolute; top: 0; left: 0; z-index: 99; padding: 0; width: 100%; height: 38px } .postingBox .custom_file_btn .fileDuplicate .inputText { padding: 0 10px; height: 40px; line-height: 40px; border: none; background: none; } .postingBox .custom_file_btn .fileDuplicate .file_btn { position: absolute; right: 0px; top: 0px; width: 120px; height: 40px; line-height: 40px; background: #00b4ff; color: #fff; text-align: center } .postingBox input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .postingBox input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .postingBox input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .postingBox input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .postingBox #ctl00_ContentMain_CheckBoxListMinorCategory input[type="radio"] + label,#ctl00_ContentMain_RadioButtonListMinorCategory input[type="radio"] + label{cursor:pointer;} .manageAttednees .page-header { margin: 7px 0; border-bottom: solid 1px #ccc; padding-bottom: 7px; } .manageAttednees .page-header select { width: 200px; height: 26px; } .manageAttednees .friendListConatiner { margin: 0; padding: 0; overflow: hidden; } .manageAttednees .friendListConatiner li { list-style: none; width: 31.333333333%; margin: 0 3% 10px 0; padding: 10px 6px 10px 10px; position: relative; float: left; border: 1px solid #ECECEC; box-sizing: border-box; } .manageAttednees .friendListConatiner li:nth-child(3n) { margin-right: 0px; } .manageAttednees .friendListConatiner .friendInfo img { width: 80px; height: 80px; margin-right: 15px; float: left; border-radius: 50%; } .manageAttednees .friendListConatiner li a { color: #7f8080; font-size: 13px; } .manageAttednees .friendListConatiner li a:hover { color: #01a821; } .faqPage { color: #2f2e2e; } /* magage tags on editor page */ .topEditorBar { width: 100%; display: block; padding: 5px 0; margin-bottom: 8px; } .topEditorBar ul { float: left; margin: 0; padding: 8px 0 0 0; } .topEditorBar ul li { list-style: none; padding: 0; margin: 0 10px 0 0; float: left; } .topEditorBar .rightBtn { float: right; } .topEditorBar .rightBtn .NewCommonButtonStyle { margin: 0 0 0 10px; } .newCheckbox input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .newCheckbox input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .newCheckbox input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .newCheckbox input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } @-webkit-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-moz-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-ms-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-o-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } .load-more-list-items { border: 1px solid #CCCCCC; cursor: pointer; padding: 8px; text-align: center; background-color: #F3F3F3; margin: 10px 0; display: block; color: #131313; } .load-more-list-items:hover { color: #ffbb00; } /* editor tabs */ .EditorTabs ul { width: 100%; display: block; margin: 15px 0 0 0; padding: 0; text-align: left; border-left: 1px solid #e2e2e2; overflow: hidden; } .EditorTabs li { padding: 3px 8px; border: 1px solid #E2E2E2; border-left: none; cursor: pointer; color: #000; font-size: 12px; float: left; list-style: none; text-transform: uppercase; background: #f4f4f4; } .EditorTabs li:hover { border-width: 2px 1px 1px 0; border-color: #ffbb00 #e2e2e2 #e2e2e2 #e2e2e2; border-style: solid; padding: 2px 8px 3px 8px; } .EditorTabs li.active { background: #0086dc; color: #fff; border: none; padding: 4px 8px; } .RecentCheckBoxes .recentCheck { margin: 5px 0; padding: 0; } .RecentCheckBoxes .recentCheck li { float: left; margin: 0 10px 0 0; padding: 0; list-style: none; } .RecentCheckBoxes .recentCheck input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .RecentCheckBoxes .recentCheck input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .RecentCheckBoxes .recentCheck input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .RecentCheckBoxes .recentCheck input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } /*Article Post Auto Save Check Box Style*/ #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer { margin: 5px 0; padding: 0; } #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer li { float: left; margin: 0 10px 0 0; padding: 0; list-style: none; } #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } #ctl00_ContentMain_UpdatePanel1 .AutoSaveContainer input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } /* toaster show */ .toasterShow { position: fixed; right: 50px; top: 0; padding: 0; opacity: 0; visibility: hidden; height: 1px; color: #fff; display: block !important; font-size: 16px; width: 100%; text-align: center; z-index: 9999; transition: all 0.5s; } .toasterShow span { display: block; width: 100%; max-width: 300px; float: right; background: #089804; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border-radius: 6px; } .toasterShow.warning { background: #ff382b; } .toasterShow.showThread { padding: 10px 0; height: auto; visibility: visible; opacity: 1; top: 27px; margin-bottom: 5px; } .ImgPostReply { display: none; position: absolute; left: -227px; top: 18px; right: 0; margin: auto; } @-webkit-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-moz-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-ms-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @-o-keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @keyframes activeEffect { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } /* infocus Editor style */ .infocusEditor { margin: 0px; padding: 0; } .infocusEditor li { display: block; width: 100%; margin-bottom: 10px; } .infocusEditor li:after { display: table; clear: both; content: ""; } .infocusEditor li label { width: 63px; float: left; margin-right: 10px; min-height: 1px; } .infocusEditor li input[type='text'], .infocusEditor li input[type='url'] { float: left; width: 259px; height: 25px; padding: 0 10px; } .accordianContent h2.infocusEditorHeading { position: relative; margin-bottom: 15px; } .accordianContent h2.infocusEditorHeading span.minus { position: absolute; right: 0; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 -63px no-repeat; cursor: pointer; } .accordianContent h2.infocusEditorHeading span.plus { position: absolute; right: 0; top: 3px; width: 25px; height: 23px; background: url(/images/csharp/accordianArrow.png) 0 0 no-repeat; cursor: pointer; } /* award page style */ .awardRecognitions h2 { margin-top: 20px; font-size: 36px; } .awardRecognitions .awards.none { color: red; } .awardRecognitions .awardListing { margin: 20px 0 0 0; padding: 0; overflow: hidden; } .awardRecognitions .awardListing li { float: left; width: 25%; height: 180px; padding: 0 100px 0 0; margin-bottom: 76px; list-style: none; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .awardRecognitions .awardListing li .award { width: 100%; display: block; height: 134px; } .awardRecognitions .awardListing li .yearTitle { display: block; text-align: center; margin-top: 5px; font-size: 30px; color: #333333; } .awardRecognitions .awardListing li .award.mvp { background: url(../../Images/mvpImage.png) center 0 no-repeat; width: 100%; } .awardRecognitions .awardListing li .award.mom { background: url(../../Images/momImage.png) center 0 no-repeat; width: 100%; } .awardRecognitions .awardListing li .award.chapterLead { background: url(../../Images/chapterLeadImage.png) center 0 no-repeat; width: 100%; } .awardRecognitions .awardListing li .award.vip { background: url(../../Images/vipImage.png) center 0 no-repeat; width: 100%; } .awardRecognitions .awardListing li .award.speaker { background: url(../../Images/speakerImage.png) center 0 no-repeat; width: 100%; } .editorFiterBox { margin: 10px 0; } .editorFiterBox .CommonTextBoxStyle { font-family: 'Open Sans', sans-serif; } .editorFiterBox .commonBlueBtnSmall, .infocusEditor .commonBlueBtnSmall { vertical-align: top; height: 26px; padding: 0 7px; } /* geo location popup */ .geoLocationPopup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .geoLocationPopup .geoLocationPopupConteiner { position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; width: 95%; overflow-y: auto; max-width: 588px; max-height: 90%; background: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .geoLocationPopup .geoLocationPopupConteiner h2 { font-size: 40px; margin: 24px 10px; color: #303030; text-transform: uppercase; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; font-weight: normal; display: block; text-align: center; } .geoLocationPopup .geoLocationPopupConteiner h2 span { display: block; } .geoLocationPopup .geoLocationPopupConteiner .orangeBarPopup { display: block; background: #e67527; overflow: hidden; padding: 9px 80px; } .geoLocationPopup .geoLocationPopupConteiner .orangeBarPopup .date { color: #fff; font-size: 19px; position: relative; float: left; padding: 0 0 0 34px; text-transform: uppercase; line-height: 26px; height: 26px; font-family: 'Roboto', sans-serif; } .geoLocationPopup .geoLocationPopupConteiner .orangeBarPopup .date i { position: absolute; left: 0; top: 0; background: url(../../Images/popupSprite.png) 0 0 no-repeat; width: 26px; height: 26px; } .geoLocationPopup .geoLocationPopupConteiner .orangeBarPopup .time { color: #fff; font-size: 19px; position: relative; float: right; padding: 0 0 0 30px; text-transform: uppercase; line-height: 26px; height: 26px; font-family: 'Roboto', sans-serif; } .geoLocationPopup .geoLocationPopupConteiner .orangeBarPopup .time i { position: absolute; left: 0; top: 0; background: url(../../Images/popupSprite.png) 0 -103px no-repeat; width: 26px; height: 26px; } .geoLocationPopup .geoLocationPopupConteiner .registerNowBotton { display: block; width: 100%; margin: 30px 0; overflow: hidden; text-align: center; } .geoLocationPopup .geoLocationPopupConteiner .registerNowBotton a { display: inline-block; position: relative; color: #fff; background: #0086dc; font-size: 32px; text-transform: uppercase; font-family: "BebasNeueRegular"; font-family: 'BebasNeueRegularie'\9/; height: 54px; line-height: 57px; padding: 0 74px 0 20px; } .geoLocationPopup .geoLocationPopupConteiner .registerNowBotton a i { position: absolute; right: 0; top: 0; width: 54px; height: 54px; background: rgba(0, 0, 0, 0.3) url(../../Images/popupSprite.png) 13px -142px no-repeat; } .geoLocationPopup .geoLocationPopupConteiner .registerNowBotton a:hover { background: #ffbb00; } .geoLocationPopup .geoLocationPopupConteiner .closeButton { position: absolute; right: 0; top: 0; background: #ff4e4e url(../../Images/popupSprite.png) 10px -47px no-repeat; width: 36px; height: 36px; } .geoLocationPopup .geoLocationPopupConteiner .closeButton:hover { background: #252525 url(../../Images/popupSprite.png) 10px -47px no-repeat; } .commonBlueBtnSmall { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #fff; background-color: #0086dc; border: 0; padding: 3px 7px; cursor: pointer; } .commonBlueBtnSmall:hover { background: #505050; } .commonBlueBtnSmall.aspNetDisabled:hover { background-color: #0086dc; } .commonGrayBtnSmall { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #fff; background-color: #505050; border: 0; padding: 3px 7px; cursor: pointer; } .commonGrayBtnSmall:hover { background: #0086dc; } .commonGrayBtnSmall .aspNetDisabled:hover { background-color: #0086dc; } table.dataTable .tableEditBtn { width: 16px; height: 16px; display: inline-block; background: url(../../Images/edit_iconEditor.png) 0 0 no-repeat; text-indent: -9999px; } .infocusEditor .tableEditBtn:hover, table.dataTable .tableEditBtn:hover { background-position: 0 -23px; } .infocusEditor input[type="checkbox"], table.dataTable input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .infocusEditor input[type="checkbox"] + label:before, table.dataTable input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .infocusEditor input[type="checkbox"]:checked + label:before, table.dataTable input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .infocusEditor input[type="checkbox"], table.dataTable input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } /* Loader */ #editorloading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; display: none; } #editorloading img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .gridctl00_ContentMain_GridViewMain_ctl01 tr[style="display: block;"], .gridctl00_ContentMain_GridViewMain_ctl01 tr[style="display:block;"] { display: table-row !important; } .Submitted-BottomsBtns { display: block; } .Submitted-BottomsBtns > * { display: inline-block; margin: 0; min-width: 140px; width: auto !important; } .commonBuleBtnSmall { font-size: 15px; color: #fff; background-color: #0086dc; border: 0; padding: 5px 9px; cursor: pointer; } .commonBuleBtnSmall:hover { background: #ffbb00; } .commonBuleBtnSmall.aspNetDisabled:hover { background-color: #0086dc; } .commonBuleBtnSmall:active { background-color: #252525; } .user-article-comment { position: relative; border-bottom: 1px solid rgb(195, 195, 195); padding-bottom: 5px } .user-article-comment h2 { margin: 0; } .user-article-comment i { display: inline-block; margin-left: 10px; height: 26px; width: 26px; position: relative; top: 2px; background: url('../../../Images/expand_collaps_arrow.png') no-repeat; background-position: 100% 0; cursor: pointer; } #commentsBox i.comment-icon { background: url('/images/newSpriteIcons_20161122.png') no-repeat -4px -3538px; } .user-article-comment i.accordianAnchor { position: absolute; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #0086dc; right: 0; top: 4px; } #commentsBox { cursor: pointer; } .inviteFriendBox .row.email-heading { margin: 15px 0 8px 0; font-weight: bold } .inviteFriendBox .row.add-another { padding: 0 10px; box-sizing: border-box; margin-bottom: 8px; float: right; width: 40%; } .inviteFriendBox .row { margin-bottom: 10px; } .inviteFriendBox .row a { color: #0086DC; font-size: 15px; } .inviteFriendBox .row .addMore { float: left; margin-top: 9px; } .inviteFriendBox .row a:hover { color: #f60 } .inviteFriendBox .row.add-another a { float: left; margin-right: 10px; margin-top: 8px; margin-left: -50px; } .invite-multi { display: inline-block; margin-left: 128px; font-size: 15px; color: #0086dc; font-family: 'Open Sans', sans-serif; text-transform: none; } .invite-multi:hover { color: #ffbb00; } .inviteFriendBox .invite-multi:hover { color: #ffbb00; } .inviteFriendBox .multipleData label { margin-bottom: 8px; margin-top: 5px; display: block; margin-right: 82px; } .inviteFriendBox .textArea.multi-address { margin-bottom: 8px; } .inviteFriendBox .textArea.multi-address textarea.input_text { margin-top: 0px; } .inviteFriendBox .row.error-message { color: red; padding: 5px; border: 1px solid #e8e8e8; border-left: 4px solid red; box-sizing: border-box; padding-left: 13px; } .inviteFriendBox { display: block; width: 100%; } .inviteFriendBox .row { display: block; width: 100%; } .inviteFriendBox .row:after { clear: both; display: table; content: ""; } .inviteFriendBox .inputBox { width: 100%; position: relative; padding-right: 10px; max-width: 200px; float: left; } .inviteFriendBox .inputBox.textArea { max-width: 430px; padding-right: 0; } .inviteFriendBox .inputBox.textArea .input_text { height: 165px; padding: 10px; margin: 0 0 8px 0; } .inviteFriendBox .inputBox .astric { position: absolute; right: 0; top: 11px; color: red; font-size: 14px; } .inviteFriendBox .inputBox.mailinputBox { margin-right: 10px; max-width: 430px; } .inviteFriendBox .inputBox .input_text { width: 100%; height: 40px; border: 1px solid #d0d0d0; padding: 0 10px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #252525; } .inviteFriendBox .buttons { display: block; float: left; margin-top: 6px; } .inviteFriendBox .buttons .addMore { display: block; float: left; width: 30px; height: 30px; position: relative; } .inviteFriendBox .buttons .addMore i { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/images/csharp/iconSpritImage_20160921.png) 0 -6564px no-repeat; } .inviteFriendBox .buttons .addMore:hover i { background-position: 0 -6669px; } .inviteFriendBox .buttons .removeRow { display: block; float: left; width: 30px; height: 30px; position: relative; margin-left: 10px } .inviteFriendBox .buttons .removeRow i { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/images/csharp/iconSpritImage_20160921.png) 0 -6617px no-repeat; } .inviteFriendBox .buttons .removeRow:hover i { background-position: 0 -6722px; } .inviteFriendBox .row input[type="checkbox"] { float: left; position: absolute; width: 22px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .inviteFriendBox .row input[type="checkbox"] + label:before { display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url(/images/Myaccount_checkbox.png) 0 0 no-repeat; content: " "; vertical-align: middle; } .inviteFriendBox .row input[type="checkbox"]:checked + label:before { background-position: 0 -35px; } .inviteFriendBox .row input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .flairBox { display: block; width: 100%; } .flairBox h2.flairHeading { display: block; float: none; margin-bottom: 10px; font-size: 26px; } .flairBox h2 { float: none; } .flairBox p { font-size: 15px; margin: 0; } .flairBox .badge-html { display: block; margin: 8px 0 20px 0; } .flairBox .row { width: 100%; display: block; margin-bottom: 15px; } .flairBox .row .box { width: 50%; float: left; } .flairBox .row .box label { display: block; margin-bottom: 5px; } .flairBox .row .commonTextBoxStyle { color: #424242; font-size: 14px; padding: 8px; width: 100%; } .mvp-wrapper { width: 100%; } .mvp-wrapper * { box-sizing: border-box !important; } .award-nominations { margin: 0; padding: 0; overflow: hidden; } .award-nominations >li { font-size: 13px; width: 32%; margin-right: 2%; list-style: none; float: left; padding: 15px; min-height: 150px; height: 150px; max-height: 150px; overflow: hidden; line-height: 17px; margin-bottom: 16px; background: #999; box-shadow: 0 2px 5px -4px rgba(0, 0, 0, .8); border: 1px solid rgba(0, 0, 0, .07); background: rgba(235, 235, 235, 0.05); } .award-nominations >li:nth-child(3n) { margin-right: 0 } .award-nominations > li a { color: #7f8080; } .award-nominations > li a:hover, .mostViewTab > li a.Blue:hover, .mostViewTab > li a.Orange:hover { color: #01a821; } .award-nominations a.Blue { color: #06c; } .award-nominations a.Orange { color: #f60; } .award-nominations .image { float: left; margin-right: 13px; height: 60px; } .award-nominations .image img { width: 50px; height: 50px; border-radius: 50%; } .author-total-nomination { display: block; clear: both; padding: 4px 0; padding-top: 0px; font-size: 14px; cursor: pointer; margin-bottom: 6px; } .author-nomination-count { padding-left: 10px; font-weight: bold } .nomination-actions button { padding: 8px; border: 0; background: #0086dc; color: #fff; margin-right: 10px; cursor: pointer; } .nomination-actions button:hover { background: #0479c4; } .nominators-container { position: absolute; background-color: #fbfbfb; z-index: 999; width: 210px; max-height: 200px; display: none; box-shadow: 0 0 4px -2px rgba(0, 0, 0, .2); border: 1px solid rgba(0, 0, 0, .05); overflow-y: auto; } .ul-nominators { margin: 0; padding: 0; list-style: none; } .ul-nominators .li-nominator { padding: 6px; } .ul-nominators .li-nominator:hover { background: #0086DC; } .ul-nominators .li-nominator:hover a { color: #fff } .ul-nominators .li-nominator img { width: 40px; height: 40px; border-radius: 50%; } .lnk-nominator-image, .span-nominator-name { display: inline-block; vertical-align: middle; } .lnk-nominator-image { margin-right: 10px; } .author-nomination .rpv.member-listing { float: none !important; margin-top: 8px; } .author-nomination .auhtor-span { font-size: 14px; text-transform: capitalize } .author-nomination .span-loader { display: inline-block; margin-left: 12px; } .nomination-actions .reject-nomination { background: #e1574c } .nomination-actions .reject-nomination:hover { background: #d05146 } .bookmark-loader { float: left; position: relative; top: 8px; left: 20px; } .myAccountMain input[type="search"] { padding: 4px 8px; margin-bottom: 10px; } /*emotions*/ .emotions-container { width: 296px; position: absolute; background: #a6a9ab; top: -48px; display: none; border-radius: 48px; z-index: 9999; } .emotions-container:after { content: ""; display: block; position: absolute; height: 12px; z-index: 9; width: 100%; bottom: -8px; } #btnLikeAnchor:hover + .emotions-container, #btnLike:hover + .emotions-container, .emotions-container:hover { display: block; } .top-emotions-container .emotion-group, .top-emotions-container .count { cursor: pointer } .top-emotions-container .count:hover { border-bottom: 2px solid #0086dc; } .emotions-container ul.emotions { padding: 4px; white-space: nowrap ; height:36px;} .emotions-container ul.emotions li { display: inline-block; } .emotions-container ul.emotions li .anchor-emotion { display: block; position: relative; } .emotions-container ul.emotions li .anchor-emotion .emotion-icon { padding: 0; min-width: 36px; background: url('/Images/Emotions/emotions_sprite.png') no-repeat; margin-right: 6px; } .emotions-container ul.emotions li .anchor-emotion .emotion-icon:hover { bottom: 3px; } .emotion-group .emotion-icon.icon-e-love { background-position: 0 -35px !important } .emotion-group .emotion-icon.icon-e-awesome { background-position: 0 -69px !important } .emotion-group .emotion-icon.icon-e-interesting { background-position: 0 -103px !important } .emotion-group .emotion-icon.icon-e-okay { background-position: 0 -138px !important } .emotion-group .emotion-icon.icon-e-like { background-position: 0 0 !important } .emotion-group .emotion-icon.icon-e-poor { background-position: 0 -349px !important } .emotion-icon.icon-e-love { background-position: 4px -31px !important } .emotion-icon.icon-e-awesome { background-position: 4px -65px !important } .emotion-icon.icon-e-interesting { background-position: 4px -99px !important } .emotion-icon.icon-e-okay { background-position: 4px -134px !important } .contentHeaderArticleIcons ul.viewBar li .emotions .emotion-icon.icon-e-like { background-position: 4px 4px !important } .emotion-icon.icon-e-poor { background-position: 4px -345px !important } .emotions-container ul.emotions li .anchor-emotion span { position: absolute; background: #777; color: #fff; padding: 3px 8px; border-radius: 8px; white-space: nowrap; transform: translateX(-50%); left: 58%; top: -26px; opacity: 0; transition: .2s; pointer-events: none; font-size: 12px; font-family: 'open sans', sans-serif; line-height: 15px; text-transform: none; } .emotions-container ul.emotions li .anchor-emotion:hover { bottom: 4px } .emotions-container ul.emotions li .anchor-emotion:hover span { opacity: 1; } .emotion-popup-wrapper .close-btn { position: absolute; right: 6px; top: 6px; } .emotion-popup-wrapper .close-btn svg { width: 28px; height: 28px; transition: .1s; } .emotion-popup-wrapper { min-width: 300px; max-width: 430px; background: #fff; position: relative; margin: 10px auto; height: -webkit-calc(100% - 25px); height: -moz-calc(100% - 25px); height: calc(100% - 25px); max-height: 474px; overflow-y: hidden; border: 1px solid #b5b5b5; top: 10%; border-radius: 4px; } .emotion-popup-header { margin: 0; padding: 10px 0; list-style: none; font-size: 12px; border-bottom: 1px solid #ddd; } .emotion-popup-header li { display: inline-block; padding: 2px 15px; } .emotion-listing { margin: 0; padding: 20px 20px 0px 20px; list-style: none; height: 80%; height: -webkit-calc(100% - 68px); height: -moz-calc(100% - 68px); height: calc(100% - 68px); overflow-y: auto; } .emotion-listing .emotion-list { padding: 8px 0; position: relative; } .follow {-webkit-appearance: none;float: right;background: transparent;border: 1px #0086dc solid;padding: 6px 14px;border-radius: 20px;color: #0086dc;cursor: pointer} .follow:before {content: "+";display: inline-block;padding: 0 4px;font-size: 100%} .follow:disabled {color: rgba(255,255,255,0.8);background: #0086dc;cursor: default} .follow:disabled:before {display:none;} .emotion-listing .emotion-list > *, .emotion-listing .emotion-list > a * { display: inline-block; vertical-align: middle; } .emotion-listing .emotion-list > a { color: #7f8080; } .emotion-listing .emotion-list > a:hover { color: #01a821; } .emotion-listing .user-image { width: 40px; height: 40px; } .emotion-listing .user-name { padding-left: 12px; } .top-emotions-container { display: inline-block; } .top-emotions-container a.emotion-icon { display: inline-block; margin-right: -12px; width: 28px; height: 28px; background: url(/Images/Emotions/emotions_sprite.png) no-repeat; border: 2px solid #fff; border-radius: 50%; } .top-emotions-container .emotion-group { display: inline-block; vertical-align: middle } .top-emotions-container .count { margin-left: 16px; vertical-align: middle; cursor: pointer; } .emotion-popup-header .emotion-icon { background: url(/Images/Emotions/emotions_sprite.png) no-repeat; padding: 3px 12px 3px 22px; cursor: pointer; position: relative; } .emotion-popup-header .emotion-icon:after, .emotion-popup-header .emotion-icon.active:after { content: ""; display: block; border-bottom: 2px solid #0086dc; width: 100%; position: absolute; bottom: -11px; cursor: default; visibility: hidden; opacity: 0; height: 14px; left: -8px; } .emotion-popup-header .emotion-icon:hover:after, .emotion-popup-header .emotion-icon.active:after { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity .3s 0s; } .emotion-popup-header .emotion-icon.icon-e-love { background-position: 0 -230px !important } .emotion-popup-header .emotion-icon.icon-e-awesome { background-position: 0 -253px !important } .emotion-popup-header .emotion-icon.icon-e-interesting { background-position: 0 -275px !important } .emotion-popup-header .emotion-icon.icon-e-okay { background-position: 0 -298px !important } .emotion-popup-header .emotion-icon.icon-e-like { background-position: 0 -207px !important } .emotion-popup-header .emotion-icon.icon-e-poor { background-position: 0 -386px !important } .emotion-list .emotion-icon { position: absolute; width: 18px; height: 18px; background: url(/Images/Emotions/emotions_sprite.png) no-repeat; border-radius: 50%; bottom: 8px; left: 31px; } .emotion-list .emotion-icon.icon-e-love { background-position: 0 -232px !important } .emotion-list .emotion-icon.icon-e-awesome { background-position: 0 -254px !important } .emotion-list .emotion-icon.icon-e-interesting { background-position: 0 -277px !important } .emotion-list .emotion-icon.icon-e-okay { background-position: 0 -300px !important } .emotion-list .emotion-icon.icon-e-like { background-position: 0 -209px !important } .emotion-list .emotion-icon.icon-e-poor { background-position: 0 -388px !important } .contentHeaderArticleIcons ul.viewBar li .emotion-icon { background-color: #0086dc; background-image: url(/Images/Emotions/emotions_sprite.png); background-repeat: no-repeat; text-align: center; } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-love { background-position: 4px -31px !important } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-awesome { background-position: 4px -65px !important } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-interesting { background-position: 4px -99px !important } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-okay { background-position: 4px -134px !important } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-like { background-position: 4px 4px !important; padding: 0 10px 0 45px !important; } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.like { background-position: 4px -411px !important; text-align: center; } .contentHeaderArticleIcons #btnLike { padding: 0 10px 0 45px !important; position: relative; } .contentHeaderArticleIcons #btnLike .total-emotions-count { display: inline-block; width: -webkit-calc(100% - 38px); width: -moz-calc(100% - 38px); width: calc(100% - 38px); height: 36px; position: absolute; left: 38px; } .contentHeaderArticleIcons ul.viewBar li .emotion-icon.undo-icon-e-poor { background-position: 4px -345px !important } /*Bottom emotion icons*/ .emotion-bottom { display: inline; top: -8px; margin-right: 10px; } .emotion-bottom ul.viewBar { float: none; } .emotion-bottom ul.viewBar li a#btnLike { background-color: transparent; color: #727272; line-height: 30px; font-size: 20px; font-family: "BebasNeueRegular"; font-family: BebasNeueRegularie "9 /"; color: #727272; font-weight: normal; text-transform: uppercase; } .emotion-bottom ul.viewBar li a#btnLike:before { content: "like" } .emotion-bottom ul.viewBar li a#btnLike span.point span#LabelLikeCount:before { content: "(" } .emotion-bottom ul.viewBar li a#btnLike span.point span#LabelLikeCount:after { content: ")" } /*emotions end :(*/ .overlay { background: rgba(0, 0, 0, 0.6); z-index: 99999; width: 100%; position: fixed; height: 100%; left: 0; top: 0; right: 0; bottom: 0; } /*Short profile*/ .no-content .author.profile_tag { display: none } .profile_wrapper .no-content .userPhotoBox { float: none; margin: 10px auto; border-radius: 50%; box-shadow: 0px 0 0px 2px #f6f6f6; border: 3px solid #fff; height: 120px; width: 120px; } .profile_wrapper .no-content .userProfileDetail { display: table; width: auto; float: none; margin: 0 auto; } .no-content .adminDropDown { right: -6px; top: 49px; } .profile_wrapper .no-content .userProfileDetail > * { float: none } .profile_wrapper .no-content .userPhotoBox img { width: 100%; height: auto; } .profile_wrapper .no-content .profileLeft { float: none; width: 100%; } .profile_wrapper .no-content .aboutMe p.description, .profile_wrapper .no-content .aboutMe { text-align: center } .no-content h2.userName .HeadingBold { font-size: 28px; border-bottom: 1px solid #f0f0f0; padding: 0 20px; margin-bottom: 18px; } .profile_wrapper .no-content h3 { padding: 10px 0; } .profile_wrapper .no-content h2.userName { overflow: hidden; display: table; margin: 0 auto; } .profile_wrapper .no-content h2.userName a.adminIcon { position: absolute } .profile_wrapper .no-content .userProfileDetail ul.userInfo > li { display: table; margin: 4px auto; float: none; width: auto !important; } /*New Author Social*/ .no-content ul.userSocilaAction { margin: 0 auto; width: auto; overflow: hidden; position: static; background-color: #fff; text-align-last: justify; box-sizing: border-box; display: table; } .no-content ul.userSocilaAction li a { text-indent: -9999px; width: 42px; display: block; height: 48px; padding: 0; } .no-content ul.userSocilaAction li { background-position: 3px -2801px; list-style: none; display: inline-block; } .no-content ul.userSocilaAction li.twitter { background-position: 3px -2883px; } .no-content ul.userSocilaAction li.linkedin { background-position: 3px -2966px; } .no-content ul.userSocilaAction li.github { background-position: 3px -7139px; } .no-content ul.userSocilaAction li.facebookGray { background-position: 3px -2842px; cursor: text; } .no-content ul.userSocilaAction li.twitterGray { background-position: 3px -2925px; cursor: text; } .no-content ul.userSocilaAction li.linkedinGray { background-position: 3px -3008px; } .no-content ul.userSocilaAction li.githubGray { background-position: 3px -7181px; cursor: text; } .no-content ul.userSocilaAction li.facebookGray a { cursor: default; } .no-content ul.userSocilaAction li.twitterGray a { cursor: default; } .no-content ul.userSocilaAction li.linkedinGray a { cursor: default; } .no-content ul.userSocilaAction li.githubGray a { cursor: default; } .no-content .adminDropDown ul { text-align: left; } .no-content .adminDropDown .arrow2 { right: 19px; } .no-content .adminDropDown { top: 53px; } .reason-wrapper { min-width: 300px; max-width: 430px; background: #fff; position: relative; margin: 10px auto; height: calc(100% - 25px); max-height: 210px; overflow: hidden; border: 1px solid #b5b5b5; top: 10%; border-radius: 4px; } .reason-wrapper .reason-header { font-size: 18px; line-height: 18px; padding: 10px 10px; text-align: center; position: relative; } .reason-wrapper .reason-header .close-btn svg { width: 28px; height: 28px; transition: .1s; position: absolute; right: 0; top: 0px; } .reason-wrapper .reason-header .close-btn:hover svg { fill: red; } .reason-wrapper .reason-body { padding: 10px; } .reason-wrapper .reason-body .reason-textbox { width: 98%; height: 100px; max-width: 99%; max-height: 100px; font-size: 16px; padding: 5px; font-family: inherit; } .reason-wrapper .reason-body .btn-reason { margin: 5px 0px; float: right; font-size: 15px; color: #fff !important; background-color: #0086dc; border: 0; padding: 7px 10px; cursor: pointer; display: inline-block; } /*Import contact*/ .ImportContact li { list-style: none; } .ulgmailcontact { list-style: none; margin: 0; padding: 10px; height: inherit; overflow-y: auto; overflow-x: hidden; display: table; width: 100%; box-sizing: border-box; height: auto; } .ulgmailcontact > li { display: table-row } .ulgmailcontact > li:first-child { background: Gray; color: #fff; } .ulgmailcontact > li:first-child > span { padding: 4px } .ulgmailcontact > li > span { display: table-cell; padding: 4px; } .ulgmailcontact > li > span.Name { white-space: nowrap; width: 43%; text-transform: capitalize; } .ulgmailcontact > li > span.Email { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 43%; } .ulgmailcontact > li > span.check { white-space: nowrap; width: 14%; position: relative } .ImportContact-popup-wrapper { background: #fff; position: relative; margin: 10px auto; overflow-y: hidden; border: 1px solid #b5b5b5; top: 10%; border-radius: 4px; display: table; width: 800px; } .ImportContact-popup-wrapper .close-btn { position: absolute; right: -14px; top: -14px; z-index: 999; background: #808080; border-radius: 50%; fill: #fff; } .ImportContact-popup-wrapper .close-btn:hover { background: #ffbb00; } .ImportContact-popup-wrapper .close-btn svg { width: 24px; height: 24px; transition: .1s; } .ImportContact-popup-wrapper input[type="checkbox"] { float: left; position: absolute; width: 25px; height: 22px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } .ImportContact-popup-wrapper input[type="checkbox"] + label:before { display: inline-block; width: 25px; height: 22px; margin-right: 4px; background: url(/images/CSharp/iconSpritImage_20160921.png) -8px -1115px no-repeat; content: " "; vertical-align: middle; } .ImportContact-popup-wrapper input[type="checkbox"]:checked + label:before { background-position: -8px -1148px; } .ImportContact-popup-wrapper input[type="checkbox"] { *position: relative; margin: -2px 0px 0px 0px; *margin: -5px 0px 0px 0px; } .contact-warpper { height: 400px; overflow-y: auto; margin-top: 15px; } .contact-warpper .heading { font-size: 18px; color: #333; padding-left: 10px; display: inline-block } .ImportContact { margin: 0; padding: 0; } .ImportContact li { display: inline-block; padding-right: 10px; margin-bottom: 10px; } .ImportContact li a { display: inline-block; padding: 4px 6px; background-color: #0086dc; color: #fff; position: relative; } .ImportContact li a:hover { background: #ffbb00; } #divloading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; display: none; } #divloading img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .bg-email { padding-left: 32px !important; padding-top: 6px !important; opacity: 0.8; padding-bottom: 6px !important; line-height: 22px; } .bg-email:hover { opacity: 1 } .gmail { background: #e94132 !important } .gmail .email-icon { background: #da0a0a url(/Images/csharp/email-sprite_20161226.png) no-repeat; background-position: 4px 9px; position: absolute; left: 0; top: 0; display: inline-block; width: 28px; height: 34px; } .yahoo { background: #5300b1 !important; } .yahoo .email-icon { background: #5f0c8e url(/Images/csharp/email-sprite_20161226.png) no-repeat; background-position: 4px -16px; position: absolute; left: 0; top: 0; display: inline-block; width: 28px; height: 34px; } .outlook { background: #0072c6 !important; } .outlook .email-icon { background: #015da1 url(/Images/csharp/email-sprite_20161226.png) no-repeat; background-position: 4px -82px; position: absolute; left: 0; top: 0; display: inline-block; width: 28px; height: 34px; } .forwardFriendList { list-style: none; margin: 0; padding: 0; display: inline-block; } .forwardFriendList li .icon-cross:hover { opacity: 1 } #divBox2 #textmulemail, #textmulmessage { max-width: 710px; } #divBox2 #MultxtAdditionalMessage { max-height: 156px; } .forwardFriendList li { display: inline-block; vertical-align: middle; margin: 2px; padding: 2px 4px; } .forwardFriendList.input-wrapper { width: auto; display: inline-block; } .row.multi-email { max-width: 710px; border: 1px solid #d0d0d0; padding: 4px !important; height: 45px; box-sizing: border-box; overflow-y: auto; max-height: 280px; } .email-list { background-color: #f5f5f5; border: 1px solid #d9d9d9; cursor: default; display: block; height: 20px; white-space: nowrap; -webkit-border-radius: 3px; border-radius: 3px; } .email-list .email { cursor: pointer; display: inline-block; color: #7b7b7b; margin: 2px 5px 2px 2px; max-width: 325px; overflow: hidden; text-overflow: ellipsis; font-size: 13px; position: relative; line-height: 15px; } .forwardFriendList li .icon-cross { display: inline-block; width: 14px; height: 20px; background: no-repeat url(/Images/csharp/email-sprite_20161226.png) -4px -63px; vertical-align: top; cursor: pointer; } .forwardFriendList li .icon-cross:hover { background-position: -4px -46px; } .forwardFriendList li input[type=text] { border: none; height: 20px; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; font-family: inherit; box-sizing: border-box; } .inviteFriend-row { overflow: hidden; max-width: 705px; position: relative; margin-top: -26px; margin-bottom: 8px; } .inviteFriend-row a { float: right; } .inviteFriend-row a:hover { color: #ffbb00; } .ulgmailcontact .default_desc { cursor: pointer; } .ulgmailcontact .sorting_desc { background: url(/JQuery/DataTable/jscript/Images/sort_desc_20160921.png) no-repeat; background-position-x: 50px; background-position-y: 1px; background-position: left 49px top 1px; cursor: pointer; } .ulgmailcontact .sorting_asc { background: url("/JQuery/DataTable/jscript/Images/sort_asc_20160921.png") no-repeat; background-position-x: 50px; background-position-y: 9px; background-position: left 49px top 9px; cursor: pointer; } .friends-search { height: 26px; padding-left: 4px; padding-right: 28px; border: 1px solid #c1c1c1; outline: none; -webkit-appearance: none; width: 200px; } .Contact-head .friends-searchBox { position: relative; } .Contact-head .search-icon { background: url(/Images/csharp/email-sprite_20161226.png) no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; right: 1px; top: 1px; background-position: 1px -115px; } .contact-warpper .Contact-head { padding-right: 10px; overflow: hidden } /*end Import contact*/ /*Bottom emotion icons*/ /*Bottom emotion icons*/ .emotion-bottom { display: inline-block; margin-right: 10px; width: auto; margin-top: 0 !important } .emotion-bottom ul.viewBar { float: none; } .emotion-bottom ul.viewBar li a#btnLike { background-color: transparent; color: #727272; line-height: 30px; font-size: 20px; font-family: "BebasNeueRegular"; font-family: BebasNeueRegularie "9 /"; color: #727272; font-weight: normal; text-transform: uppercase; white-space: nowrap } .emotion-bottom ul.viewBar li a#btnLike:before, .emotion-bottom ul.viewBar li a#btnLikeAnchor:before { content: "like"; position: relative; top: 4px; } .emotion-bottom ul.viewBar li a#btnLike span.point span#LabelLikeCount, .emotion-bottom ul.viewBar li a#btnLikeAnchor span.point span#LabelLikeCount, .emotion-bottom #LabelLike { position: relative; top: 4px; } .emotion-bottom ul.viewBar li a#btnLike span.point span#LabelLikeCount:before, .emotion-bottom #LabelLike:before { content: "(" } .emotion-bottom ul.viewBar li a#btnLike span.point span#LabelLikeCount:after, .emotion-bottom #LabelLike:after { content: ")" } .emotion-bottom ul.viewBar li a#btnLikeAnchor { background-color: transparent; color: #727272; line-height: 30px; font-size: 20px; font-family: "BebasNeueRegular"; font-family: BebasNeueRegularie "9 /"; color: #727272; font-weight: normal; text-transform: uppercase; } .emotion-bottom ul.viewBar li a#btnLikeAnchor span.point span#LabelLikeCount:before { content: "(" } .emotion-bottom ul.viewBar li a#btnLikeAnchor span.point span#LabelLikeCount:after { content: ")" } #commentsBox { cursor: pointer; display: inline-block; vertical-align: top; position: relative; top: -4px; } #commentsBox i.comment-icon { background: url('/images/newSpriteIcons_20161122.png') no-repeat -4px -3535px; vertical-align: text-bottom; margin-right: 3px; } .commentHeader .commentPaging { position: static !important } .commentHeader { overflow: auto } .top-author { display: inline-block; vertical-align: bottom; } /*author contact popup*/ .adminPopupNew * { box-sizing: border-box } .adminPopupNew { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 9999; } .adminPopupNew textarea { max-width: 100%; font: inherit; } .adminPopupNew .PopUpContainer { position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 98%; max-width: 460px; max-height: 98%; background: #fff; } .adminPopupNew .PopUpContainer.moderatorPopup { max-width: 80%; overflow: hidden; } .adminPopupNew .PopUpContainer .popUpheader { width: 100%; line-height: 24px; text-align: center; color: #fff; background: #0086dc; font-weight: normal; padding: 10px 0; } .adminPopupNew .PopUpContainer .popUpheader h2 { margin: 0; font-weight: normal } .adminPopupNew .PopUpContainer .PopUpContainerInner { padding: 10px; display: block; width: 100%; overflow-y: auto; height: 100%; max-height: 560px; } .PopUpContainerInner .contact-author { font-weight: bold; margin-bottom: 14px; display: block; } .adminPopupNew .PopUpContainer .closeBtn1 { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; color: #fff; border-radius: 50%; font-size: 37px; cursor: pointer; } .adminPopupNew .CommonBlueBtn { margin-top: 10px; } .border-box, .border-box * { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .tag-cloud-2 { padding-top: 15px; overflow: hidden; } .tag-cloud-2 a { color: #757575; padding: 4px 10px; margin-bottom: 6px; display: inline-block; margin-right: 8px; border-radius: 16px; border: 1px solid #d2d2d2; transition: .05s; } .tag-cloud-2 a.tag-lighter { background: #FAFAFA } .tag-cloud-2 a.tag-light { background: #757575; color: rgba(255, 255, 255, 0.87); } .tag-cloud-2 a.tag-dark { background: #424242; color: rgba(255, 255, 255, 0.87) } .tag-cloud-2 a:hover, .tag-cloud-2 a.tag-lighter:hover, .tag-cloud-2 a.tag-light:hover, .tag-cloud-2 a.tag-dark:hover { color: #fff; background: #3a76b9; } .more-btn .dropdown-content { list-style: none; padding: 0; margin: 0; } .c-icon { background-image: url(/App_Themes/NewDesign/Images/c-icon-sprite_20171123.png); background-repeat: no-repeat; } .a-icon, .c-icon, .d-icon { position: relative; display: inline-block; line-height: 1; transition: background-color .2s; } .v-middle, svg { vertical-align: middle; } .icon-28 { width: 28px; height: 28px; } .icon-telegram { background-position: -261px -130px;} .icon-telegram:hover {background-color: #0088cc;} .icon-slack {background-position: -261px -130px;} .icon-slack:hover {background-color: #0088cc;} .icon-facebook { background-position: -130px -66px; } .icon-twitter { background-position: -162px -66px; } .icon-googleplus { background-position: -194px -66px; } .icon-linkedin { background-position: -1px -98px; } .icon-youtube { background-position: -226px -66px; } .icon-birch { background-position: -162px -130px; } .icon-google-play-store { background-position: -226px -130px; } .icon-win-store { background-position: -194px -130px; } .icon-facebook:hover, .head-notification-bar ~ .bottom-headerr, .login-social-bar .icon-facebook { background-color: #3b5998; } .icon-twitter:hover, .login-social-bar .icon-twitter { background-color: #0084b4; } .icon-googleplus:hover, .login-social-bar .icon-googleplus { background-color: #dd4b39; } .icon-linkedin:hover, .login-social-bar .icon-linkedin { background-color: #0077b5; } .icon-youtube:hover, .login-social-bar .icon-youtube { background-color: #bb0000; } .icon-birch:hover { background-color: #498b2a } .icon-google-play-store:hover { background-color: #3eabba } .icon-win-store:hover { background-color: #0596de } footer, footer*{box-sizing:border-box} .b-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1054px; } .b-container:before { content: ""; display: table; } .b-container:after { content: ""; display: table; clear: both; } .b-row { margin-left: -15px; margin-right: -15px; } footer * {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} footer a {color: #545454;text-decoration: none;} .margin_65 { margin-left:65px } footer .top-footer p > a:hover{color: #01a821;} footer h4 {font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 1.1;color: inherit;} footer p{font-size: 16px;margin: 0;margin-bottom: 8px;line-height: 1.5;} footer .top-footer { padding: 12px 0; color: rgba(255, 255, 255, .7); background-color: #0f1726; overflow: auto; } footer .top-footer .footer-list { position: relative; min-height: 1px; padding: 0 15px; } footer .top-footer .footer-list h4 { padding-top: 8px; margin: 0 0 12px; display: block; text-transform: uppercase; font-size: 18px; } /*.top-footer .footer-list h4:after { content: ""; border-bottom: 1px solid #3c7497; display: block; width: 100%; margin-top: 4px; }*/ footer .top-footer .footer-list h4:after { content: ""; border-bottom: 2px solid #3c7497; display: block; width: 66px; margin: 10px auto; } footer .top-footer .footer-list ul.list { margin-left: 0; padding-left: 0; list-style: none; } footer .top-footer .footer-list ul.list li { padding-top: 5px; padding-bottom: 5px; } footer .top-footer .footer-list ul.list li a { color: rgba(255, 255, 255, 1); } footer .top-footer .footer-list ul.list li a:hover { color: rgba(255, 255, 255, 1); } footer .bottom-footer { padding-top: 22px; padding-bottom: 22px; background-color: #000000; overflow: auto; } footer .bottom-footer .left-items ul { padding-left: 0; margin-left: -5px; list-style: none; margin-bottom: 0; padding-bottom:4px; } footer .bottom-footer .left-items ul > li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer .bottom-footer .left-items ul > li a { color: rgba(255, 255, 255, .5); } footer .bottom-footer .left-items ul > li a:hover { color: #ffbb00; } footer .footer-copyright { margin-bottom: 0; line-height: 1.3; color: #616161; padding-top: 6px; } footer .footer-copyright a { color: #757575; } footer .footer-copyright a:hover { color: #01a821; } footer .footer-social-bar { padding-left: 0; margin-left: -5px; list-style: none; position: relative; top: 8px; } footer .footer-social-bar li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer .footer-social-bar .c-icon { opacity: .7; } footer .footer-social-bar a:hover .c-icon { opacity: 1; } footer .bottom-footer .left-items {text-align: center;} footer .bottom-footer .right-items { padding-bottom: 12px;padding-bottom: 4px; } footer .footer-social-bar { text-align: center; padding-bottom:4px; } .bottom-footer .rightnew-items { text-align: center } footer .bottom-footer .right-items ul .rightnew-items{ padding-left: 0; margin-left: -5px; list-style: none; margin-bottom: 0; } footer .bottom-footer .right-items ul > li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer .bottom-footer .right-items ul > li a { color: rgba(255, 255, 255, .5); } footer .bottom-footer .right-items ul > li a:hover { color: #ffbb00; } .prize-list *{box-sizing:border-box;} .prize-list{margin:0 -10px; padding:0; list-style:none; overflow:hidden;} .prize-list li{padding:10px; float:left; width:33.3333333%} .prize-list li .box{border:1px solid #d4d4d4; padding:10px; text-align:center; background:#fff; transition:.2s; height: 272px;} .prize-list li .box:hover{box-shadow:0 0 0 2px rgba(0,0,0,.1)} .prize-list li .box img{margin-bottom:10px; max-width:100%;} .prize-list li .box span{display:block; padding:4px;} .prize-list li .box .title{font-size:18px; color: #191919; height: 56px; overflow: hidden;} .prize-list li .box .date{font-size:14px;} .cotent-share-icon ul .d-icon, .cotent-share-icon ul .a-icon { width: 32px; height: 32px; } .cotent-share-icon a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; } .icon-whatsapp { background-position: -64px -128px; } .d-icon { background-image: url(/App_Themes/NewDesign/Images/d-icon-sprite.png); background-repeat: no-repeat; } .icon-WeChat { background-position:-158px -225px;} .icon-telegram {background-position:-196px -224px;} .icon-telegrame {background-position: -262px -158px} .cotent-share-icon li { float: left; padding: 4px; position: relative; } .cotent-share-icon ul { list-style: none; padding: 0; margin: 0; height: 40px; display: inline-block; float: left; } .hidden-md-up ul li { list-style:none; } .advertisetitle { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 34px; line-height: 135%; max-width: 100%; min-width: 0%; text-align: center; } .advertisemodel { background-color: #fff; margin-bottom: 48px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); padding-bottom: 6px; word-wrap: break-word; color: rgba(0,0,0,.87); padding: 39px 13px 0; margin: 50px 0 48px; } @media (max-width:640px){ .prize-list li{width:100%} } @media only screen and (max-width:600px) { .SearchBox input.button {background: url(/interviews/images/InterviewSpriteHome_20151129.png) -10px -474px no-repeat; }} @media only screen and (max-width:767px) { footer .top-footer .footer-list { padding-top: 15px; } footer .top-footer .footer-list h4 { margin: 0 } footer .footer-list .list li { display: inline-block; position: relative; margin-right: 12px; } .links-container .add-more,.remove-it{margin: 0;padding: 0;float: left;color: #0086DC;margin-top: 7px;display: inline-flex;margin-top: -10px;} .links-container .remove-it{color:red;} } @media only screen and (min-width:768px) { .top-footer .footer-list { width: 25%; float: left; position: relative; min-height: 1px; } .bottom-footer .left-items { position: relative; min-height: 1px; } .bottom-footer .right-items { position: relative; min-height: 1px; } .footer-list .list li { position: relative; padding-left: 12px; } .footer-list .list li:before { content: ""; width: 5px; height: 4px; position: absolute; left: 0; display: inline-block; background: #3c7497;/*rgba(255, 255, 255, .5);*/ top: 12px; border-radius: 50%; } .links-container .add-more,.remove-it{margin: 0;padding: 0;float: left;vertical-align: middle;margin-top: 30px;margin-left: -24px;color: #0086DC;} } @media screen and (min-width:1024px) { .more-btn { position: relative } .more-btn > a:after { content: ""; display: inline-block; border: 5px solid; border-color: #313131 transparent transparent transparent; position: relative; left: 4px; top: 2px; margin-left: 2px; } .more-btn .dropdown-content { min-width: 120px; list-style: none; padding: 0; margin: 0; position: absolute; top: 54px; display: none; } .more-btn:hover > .dropdown-content, .dropdown-content:hover { display: block; background: #fff; border: 1px solid #ffbb00; border-top: none; } ul.headerMenu .dropdown-content li > a { font-family: 'Titillium Web',sans-serif; font-size: 14px; float: none; color: #7f8080; } ul.headerMenu .dropdown-content li > a:hover { color: #fff !important; } ul.headerMenu li.more-btn > a { padding-right: 11px; } .more-btn .more-btn { position: relative } .more-btn .more-btn > a:after { content: ""; display: inline-block; border: 5px solid; border-color: transparent transparent transparent #313131; position: relative; left: 8px; top: 0; margin-left: 2px; } .more-btn .more-btn > a:before { content: ""; width: 100%; height: 20px; display: block; position: absolute; bottom: -13px; left: 5px; width: 115px; } .more-btn .more-btn .dropdown-content { list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 120px; border: 1px solid #0086dc !important; } .more-btn .more-btn:hover > .dropdown-content, .dropdown-content:hover { display: block !important; } /*.more-btn .more-btn > .dropdown-content a { padding: 13px 10px 4px 10px; !important }*/ .more-btn .dropdown-content li { padding: 0; display: block; width: 100%; float: none; overflow: visible } ul.headerMenu li.more-btn ul li a { padding: 8px 10px 2px 10px ;white-space:nowrap} ul.headerMenu li.more-btn ul li:hover > a, ul.headerMenu li.more-btn ul li a.active, ul.headerMenu li.more-btn ul li:hover > a, ul.headerMenu li.more-btn ul li > ul li:hover > a { background-color: #ffbb00; color: #fff !important; } } @media screen and (max-width:1023px) { ul.headerMenu .more-btn > a { border-bottom: 1px solid #3a3a3a; } ul.headerMenu .more-btn > a[href='javascript:void(0);'] { display: none } } /*==============StyleSheet CSS===============*/ .inverted-menu {background: #313131 !important;} .inverted-menu ul.headerMenu li > a {color: #ffffff !important;} .inverted-menu .csharpHome:hover {background-position:11px -3462px!important;} .inverted-menu .SearchBox input.searchTextBox {padding: 0px 0 0 8px;} .whitelogo { display:none;} .inverted-menu .whitelogo {display:block;} .inverted-menu .blacklogo {display:none;} .inverted-menu ul.headerMenu li.jsbc_logo a:hover {background-color: #313131;color: #fff !important;} #OldHeader .InFocusNews {background-position: 50% 50% !important; } @media(min-width:1360px){ .b-container { max-width: 1280px; } #OldHeader .page {max-width: 1260px;} #OldHeader .InFocusNews {background-position: 58% 50% !important; } } @media(min-width:1440px){ .b-container {max-width: 1400px; } .page-body{padding: 40px 35px 1px 35px; } #OldHeader .page {max-width: 1360px;} #OldHeader .InFocusNews {background-position: 56% 50% !important; } } .breaking-news-container .breaking-new-text { margin-bottom: 0px; font-size: 28px; position: absolute; z-index: 10; padding: 10px; width: 96%; top:25px; } .breaking-news-container h3.heading span { background: #ff646f; padding: 10px; font-size: 20px; color: #ffffff; } .breaking-news-container .news-heading .left-side, .right-side{float:left;} .breaking-news-container .news-heading .left-side{ width: calc(100% - 140px); padding-top: 15px; padding-left: 15px; } .breaking-news-container .news-heading .right-side{background: #ffbb00;padding-top: 18px;height: 129.2px;line-height: 50px;width: 140px;text-align: center;color: #ffffff;} .post-Date{font-size: 65px;display: block;font-weight: 600;} .post-Month{font-size: 26px;} .breaking-news-container .media-top{ position: relative; z-index: 2; } .breaking-news-container .news-heading{ position: absolute; z-index: 3; top: 230px; width: 100%; border-top: 2px solid #d7dae1; background: rgba(0,0,0,0.7); height: 130px; } .breaking-news-container .news-heading h4 { font-size: 26px; font-weight: 500; } .breaking-news-container > ul > li p { color: #fdfdfd !important; font-size: 18px !important; letter-spacing: initial !important; } .breaking-news-container > ul { height: 360px !important; } .breaking-news-container img { width: 100% !important; height: 361px !important; } .breaking-news-container > ul > li { position: absolute; top: 0px; right: -999px; margin: 0px !important; padding: 0 !important; width: 100%; } .breaking-news-container > ul > li p { color: #757575; font-size: 14px; line-height: 24px; letter-spacing: -.1px; margin: 0; margin-top: 4px; }