{ padding:0; margin:0; outline:0; }

@font-face {
    font-family: 'helvetica';
    src: url('fonts/helveticaneue-boldcond-webfont.eot');
    src: url('fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
span.best {
  color: #00cc33;
}

span.good {
  color: #66cc33;
}

span.natural {
  color: #666666;
}

span.bad {
  color: #ff66cc;
}

span.worst {
  color: #ff00cc;
}
*/

/*webkit kernel */
#sideCatBar::-webkit-scrollbar {
      width:0px;
      height:0px;
}
#sideCatBar::-webkit-scrollbar-button    {
      background-color:rgba(0,0,0,0);
}
#sideCatBar::-webkit-scrollbar-track     {
      background-color:rgba(0,0,0,0);
}
#sideCatBar::-webkit-scrollbar-track-piece {
      background-color:rgba(0,0,0,0);
}
#sideCatBar::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
}
#sideCatBar::-webkit-scrollbar-corner {
      background-color:rgba(0,0,0,0);
}
#sideCatBar::-webkit-scrollbar-resizer  {
      background-color:rgba(0,0,0,0);
}

span.effector {
  color: #0000cc;
  font-style: italic;
}

#newsType {
  margin-top: -30px;
  margin-left: 10px;
}

#score {
  font-size: 20px;
  font-weight: 300;
  padding: 5px;
  border: 1px solid #fff; border-radius: 2px;
}

#score:hover {
  background: #f2f2f2;
  border: 1px solid #e1e1e1; border-radius: 2px;
  cursor: pointer;
}

#docScore {
  font-size: 18px;
  font-weight: 300;
  margin-left: 10px;
  margin-top: 7px;
  color: #666;
}

body {
	background:;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #555;
}

#detail-down {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 6px;
  background-image: url('/images/arrow-down.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-down:hover {
  background-image: url('/images/arrow-down-active.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-up {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 6px;
  background-image: url('/images/arrow-up.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-up:hover {
  background-image: url('/images/arrow-up-active.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.similar-down {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url('/images/arrow-down.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  float: right;
}

.similar-down:hover {
  background-image: url('/images/arrow-down-active.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.similar-up {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  display: block;
  background-image: url('/images/arrow-up.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  float: right;
}

.similar-up:hover {
  background-image: url('/images/arrow-up-active.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

#button-reverse {
  width:0px;
  height:0px;
  float: right; 
  border-top:8px solid gray; 
  border-left:8px solid white; 
  border-bottom:8px solid white; 
  border-right:8px solid white;
  margin-top:10px;
  margin-right:40px;
}

#button-reverse.up {
  width:0px;
  height:0px;
  float: right; 
  border-top:8px solid white; 
  border-left:8px solid white; 
  border-bottom:8px solid gray; 
  border-right:8px solid white;
  margin-top:0px;
  margin-right:40px;
}

#sort-button {
  width: 32px;
  height: 22px;
  display: block;
  float: right;
  margin-top: 3px;
  margin-right: 5px;
  background-image: url('/images/sort-descend-disabled.png');
  background-repeat: no-repeat;
  background-size: 32px 22px;
}

#sort-button:hover {
  background-image: url('/images/sort-descend-enabled.png');
  background-repeat: no-repeat;
  background-size: 32px 22px;
}

#keyword-research {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/keyword-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#keyword-research:hover {
  background-image: url('/images/keyword-active-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#sharethis {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/sharethis-24.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#sharethis:hover {
  background-image: url('/images/sharethis-active-24.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#refresh-keyword {
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 3px;
  background-image: url('/images/refresh_off.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

#refresh-keyword:hover {
  background-image: url('/images/refresh_on.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}


#like {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/agree_16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#dislike {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/disagree_16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}


input, textarea, select { font-family: 'Open Sans', Arial, sans-serif; font-size: 11px; }

a img { border:0; }

a { color: #1479b3; text-decoration: none; cursor:pointer; transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
a:hover { color: #000; transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; }

a img { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;}
a:hover img { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }

.left, .align-left { float:left; display:inline; }
.right, .align-right { float:right; display:inline; }

.clearfix,
.tabs-nav ul,
.top,
.tab-top-options ul,
.search-sort,
.sidebar-head,
.post-rates ul,
.chart-head,
.pagging ul,
.post-rates,
.big-search-holder,
.mobile-tabs-nav,
.charts-head,
.personal-charts-head,
.tabs-info ul,
.mobile-head-opt,
.stats-wrapper p,
.navigation ul { *zoom: 1; }
.login ul { *zoom: 1; }
.flagtag ul { *zoom: 1; }
.mobile-head-opt:after,
.chart-head:after,
.mobile-tabs-nav:after,
.charts-head:after,
.charts-stats li:after,
.sidebar-head:after,
.personal-charts-head:after,
.big-search-holder:after,
.post-rates:after,
.search-sort:after,
.pagging ul:after,
.tabs-info ul:after,
.post-rates ul:after,
.tab-top-options ul:after,
.tabs-nav ul:after,
.stats-wrapper p:after,
.clearfix:after,
.top:after,
.navigation ul:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }
.login ul:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }
.flagtag ul:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

.pagging ul { -webkit-padding-start: 0px; }

h1.logo { font-size:0; line-height:0; top: 28px; left: 2px; margin: 0; }
h1.logo a { display: block; height: auto; width: 100%; text-indent: -4000px; background: url(/images/newsandmoods.png); background-size: 100% auto; background-repeat: no-repeat; position: relative; }
h1.logo a:hover { opacity: 0.70; }
h1.logo a:after { content:""; display: block; padding-top: 20%}
h2 { font-size: 36px; line-height: 40px; font-weight: 300; color: #666; }
h3 { font-size: 24px; line-height: 28px; font-weight: 300; color: #666; }
h4 { font-size:; line-height:; }
h5 { font-size:; line-height:; }

html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -89px; }
.push {	height: 89px; }

.shell { width:; margin:0 auto; }

/* sindex */
#kwdResult { color: #1479b3; }

/* top */
.top { background-color: #fff/*#6f6f6f*/; }
.top .buttons { float: right; }
.navigation { float: left; }
.navigation ul { list-style-type: none; margin-bottom: 0; padding-left: 0px}
.navigation ul li { float: left; }
.navigation ul li span.navigation { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
.navigation ul li.link span.navigation:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
.navigation ul li.active span.navigation { background-color: #fff; color: #5f6368; text-decoration: none; }
.navigation ul li a { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; }
.navigation ul li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
.navigation ul li.active a { background-color: #fff; color: #5f6368; text-decoration: none; }
.navigation ul li.active a:hover { text-decoration: underline; background-color: #eee; }

.flagtag { float: left; }
.flagtag ul { list-style-type: none; margin-bottom: 0; padding-left: 0px}
.flagtag ul li { float: left; }
.flagtag ul li span:not(.text):not(.glyphicon)  { display: block; color: #fff; text-decoration: none; padding: 10px; font-weight: 300; cursor: pointer; }
.flagtag button.btn { padding-right:0px;}
.flagtag img.flag {margin-right:0px;}

.login { float: left; margin-right: 15px;}
.login ul { list-style-type: none; margin-bottom: 0; }
.login ul li { float: left; }
.login ul li span { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
.login ul li.link span:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
.login ul li.active span { background-color: #fff; color: #5f6368; text-decoration: none; }
.login ul li a { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; }
.login ul li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
.login ul li.active a { background-color: #fff; color: #5f6368; text-decoration: none; }
.login ul li.active a:hover { text-decoration: underline; background-color: #eee; }


#news-submenu { position: absolute; list-style: none; background-color: #eee; display: none; list-style-type: none; margin-bottom: 0; padding-left: 0;}
#news-submenu li { float: left; }
#news-submenu li span { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#news-submenu li.link span:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#news-submenu li.active span { background-color: #fff; color: #5f6368; text-decoration: none; }
#news-submenu li a { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; }
#news-submenu li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#news-submenu li.active a { background-color: #fff; color: #5f6368; text-decoration: none; }
#news-submenu li.active a:hover { text-decoration: underline; background-color: #eee; }

#sindex-submenu { position: absolute; list-style: none; background-color: #888888; display: none; list-style-type: none; margin-bottom: 0; padding-left: 0;}
#sindex-submenu li { float: left; }
#sindex-submenu li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#sindex-submenu li.link span:hover { text-decoration: underline; color: #2f4f4f; background-color: #888888; }
#sindex-submenu li.active span { background-color: #999999; color: #fff; text-decoration: none; }
#sindex-submenu li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
#sindex-submenu li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #888888; }
#sindex-submenu li.active a { background-color: #999999; color: #fff; text-decoration: none; }
#sindex-submenu li.active a:hover { text-decoration: underline; background-color: #888888; }

#logout-submenu { position: absolute; list-style: none; background-color: #eee; display: none; list-style-type: none; margin-bottom: 0; padding-left: 0;}
#logout-submenu li { float: left; }
#logout-submenu li span { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#logout-submenu li.link span:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#logout-submenu li.active span { background-color: #fff; color: #5f6368; text-decoration: none; }
#logout-submenu li a { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; }
#logout-submenu li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#logout-submenu li.active a { background-color: #fff; color: #5f6368; text-decoration: none; }
#logout-submenu li.active a:hover { text-decoration: underline; background-color: #eee; }

#login-submenu { position: absolute; list-style: none; background-color: #eee; display: none; list-style-type: none; margin-bottom: 0; padding-left: 0;}
#login-submenu li { float: left; }
#login-submenu li span { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#login-submenu li.link span:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#login-submenu li.active span { background-color: #fff; color: #5f6368; text-decoration: none; }
#login-submenu li a { display: block; color: #5f6368; text-decoration: none; padding: 13px; font-weight: 300; }
#login-submenu li a:hover { text-decoration: underline; color: #2f4f4f; background-color: #eee; }
#login-submenu li.active a { background-color: #fff; color: #5f6368; text-decoration: none; }
#login-submenu li.active a:hover { text-decoration: underline; background-color: #eee; }


.top .buttons { float: right; margin: 0; }
.top .buttons a { display: block; color: #ededed; font-weight: 300; margin: 13px 16px 13px 13px; }
.top .buttons a:hover { text-decoration: underline; color: #2f4f4f; }
.top .search-holder { position: relative;  min-width:400px; } 
.top .button-submit { position: absolute; top: 0; right: 0; }

/* section-search */
.section-search { padding: 5px 0 50px 0; }
.section-search .search-holder { margin-top: 6px; position: relative;  }
.section-search .button-submit { position: absolute; top: 0; right: 0; }
.section-search .button-config{ position: absolute; top: 0; right: 0; }
.section-search .field { padding-right: 110px; height: 46px; }
.section-search .select-holder { margin-top: 6px; }
.section-search .field-holder { margin-top: 6px; }

.field { width: 100%; border: 1px solid #e1e1e1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; font-size: 22px; line-height: 28px; font-weight: 300; color: #666; padding: 10px 14px; box-shadow: inset 0px 0px 0px; -moz-box-shadow: inset 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 0px; -o-box-shadow: inset 0px 0px 0px; }

.field:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.datefield { width: 100%; border: 1px solid #d1d1d1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; font-size: 22px; line-height: 28px; font-weight: 300; color: #666; padding: 5px 14px; box-shadow: inset 0px 0px 0px; -moz-box-shadow: inset 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 0px; -o-box-shadow: inset 0px 0px 0px; }

.button-submit { border: 0; background: url(/images/search-24.png) no-repeat 11px 11px; width: 46px; height: 46px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size: 0; line-height: 0; text-indent: -4000px; } 
/*.button-submit:hover { background-image:url(/images/button-submit-hover.png);  }
.button-submit:active { background-image:url(/images/button-submit-active.png);  }*/
.button-config { border: 0; background: url(/images/button-config.png) no-repeat 0 0; width: 46px; height: 46px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size: 0; line-height: 0; text-indent: -4000px; } 
.button-config:hover { background-image:url(/images/button-config-hover.png);  }
.button-config:active { background-image:url(/images/button-config-active.png);  }

.kwd-field { 
  width: 100%; 
  border: 1px solid #e1e1e1; 
  border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  -o-border-radius: 2px; 
  font-size: 14px; 
  line-height: 18px; 
  font-weight: 300; 
  color: #666; 
  padding: 5px; 
  box-shadow: inset 0px 0px 0px; 
  -moz-box-shadow: inset 0px 0px 0px; 
  -webkit-box-shadow: inset 0px 0px 0px; 
  -o-box-shadow: inset 0px 0px 0px; 
}


.chosen-container { width: 100%!important; }
.chosen-container-single .chosen-single { 
  background: #fff;  
  box-shadow: none; 
  border-radius: 0px; 
  -moz-border-radius: 0px; 
  -webkit-border-radius: 0px; 
  -o-border-radius: 0px; 
  border: 0; 
  color: #5c5c5c;
  font-size: 14px; 
  line-height: 18px; 
  border: 1px solid #d1d1d1; 
  overflow: visible; 
  height: auto; 
  padding: 5px 29px 5px 8px; 
}


.chosen-container .chosen-drop { background-color: #ededed; color: #fff; border-top: 1px solid #aaa;  }
.chosen-container-active.chosen-with-drop .chosen-single { background: #fff!important; }
.chosen-container-single .chosen-single span { margin-right: 0; }
.chosen-container-single .chosen-single div { width: 28px; background: url(/images/select-arr_24.png) no-repeat right 2px top 2px;  }
.chosen-container-active .chosen-single div { width: 28px; background: url(/images/select-arr-active_24.png) no-repeat right 2px top 2px;  }
.chosen-container-single .chosen-single b { background: center center; }
.chosen-container .chosen-drop .highlighted {  color: #3a3a3a; background-color: #cacbcc!important; }
.chosen-container .chosen-drop .highlighted.result-selected,
.chosen-container .chosen-drop .result-selected { background-color: none!important; }
.chosen-container .chosen-results li.active-result.highlighted { color: #3a3a3a;}
.chosen-container .chosen-results { margin: 0; padding: 0; }
.chosen-container .chosen-results li { 
  color: #3a3a3a; 
  padding: 3px 8px 3px 8px; 
  font-size: 14px; 
}
.chosen-container .chosen-results li.highlighted:hover { color: #7c7c7c; }

.select-holder-checks .chosen-container-single .chosen-single { padding-top: 14px; padding-bottom: 13px; }
.select-holder-checks .chosen-container-single .chosen-single span { background: url(/images/radio-top.png) no-repeat 0 1px; padding-left: 21px; }
.select-holder-checks .chosen-container .chosen-results li { background: url(/images/radio-def.png) no-repeat 8px 8px; padding-left: 32px; }
.select-holder-checks .chosen-container .chosen-results li:hover { background-image: url(/images/radio-hover.png) ; }
.select-holder-checks .chosen-container .chosen-results li:active { background-image: url(/images/radio.png) ; }
.select-holder-checks .chosen-container .chosen-results li.result-selected { background-image: url(/images/radio.png) ; }
.select-holder-checks .chosen-container .chosen-results li.highlighted:hover { color: #7c7c7c; }

.button { display: block; text-align: center; background-color: #2c96d3; color: #ffffff; padding: 6px 0 6px 0; border-radius: 2px}
.button:hover { background-color: #30a5e8; color: #fff; text-decoration: none; }
.button:active { background-color: #1782bf; color: #fff; text-decoration: none; }

.grey-button { display: block; text-align: center; background-color: #dadbdc; color: #666; padding: 6px 0 6px 0; border-radius: 2px}
.grey-button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.white-button { display: block; text-align: center; background-color: #fff; color: #555; padding: 6px 0 6px 0; border-radius: 2px}
.white-button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

/* head-options */
.head-options { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background-color: #f2f2f2; padding: 16px 0 39px 0; }
.page-title h2 { margin: 0; padding-bottom: 22px; }
.head-options .field { padding-top: 9px; padding-bottom: 8px; }

/* filters */
.filters { padding: 36px 0 25px 0; }

.ui-datepicker-trigger { display: none; }
.datepicker { font-size: 14px; color: #7c7c7c; font-weight: normal; background: url(/images/ico-cal_24.png) no-repeat right 2px top 2px #fff; width: 100%; text-align: left; padding-top: 5px; padding-bottom: 5px; line-height: 18px; height: 30px; }
.datepicker:hover { background-image:url(/images/ico-cal-active_24.png); }
.ui-datepicker { border: 1px solid #e1e1e1; width: 230px; padding-bottom: 10px; background-color:#fff;  }
.ui-datepicker .ui-datepicker-header { background-color: #fff; border-bottom: 1px solid #e1e1e1; }
.ui-datepicker .ui-datepicker-title { font-size: 14px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; margin-top: 9px; margin-bottom: 9px; }
.ui-datepicker th { background: #fff; font-size: 12px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; border: 0; padding-top: 9px; }
.ui-datepicker td { background: #fff; font-size: 12px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; border: 0; }
.ui-datepicker td .ui-state-default { color: #7c7c7c; }
.ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-hover { background-color: #e1e1e1; }

.ui-datepicker .ui-datepicker-next span { background: url(/images/arr-next.png) no-repeat 0 center; margin-top: 6px; }
.ui-datepicker .ui-datepicker-prev span { background: url(/images/arr-prev.png) no-repeat right center; margin-top: 6px; }
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover { background-color: transparent!important; }


/* tabs */
.tabs { border-top: 1px solid #e3e3e3; padding-top: 3px; padding-bottom: 63px; margin-top: -1px; }
.tabs2 { padding-bottom: 0; }
.tabs-nav { padding-top: 5px; }
.tabs-nav > ul { list-style-type: none; margin-bottom: 0; padding-top: 5px; padding-left: 0px; }
.tabs-nav > ul li { float: left; padding-right: 9px; height: 35px;}
.tabs-nav > ul li a { display: block; border: 1px solid #e3e3e3; border-bottom: 0; color: #555; font-size: 15px; width: 115px; text-align: center; padding: 7px 0 9px 0; background-color: #f2f2f2; border-radius: 2px 2px 0 0 ; }
.tabs-nav > ul li.active a { background-color: #fff; border-bottom: 1px solid #fff; position: relative; margin-bottom: -1px; color: 333; font-weight: bold; text-decoration: none; }
.tab { position: absolute; left: -9999px; top: -99px; }
.tab.active { position: relative; top: 0; left: auto; }
.tab h3 { padding-bottom: 17px; }

.tabs-nav > ul li input { display: block; border: 1px solid #e3e3e3; border-bottom: 0; color: #555; font-size: 15px; width: 146px; text-align: center; padding: 7px 0 9px 0; background-color: #f2f2f2; border-radius: 2px 2px 0 0 ; }
.tabs-nav > ul li.active input { background-color: #fff; border-bottom: 1px solid #fff; position: relative; margin-bottom: -1px; text-decoration: none; }



.stats-wrapper { list-style-type: none; padding-bottom: 25px; padding-left: 0px;}
.stats-wrapper li { padding-bottom: 10px; }
.stats-holder { display: block; background-color: #f2f2f2; position: relative; height: 11px; margin-top: -6px; margin-bottom: 6px; }
.stats { background-color: #feb832; position: absolute; top: 0; bottom: 0; left: 0; }
.stats-wrapper-purple .stats { background-color: #c175c6; }
.stats-wrapper-green .stats { background-color: #58be58; }
.stats-wrapper-red .stats { background-color: #fc675e; }

.stats-wrapper p span { float: left; font-size: 15px; }
.stats-wrapper p span + span { float: right; }

/* footer */
.footer { border-top: 1px solid #e3e3e3; font-size: 15px; font-weight: 300; padding: 30px 0; background-color: #fff; }
.foot-nav { float: left; }
.foot-nav a { color: #5c5c5c; margin-right: 16px; }
.foot-nav a:hover { color: #30a5e8; text-decoration: none; }
.foot-nav a:active { color: #1782bf; }
.foot-nav span { color: #1782bf; margin-right: 16px; }
.copyright { float: right; }

.section-search2 { padding-bottom: 0px;background-color: #fff; }
.tabs-info { padding-bottom: 5px; }
.tabs-info ul { list-style-type: none; margin-bottom: 0; }
.tabs-info ul li { float: left; font-size: 14px; padding-right: 30px; }
.tabs-info ul li strong { font-weight: 600; }
.ico-plus { background: url(/images/ico-small-plus.png) no-repeat center center #f0f0f0; display: inline-block; width: 12px; height: 10px; margin: 0 6px 0 3px; }
.ico-minus { background: url(/images/ico-small-minus.png) no-repeat center center #f0f0f0; display: inline-block; width: 12px; height: 10px; margin: 0 6px 0 3px; }

.tab-top-options ul { list-style-type: none; padding: 14px 0 7px 0; margin: 0; }
.tab-top-options li { float: left; min-width: 42px; }
.tab-top-options li a { display: block; }
.tab-top-options li a:hover { opacity: 0.70; }
.ico-list { background: url(/images/doc-16.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }
.ico-key { background: url(/images/key-16.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }

.post-rates ul { list-style-type: none; margin: 0 0 3px 0; }
.post-rates li { float: left; background-color: #f0f0f0; min-width: 30px; padding: 0 1px; margin-right: 6px; }
.post-rates i { width: 6px; height: 6px; float: left; background-position: center center; margin: 2px; }
.ico-small-plus { background-image:url(/images/ico-small-plus.png);  }
.ico-small-minus { background-image:url(/images/ico-small-minus.png);  }
.ico-small-dot { background-image:url(/images/ico-small-dot.png);  }

/* post */
.posts { padding-bottom: 32px; }
.post { /*border-bottom: 1px solid #f0f0f0;*/ padding-bottom: 11px; margin-bottom: 12px; padding-right: 11px;/* 100px; 140px */ padding-left: 11px; padding-top: 11px; border: 1px solid #d4d4d4; border-radius: 8px; }
.post-neg.active { border: 1px solid #fc675e; }
.post-pos.active { border: 1px solid #57be57; }
.post-neu.active { border: 1px solid #feb831; }
.post:first-child { margin-top: 0; padding-top: 11px;/* 0*/  }
/*.post h3 { font-size: 20px; font-weight: 400; color: #15c; margin: 0; padding: 0; line-height: 22px; height: 25px; overflow: hidden; }*/
/* Dr Qiao asked to show multi lines in title */
.post h3 { font-size: 21px; font-weight: 400; color: #15c; margin: 0; padding: 0; overflow: hidden; }
.post h3 a { color: #000;/*#15c;*/ font-weight: 400; font-family: 'Palatino Linotype', Century, Garamond, Perpetua, 'Times New Roman';}
.post h3 a:hover { color: #000; text-decoration: none; }
.post h3 a:visited { color: #000;/*#609;*/ }
.post h4 { font-size: 18px; font-weight: 400; color: #15c; margin: 0; padding: 0; line-height: 20px; height: 23px; overflow: hidden; }
.post h4 a { color: #15c; font-weight: 400; }
.post h4 a:hover { color: #000; text-decoration: none; }
.post h4 a:visited { color: #609; }
.post .post-meta { color: #999999; }
.post .post-meta a { color: #999999; }
.post p { padding: 0; margin: 0; color: #555555; }
.post .buttons { overflow: hidden; height: 20px; }
.post .buttons a { color: #7cae6d; }
#viewAll { color: #15c; cursor: pointer; margin-left: 90px; }

/* childPost */
.childPost { padding-top: 10px; margin-top: 10px; padding-left: 30px; padding-right: 30px; }
.childPost:first-child { margin-top: 10px; padding-top: 0px;  }
.childPost h3 { font-size: 20px; font-weight: 400; color: #15c; margin: 0; padding: 0; line-height: 22px; height: 25px; overflow: hidden; }
.childPost h3 a { color: #15c; font-weight: 400; }
.childPost h3 a:hover { color: #000; text-decoration: none; }
.childPost h3 a:visited { color: #609; }
.childPost .post-meta { color: #999999; }
.childPost .post-meta a { color: #999999; }
.childPost p { padding: 0; margin: 0; color: #555555; }
.childPost .buttons { overflow: hidden; height: 20px; }
.childPost .buttons a { color: #7cae6d; }
.groupTitle { cursor: pointer; font-size: 12px; font-weight: 400; color: #22a; }
.groupContent {}


.tabs2 .pagging { padding-bottom: 63px; }
.pagging ul { margin: 0; list-style-type: none; }
.pagging ul li { float: left; }
.pagging ul li a { display: block; font-weight: 300; color: #1479b3; border: 1px solid transparent; padding: 5px 10px 6px 8px; }
.pagging ul li.active a { border: 1px solid #e3e3e3; padding: 5px 10px 6px 11px; margin: 0 6px; color: #737373; text-decoration: none; }
.pagging ul li.active:first-child a { margin-left: 0; }

.search-sort { padding-top: 17px; }
.search-sort p { float: left; font-size: 14px; font-weight: 600; color: #5f5f5f; padding-right: 10px; }
.search-sort ul { list-style-type: none; float: left; }
.search-sort ul li { float: left; padding-left: 24px; }
.search-sort ul li a { display: block; font-weight: 300; color: #7c7c7c; background: url(/images/arr-gray.png) no-repeat right 7px; padding: 0 15px 0 0; font-size: 15px; }

.section-search3 { border-bottom: 1px solid #e3e3e3; padding-bottom: 32px; }
.section-search3 h1.logo { margin-top: 17px; }

.sidebar-head { background-color: #f2f2f2; padding: 86px 20px 15px 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.sidebar-head-low { background-color: #f2f2f2; padding: 35px 20px 2px 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.sidebar-head-test { background-color: #f2f2f2; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.sidebar-head-options { float: left; }
.sidebar-head-options ul { margin-bottom: 0; list-style-type: none; }
.sidebar-head-options ul li { margin-bottom: 0; display: inline; padding: 0 9px 0 24px; }
.sidebar-head-filter { float: left; margin-left: 15px; }
.sidebar-head-low-filter { margin-left: 15px; }
.sidebar-head-filter p { margin: 0; font-weight: bold; color: #555555;}
.sidebar-head-low-filter p { margin: 0; font-weight: bold; color: #555555;}
/*.sidebar-head-filter p a { font-weight: bold; color: #555555; background: url(/images/arr-gray2-top.png) no-repeat right 7px; padding: 0 27px 0 0; font-size: 14px; }*/

.tabs-wrapper2 .tabs-info { padding-top: 14px; }

.sidebar { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; position: relative;/* top: -24px; padding-top: 20px;*/ }
.sidebar-list { padding: 2px 14px 2px 14px/*16px 14px 13px 14px*/; border-top: 1px solid #e3e3e3; cursor: pointer; }
.sidebar-list .post-rates ul { margin-bottom: 0; }
.sidebar-list:first-child { border-top: 0; }
.sidebar-list-content h3 { font-size: 15px; font-weight: normal; margin: 0; line-height: 22px;}
.sidebar-list-content h3 span { float: right; font-size: 11px; color: #666; line-height: 18px; background-color: #f2f2f2; border: 1px solid #e3e3e3; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.sidebar-list-content h4 { font-size: 14px; font-weight: normal; margin: 0; line-height: 20px; padding-left: 18px; }
.sidebar-list-content h4 span { float: right; font-size: 10px; color: #666; line-height: 16px; background-color: #f2f2f2; border: 1px solid #e3e3e3; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.sidebar-list-content img { width: 14px; height: 14px; margin-top: 2px; float: left; cursor: pointer; } 
.sidebar-list-content h5 { font-size: 12px; font-weight: normal; margin: 0; line-height: 18px; padding-left: 32px; }
.sidebar-list-content h5 span { float: right; }
.sidebar-list.active { border-left: 5px solid #15c; padding-left: 9px; border-right: 1px solid #fff; margin-right: -1px; padding-right: 15px; }
.sidebar-list.active h3 { color: #333; font-weight: bold; }
.sidebar-list.active .post-rates li { background-color: #9fba26; }
.sidebar-list.active .post-rates li + li { background-color: #d8555e; }
.sidebar-list.active .ico-small-plus { background-image:url(/images/ico-small-plus-white.png); }
.sidebar-list.active .ico-small-minus { background-image:url(/images/ico-small-minus-white.png); }

.tab2 .post { padding-right: 0; }
.tab2 .post  { margin-bottom: 12px; padding-bottom: 11px; border-bottom: 1px solid #e3e3e3; border-top: 0; }
.tab2 .post h3 { padding-bottom: 10px; }
.tab2 .post h3 a { text-decoration: underline; }
.tab2 .post h3 a:hover { color: #30a5e8; }
.tab2 .post h3 a:active { text-decoration: none; color: #1782bf; }
.tab2 .post p { padding-bottom: 10px; }
.tab2 .post-rates { padding-bottom: 6px; }
.tab2 .post-rates ul { float: left; }
.tab2 .post-rates p { float: left; margin: 0; font-size: 14px; line-height: 16px; color: #a0a0a0; font-weight: 300; margin-top: -4px; padding: 0; }
.tab2 .post-rates p span { margin: 0 7px; }
.tab2 .post-rates .themes { float: right; }

.post-rates ul { float: left; margin-top: 5px; }
.post-rates p span { display: inline-block; width: 40px; font-size: 12px; }
.post-rates p .positive { color: #95b20e; }
.post-rates p .negative { color: #d4434d; }

.tabs-info .last { float: right; padding: 0; }
.tabs-info .last a { color: #a9a9a9; }
.tabs-info .last span { margin: 0 7px; color: #a9a9a9; }
.tabs-info .last a.active { color: #555555; text-decoration: underline;}

.tab3 .post { padding-right: 0; padding-bottom: 15px; margin-bottom: 15px; }

.big-search-holder { border: 1px solid #c5c5c5; padding: 29px 26px; }
.big-search-holder .field-holder { float: left; width: 455px; }
.big-search-holder .select-holder { width: 156px; float: left; margin-left: 30px; }
.big-search-holder .submit-holder { float: right; }

.select-holder-checks2 .chosen-container-single .chosen-single div { background: url(/images/arr-blue.png) no-repeat 0 center!important; width: 22px; }
.select-holder-checks2 .chosen-container-single .chosen-single { padding-right: 25px; }

.big-search-wrapper { padding: 100px 0 100px 0; }
.big-search-wrapper h1.logo { width: 230px; margin: 0 auto 30px auto; }
.big-search-wrapper h1.logo a { background: url(/images/logo2.png) no-repeat 0 0; height: 95px; }

.field-gray { background-color: #dadbdc; border-color: #dadbdc; }

.refresh-time p { margin: 0; color: #7c7c7c; font-size: 14px; }

.personal-charts-head { border-top: 1px solid #e3e3e3; padding: 42px 0 0 0;  }
.button-delete { color: #7c7c7c; background: url(/images/button-remove.png) no-repeat right 2px; padding: 0 32px 2px 0; }

.delete-snapshot { display: block; color: #666; text-decoration: none; font-weight: 300; cursor: pointer; }
.delete-snapshot:hover { text-decoration: underline; color: #333; }
.personal-charts-head .button-delete { float: right; font-size: 16px; line-height: 24px; margin-top: 10px; }
.personal-charts-nav { float: left; }
.personal-charts-nav ul { list-style-type: none; border: 1px solid #e1e1e1; border-radius: 2px; height: 41px; }
.personal-charts-nav ul li { float: left; min-width: 235px; }
.personal-charts-nav ul li:first-child { border-right: 1px solid #e3e3e3; min-width: 134px; }
.personal-charts-nav ul li a { display: block; font-size: 16px; color: #7c7c7c; padding: 10px 12px 11px 12px; }
.personal-charts-nav ul li.active a { font-weight: 600; background-color: #f2f2f2; text-decoration: none; }

.personal-charts-content { padding-bottom: 0px; }

.field-small { font-size: 16px; padding-left: 15px; font-weight: normal; color: #7c7c7c; padding-top: 8px; padding-bottom: 9px; }
.personal-charts-options { border-bottom: 1px solid #e3e3e3; padding-bottom: 40px; margin-bottom: 40px; }
.personal-charts-options .chosen-container-single .chosen-single { font-size: 16px; padding-left: 16px; line-height: 22px; padding-top: 10px; padding-bottom: 10px;}
.personal-charts-options .field { margin-bottom: 30px; }
.group-name { border-style: hidden;}

.personal-charts-actions { padding-bottom: 70px; }

.tabs-nav2 { padding-top: 0px; }

.charts-head { border-bottom: 1px solid #e3e3e3; padding: 23px 0 25px 0; margin-bottom: 34px;}
.charts-title { float: left; }
.charts-title h2 { font-size: 36px; line-height: 40px; margin: 0; }

.charts-stats { float: right; }
.charts-stats ul { list-style-type: none; }
.charts-stats li { float: left; padding-left: 40px; }
.charts-stats li p { float: left; margin: 0; width: 100px; }
.charts-stats li p span { display: block; }
.charts-stats li h2 { float: left; margin: 0; font-size: 34px; line-height: 38px; color: #2c96d3; }

.chart-head { padding-bottom: 33px; overflow: hidden; }
.chart-title { float: left; }
.chart-title h2 { font-size: 24px; line-height: 28px; margin: 0; }
.chart-legend { float: right; padding-top: 7px; }
.chart-legend ul { list-style-type: none; }
.chart-legend li { float: left; padding-left: 20px; }
.chart-legend i { width: 13px; height: 13px; display: inline-block; position: relative; top: 1px; margin-right: 9px;  }
.chart-legend .ico-red { background-color: #fc6f66; }
.chart-legend .ico-green { background-color: #58be58; }
.chart-legend .ico-yellow { background-color: #ffc048; }
.chart-legend .ico-purple { background-color: #c175c6; }

.chart-content { margin-top: -50px; }

.mine
.mobile-head-opt,
.mobile { display: none; }

.chart-content { padding-bottom: 46px; }

@media only screen and ( min-width: 1401px ) and ( max-width: 1500px) {
  .section-search #summarySpace,#updated,.btn,.grey-button {
    font-size: 12px;
  }

  .sidebar-list-content h3 {
    font-size: 12px;
  }
  .sidebar-list-content h3 span {
    font-size: 12px;
  }

  .sidebar-list-content h4 {
    font-size: 11px;
  }
  .sidebar-list-content h4 span {
    font-size: 11px;
  }
  
  .sidebar-list-content h5 {
    font-size: 10px;
  }
  .sidebar-list-content h5 span {
    font-size: 10px;
  }

  #sideCatBar {
    margin-left: 6px;
  }

  .section-search .tabs-nav > ul li a {
    font-size: 14px;
    width: 105px;
  }
}

@media only screen and ( min-width: 1301px ) and ( max-width: 1400px) {
  .section-search #summarySpace,#updated,.btn,.grey-button {
    font-size: 11px;
  }

  .sidebar-list-content h3 {
    font-size: 11px;
  }
  .sidebar-list-content h3 span {
    font-size: 11px;
  }

  .sidebar-list-content h4 {
    font-size: 10px;
  }
  .sidebar-list-content h4 span {
    font-size: 10px;
  }
  
  .sidebar-list-content h5 {
    font-size: 9px;
  }
  .sidebar-list-content h5 span {
    font-size: 9px;
  }

  #sideCatBar {
    margin-left: 0px;
  }

  .section-search .tabs-nav > ul li a {
    font-size: 13px;
    width: 95px;
  }
}

@media only screen and ( min-width: 1201px ) and ( max-width: 1300px) {
  .section-search #summarySpace,#updated,.btn,.grey-button {
    font-size: 10px;
  }

  .sidebar-list-content h3 {
    font-size: 10px;
  }
  .sidebar-list-content h3 span {
    font-size: 10px;
  }

  .sidebar-list-content h4 {
    font-size: 9px;
  }
  .sidebar-list-content h4 span {
    font-size: 9px;
  }

  .sidebar-list-content h5 {
    font-size: 8px;
  }
  .sidebar-list-content h5 span {
    font-size: 8px;
  }

  #sideCatBar {
    margin-left: 0px;
  }

  .section-search .tabs-nav > ul li a {
    font-size: 12px;
    width: 85px;
  }
}

@media only screen and ( max-width : 1200px ) { 
  .wrapper { min-width: 1200px; }
  .container { min-width: 1200px; }
	.big-search-holder .field-holder { width: 325px; }
	.search-sort ul li { padding-left: 20px; }
	.search-sort ul li:first-child { padding-left: 0; }

  .section-search #summarySpace,#updated,.btn,.grey-button {
    font-size: 9px;
  }

  .sidebar-list-content h3 {
    font-size: 9px;
  }
  .sidebar-list-content h3 span {
    font-size: 9px;
  }

  .sidebar-list-content h4 {
    font-size: 8px;
  }
  .sidebar-list-content h4 span {
    font-size: 8px;
  }
  
  .sidebar-list-content h5 {
    font-size: 8px;
  }
  .sidebar-list-content h5 span {
    font-size: 8px;
  }

  #sideCatBar {
    margin-left: 0px;
  }

  .section-search .tabs-nav > ul li a {
    font-size: 11px;
    width: 80px;
  }
}

@media only screen and ( max-width : 991px ) { 
  .wrapper { min-width: 1200px; }
  .container { min-width: 1200px; }
}

@media only screen and ( min-width : 1200px ) { 
	.container { width: 1200px; }
}

@media only screen and ( min-width : 1500px ) {
  #sideCatBar {
    margin-left: 10px;
  }
}

#sideCatBar {
  height: 45vw;
}

#toolBar .btn-group {
  float:left;
}

#id_username, #id_password { 
  width: 200px; 
  border: 1px solid #e1e1e1; 
  border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  -o-border-radius: 2px; 
  font-size: 18px; 
  line-height: 24px; 
  font-weight: normal; 
  color: #666; 
  padding-left: 15px; 
  padding-top: 8px; 
  padding-bottom: 9px;
  box-shadow: inset 0px 0px 0px; 
  -moz-box-shadow: inset 0px 0px 0px; 
  -webkit-box-shadow: inset 0px 0px 0px; 
  -o-box-shadow: inset 0px 0px 0px;
}

#login-form {
  margin-top: 10px;
  margin-left: 10px;
}

#login-form p label {
  width: 120px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
}

#loginButton {
  font-size: 15px;
  text-align: center;
  background-color: #2c96d3;
  color: #ffffff;
  line-height: 18px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 13px;
  width: 150px;
  border: 0px solid;
  float: left;
  margin-left: 20px;
}
#loginButton:hover { background-color: #30a5e8; color: #fff; text-decoration: none; }
#loginButton:active { background-color: #1782bf; color: #fff; text-decoration: none; }

#signupButton {
  float: left;
  width: 150px;
  cursor: pointer;
}

#headerShare {
  width: 494px;
  height: 90px;
}

#headerLogin {
  width: 494px;
  height: 400px;
}

  
#bodyShare {
  width: 494px;
  height: 200px;
  
  border-top: 1px solid #cfcfcf; 
}

#imgShare {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 50px;
  height: 50px;
}

#titleShare {
  float: left;
  margin-left: 10px;
  margin-top: 20px;
  width: 390px;

  font-size: 15px; 
  line-height: 17px; 
  font-weight: 400; 
  color: #555;

  text-align: left;
}

#headerAgreeNews {
  width: 494px;
  height: 70px;
}

#titleAgreeNews {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 390px;

  font-size: 15px; 
  line-height: 17px; 
  font-weight: 400; 
  color: #555;

  text-align: left;
}

#imgAgreeNews {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 50px;
  height: 50px;
}

#nameAgreeNews {
  float: left;
  margin-left: 10px;
  margin-top: 2px;

  font-size: 13px; 
  line-height: 15px; 
  font-weight: 300; 
  color: #666;
}

#titleAgreeWeb {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 470px;

  font-size: 15px; 
  line-height: 17px; 
  font-weight: 400; 
  color: #555;

  text-align: left;
}

#headerAgreeWeb {
  width: 494px;
  height: 60px;
}

#nameShare {
  float: left;
  margin-left: 10px;
  margin-top: 2px;

  font-size: 13px; 
  line-height: 15px; 
  font-weight: 300; 
  color: #666;
}

#linkShare {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  text-align: left;

  padding: 10px 0 10px 0; 
}

#snsShare {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  text-align: left;

  padding: 10px 0 10px 0; 
}

#bodyShare button {
  margin-left: 10px;
  padding: 5px;
}

#shareFacebook, #shareTwitter, #shareGoogle {
  float: left;
  margin-left: 50px;
  margin-right: 50px;
  cursor: pointer;
}

#shareNM2Facebook, #shareNM2Twitter {
  cursor: pointer;
}

#closeShare, #closeLogin {
  float: right;
  margin-top: 2px;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/x-mark-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
}

#closeShare:hover, #closeLogin:hover {
  background-image: url('/images/x-mark-active-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.shareSNSText {
  float: left;
  width: 98px;
  margin-left: 25px;
  margin-right: 25px;

  font-size: 15px; 
  line-height: 17px; 
  font-weight: 400; 
  color: #555;

  text-align: center;
  cursor: pointer;
}

.categoryEach { 
  background: #eee;  
  box-shadow: none; 
  border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  -o-border-radius: 2px; 
  border: 1px solid #d1d1d1; 
  padding: 0px 5px 0px 5px; /*2px->0px*/ 
}

/* Tooltip */
.help + .tooltip > .tooltip-inner {
  background-color: #f2f2f2; 
  color: #000; 
  border: 1px solid #aaa; 
  padding: 5px;
  font-size: 12px;
  max-width: 400px;
  text-align:left;
  font-weight: normal;
}
/* Tooltip on top */
.help + .tooltip.top > .tooltip-arrow {
  border-top: 5px solid green;
}
/* Tooltip on bottom */
.help + .tooltip.bottom > .tooltip-arrow {
  border-bottom: 3px solid #aaa;
}
/* Tooltip on left */
.help + .tooltip.left > .tooltip-arrow {
  border-left: 5px solid red;
}
/* Tooltip on right */
.help + .tooltip.right > .tooltip-arrow {
  border-right: 5px solid black;
}

#facebook {
  background: url(/images/bootstrap-social.png) -34px -104px;
}

#twitter { 
  background: url(/images/bootstrap-social.png) -34px -416px;
}

#google {
  background: url(/images/bootstrap-social.png) -34px -260px;
}

#facebook, #twitter, #google {
  width: 442px;
  height: 70px;
}

#facebook:hover, #twitter:hover, #google:hover {
  opacity: 0.7;
}

.tag-negative, .tag-positive, .tag-neutral {
  background: #eee;
  color: #999;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 3px 0 3px;
  position: relative;
  margin: 2px 0 1px 12px;
  text-decoration: none;
  -webkit-transition: color 0.2s;

  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px; 
  border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;  
  border-top-right-radius:4px;  

}

.tag-negative span, .tag-positive span, .tag-neutral span {
  margin-left: 8px;
}

.tag-negative::before, .tag-positive::before, .tag-neutral::before {
  content:"";
  float:left;
  position:absolute;
  top:0;
  left:-12px;
  width:0;
  height:0;
  border-color:transparent #eee transparent transparent;
  border-style:solid;
  border-width:12px 12px 12px 0;    
}


.tag-negative::after, .tag-positive::after, .tag-neutral::after {
  content:"";
  position:absolute;
  top:10px;
  left:0;
  float:left;
  width:4px;
  height:4px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background:#fff;
  -moz-box-shadow:-1px -1px 2px #004977;
  -webkit-box-shadow:-1px -1px 2px #004977;
  box-shadow:-1px -1px 2px #004977;
}

div.post table tbody tr td {
  vertical-align: top;
}

div.post:hover table tbody tr td p span.tag-negative {
  background-color: #fc675e;
  color: white;
}

div.post:hover table tbody tr td p span.tag-negative::after {
  border-left-color: #fc675e;
}

div.post:hover table tbody tr td p span.tag-negative::before {
  border-right-color: #fc675e;
}

div.post:hover table tbody tr td p span.tag-positive {
  background-color: #57be57;
  color: white;
}

div.post:hover table tbody tr td p span.tag-positive::after {
  border-left-color: #57be57;
}

div.post:hover table tbody tr td p span.tag-positive::before {
  border-right-color: #57be57;
}

div.post:hover table tbody tr td p span.tag-neutral {
  background-color: #feb831;
  color: white;
}

div.post:hover table tbody tr td p span.tag-neutral::after {
  border-left-color: #feb831;
}

div.post:hover table tbody tr td p span.tag-neutral::before {
  border-right-color: #feb831;
}

span.tag-negative span {
  color: #fc675e;
  -webkit-transition: color 0.2s;
}

span.tag-positive span {
  color: #57be57;
  -webkit-transition: color 0.2s;
}

span.tag-neutral span {
  color: #feb831;
  -webkit-transition: color 0.2s;
}

div.post:hover table tbody tr td p span.tag-negative span, div.post:hover table tbody tr td p span.tag-positive span, div.post:hover table tbody tr td p span.tag-neutral span {
  color: white;
}

.flag {
  box-shadow: 1px 1px 3px grey;
}