body {
	font-family: 'Verdana', 'sans-serif';
}

.masthead {
	text-align: center;
}

.container {
	font-size: 14pt;
	text-align: justify;
}

.jumbotron {
    position: relative;
    padding-top: 5px;
    padding-bottom: 25px;
    text-align: center;
    margin-bottom: 0px;
    
    background: rgb(0,0,200); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(0,0,200,1) 0%, rgba(0,0,200,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,200,1)), color-stop(100%,rgba(0,0,200,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(0,0,200,1) 0%,rgba(0,0,200,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(0,0,200,1) 0%,rgba(0,0,200,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,0,200,1) 0%,rgba(0,0,200,1) 100%); /* IE10+ */
    background: linear-gradient(45deg, rgba(0,0,200,1) 0%,rgba(0,0,200,1) 100%); /* W3C */
    -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
    box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
   
}
h1 {
    font-size: 90px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    color: #0000CC;
    font-family: 'Noto Sans';
}
h2 {
    font-size: 48px;
    font-weight: bold;
    color: #0000CC;
    font-family: 'Noto Sans';
}
h3 {
    font-size: 32px;
    color: #0000CC;
    font-family: 'Noto Sans';
}
h5 {
    font-size: 24px;
    color: #0000CC;
    font-family: 'Noto Sans';
}
.navbar {
  background-color: #777;
}
.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
  color: #fff;
}
.navbar-inner {
  text-align: center;
  font-size: 14pt;
}
.nav.navbar-nav li a {
  color: #fff;
}
.nav.navbar-nav li a:hover {
  color: #aaa;
}
.description {
    text-align: justify;
}

a.group_link {
  text-decoration: none;
  color: rgb(0,0,200);
}

a.group_link:hover {
  background-color: rgb(0,0,200);
  color: white;
}

a.group_link_clicked {
  text-decoration:none;
  background-color: rgb(0,0,200);
  color: white;
}

a.article_link {
  text-decoration: none;
  color: rgb(0,0,200);
}

a.article_link:hover {
  background-color: rgb(0,0,200);
  color: white;
}

a.article_link_clicked {
  text-decoration:none;
  background-color: rgb(0,0,200);
  color: white;
}

a.claim {
  color: white;
  background-color: #ff3333;
}
 
a.claim:hover {
  text-decoration: none;
}

a.claim_fp {
  color: white;
  background-color: #3333ff;
}
 
a.claim_fp:hover {
  text-decoration: none;
}

a.claim_fn {
  color: white;
  background-color: #33dd33;
}
 
a.claim_fn:hover {
  text-decoration: none;
}

.title {
  color: rgb(0,0,200);
  font-weight: bold;
  font-size: 24pt;
  text-align: center;
}

table.videos {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   border-collapse: separate;
   border-spacing: 20px;
}

.btn {
  -webkit-border-radius: 16;
  -moz-border-radius: 16;
  border-radius: 16px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12pt;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btn:hover {
  color: #000;
}

.bluebutton {
  background: #0000CC;
  background-image: -webkit-linear-gradient(top, #0000CC, #000099);
  background-image: -moz-linear-gradient(top, #0000CC, #000099);
  background-image: -ms-linear-gradient(top, #0000CC, #000099);
  background-image: -o-linear-gradient(top, #0000CC, #000099);
  background-image: linear-gradient(to bottom, #0000CC, #000099);
}

marquee {
  border:solid 2px #0000CC;
  padding: 10pt;
}

.marquee-container {
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: right;
  padding: 20pt;
}

.marquee-title {
  font-family: 'Noto Sans';
  font-size: 20pt;
  color: #0000CC;
}

.footer {
  text-align: center;
}

.footer a {
  font-family: 'Noto Sans';
  font-size: 20pt;
  text-align: center;
  color: #0000CC;
  .inset;
  .border-radius(5px);
  .transition;
}

.modal-title {
  color: #0000CC;
}

.mainbox {
  border: 2px solid #0000CC;
  width: 70%;
  height: 20%;
}

.mail-box {
  border: 2px solid #0000CC;
}

.potentially_unfair_clause {
  text-color: #0000CC;
  font-weight: bold;
}


.sentence_not_unfair {
  color: #bbb;
  text-decoration: none;
  display: none;
}

.sentence_not_unfair > a {
  color: #bbb;
  text-decoration: none;
  display: none;
}

.not_unfair {
  display: none;
}

.not_unfair > a {
  color: #bbb;
  text-decoration: none;
}

.dots > a {
  color: #bbb;
  text-decoration: none;
}

.dots {
  display: block;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -50px;
	padding: 7px;
	width: 320px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid;
	background-color: white;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

[color-tooltip=a]:hover {color:dodgerblue !important}
[color-tooltip=ch]:hover {color:orange !important}
[color-tooltip=cr]:hover {color:red !important}
[color-tooltip=j]:hover {color:lightslategray !important}
[color-tooltip=law]:hover {color:olive !important}
[color-tooltip=ltd]:hover {color:mediumblue !important}
[color-tooltip=ter]:hover {color:magenta !important}
[color-tooltip=use]:hover {color:darkgreen !important}