html {
min-height: 100%;
}
body {
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#dddddd 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#dddddd 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #ffffff 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
min-height: 100%;
}
dl.dl-horizontal dd::after {
content: "\0000a0";
}
dt, dd {
font-size: 12px;
line-height: 20px;}
a { color: #0398ba ; }
a:hover {text-decoration: none;}
.back-blue { background-color: #0398ba !important; }
.color-blue { color: #0398ba !important; }
.border-blue { border-color: #0398ba !important; }
.back-green { background-color: #84993f !important; }
.color-green { color: #84993f !important; }
.border-green { border-color: #84993f !important; }
.back-orange { background-color: #e37b10 !important; }
.color-orange { color: #e37b10 !important; }
.border-orange { border-color: #e37b10 !important; }
.back-light { background-color: #d2d3d5 !important;}
.back-fff { background-color: #fff !important;}
.vertical-center {
display: table;
vertical-align: middle
}
.vertical-centered {
display: table-cell;
vertical-align: middle
}
.color-fff, .color-fff a { color: #fff;}
.color-fff a:hover {text-decoration: underline;}
.align-center {
text-align: center;
}
.p0 { padding: 0px !important;}
.p5 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}
.p50 { padding: 50px !important;}
.pt0 { padding-top: 0px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pb0 { padding-bottom: 0px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.ml0 { margin-left: 0px;}
h3 , .h3{
font-size: 16px;
line-height: 24px;
font-weight: 100;
}
#header {
margin-top: 30px;
margin-bottom: 5px;
}
#mainNav {
width:110px;
float: right;
margin-top: 15px;
}
#mainNav a:hover {
text-decoration: none;
}
#mainNav img {
margin-right: 5px;
margin-left: 5px;
}
div.block {
background-color: #7c736b;
margin-top: 5px;
box-shadow: 0px 0px 5px #aaa;
position: relative;
border-radius: 7px;
height: 115px;
overflow: hidden;
}
div.block > a {
display: block;
height: 100%;
background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
div.block > a > img {
border-radius: 7px;
}
div.block h2 {
font-size: 16px;
color: #fff;
left: 15px;
bottom: 15px;
position: absolute;
line-height: 16px;
margin: 0px;
font-weight: 300;
}
div.block h2 i.ss-icon {
position: relative;
top: 2px;
font-size: smaller;
}
div.block h3 {
font-size: 13px;
color: #888;
left: 15px;
bottom: 15px;
position: absolute;
line-height: 13px;
margin: 0px;
font-weight: 300;
}
div.block h3 i.ss-icon {
position: relative;
top: 1px;
font-size: smaller;
}
div.block h3.backed {
color: #333;
line-height: 18px;
background-color: #fff;
background-color: rgba(255,255,255,0.6);
padding: 4px;
}
div.block h3.backed strong{
color: #333;
text-transform: uppercase;
}
div.block .icon {
right: 10px;
top: 10px;
position: absolute;
margin: 0px;
}
div.block-content {
overflow-x: none;
overflow-y: auto;
}
div.block-content h2 {
font-size: 18px;
line-height: 24px;
font-weight: 200;
display: block;
position: static;
margin: 10px 0;
color: #333;
}
div.block-content h3 {
font-size: 16px;
line-height: 22px;
color: #333;
font-weight: 400;
display: block;
position: static;
margin: 10px 0;
}
div.block-content h4 {
font-size: 14px;
line-height: 22px;
color: #333;
font-weight: 600;
}
div.block-content p {
color: #333;
font-size: 12px;
}
div.block-content hr {
border: 0;
height: 1px;
background-color: #aaa;
}
div.block-content ul {
list-style-image: none;
}
div.block-content ul li,
div.block-content ol li
{
font-size: 12px;
}
div.block-2h { height: 235px !important; }
div.block-3h { height: 355px !important; }
div.block-4h { height: 475px !important; }
div.block-6h { height: 715px !important; }
#footer {
padding: 15px 0px 20px 0px;
}
#footer ul.socialmedia {
list-style: none;
list-style-position: inside;
margin: 0px;
}
#footer ul.socialmedia li {
padding: 3px 4px;
float: left;
border-right: 1px solid #ccc;
height: 16px;
}
#footer ul.socialmedia li img {
margin-top: -8px;
}
#footer ul.socialmedia li.last {
border-right: 0px solid #505050;
}
#footer .author {
margin-right: 5px;
float: right;
color: #7e736b;
font-size: 12px;
}
#footer .author a {
color: #7e736b ;
}
#footer .author a:hover {
color: #505050;
text-decoration: none;
}
#quote-content-block {
position: absolute;
top: 30px;
left: 30px;
width: 415px;
height: 415px;
}
#quote-content-block h3.quote {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
}
#quote-content-block h3.quote span.quote-right,
#quote-content-block h3.quote span.quote-left {
font-size: 54px;
font-weight: bold;
font-family: 'Times New Roman';
color: #999;
}
#quote-content-block h3.quote span.quote-left {
margin-top: 15px;
position: absolute;
margin-left:-40px;
}
#quote-content-block h3.quote span.quote-right {
position: absolute;
right: 0px;
}
h5.quote-names {
position: absolute;
bottom: 15px;
left: 30px;
}
ul.division-list {
width: 50%;
float: left;
margin: 30px 0px 0px 0px;
}
ul.division-list li {
list-style: none;
border-bottom: 1px solid #bbb;
margin: 10px 10px;
padding-bottom: 10px;
}
ul.division-list li.last {
border-bottom: 0px;
}
ul.division-list li a {
color: #888;
font-size: 13px;
line-height: 25px;
}
ul.division-list li a:hover {
color: #666;
}
ul.mensenList {
list-style-type: none;
margin-top: 20px;
}
ul.mensenList li,
ul.mensenList li a
{
background: none;
font-size: 12px;
color: #fff;
line-height: 24px;
}
ul.mensenList li a:hover
{
text-decoration: underline;}
div.horizontal-scroll {
overflow-x: scroll;
}
div.mensen-image-block {
width: 5000px;
height: 475px;
}
div.mensen-image-block ul {
float: left;
overflow: hidden;
margin: 0px !important;
}
div.mensen-image-block ul li {
list-style: none;
margin: 0px;
height: 120px;
width: 120px;
position: relative;
}
div.mensen-image-block ul li a {
height: 120px;
width: 120px;
position: absolute;
top: 0px;
left: 0px;
color: #fff;
font-size: 18px;
}
div.mensen-image-block ul li a .ss-icon {
position: absolute;
bottom: 10px;
left: 10px;
}
div.mensen-quote {
position: absolute;
width: 200px;
height: 200px;
left: 257px;
top: 17px;
}
div.mensen-quote p {
color: #333;
font-size: 12px;
margin-right: 20px;
margin-left: 20px;
}
div.mensen-quote p span.quote-right,
div.mensen-quote p span.quote-left {
font-size: 28px;
font-weight: bold;
font-family: 'Times New Roman';
color: #666;
}
div.mensen-quote p span.quote-left {
margin-top: 5px;
position: absolute;
margin-left:-20px;
}
div.mensen-quote p span.quote-right {
position: absolute;
right: 0px;
}
a#show-reset {
color: #fff;
background: none;
margin-top: 10px;
margin-right: 10px;
display: none;
}