@import "/template/fonts/fonts.css" screen;

HTML, BODY {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

HTML {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
}

IMG {
	vertical-align: middle; 
	padding: 0px; 
	margin: 0px;
}

A {
	color: #5079c2;
}

.wrapper {
	position: relative;
	min-height: 100%;
}

.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.news {border-collapse: collapse; margin-top:10px;}
.news > tbody > tr > td {vertical-align: top; padding: 0px 0px 20px 0px;}
.news-image > div {}
.news-image > div > img {width: 100px; margin-right: 10px; cursor: pointer;}
.news-name > a {color: #000; font-weight: bold; text-decoration: none;}
.news-name > a:hover {text-decoration: underline;}
.news-datetime {font-size: 11px; color: #aaa; font-weight: 300; margin-top: 5px;}
.news-description > p {padding: 0px; margin: 0px; margin-bottom: 3px;}
.news-pages > a {text-decoration: none; color: #000; display: inline-block; margin: 5px 10px 5px 0px;}
.news-pages > a.selected {font-weight: bold;}
.news-views {margin-top: 15px;}

.comment {margin: 10px 0px; padding: 10px; background-color: #f8f8f8; font-weight: bold;}
.comment textarea {margin: 10px 0px; width: 100%; padding: 5px; box-sizing: border-box; height: 50px; border: 1px solid #ddd;}
.comment button {margin: 3px 0px;}
.comment .comment-error {color: #f00;}

.comments > div {padding: 10px 0px; border-bottom: 1px solid #eee;}

.comments > div > div.datetime {
	opacity: 0.5; display: inline-block; vertical-align: top; margin-right: 10px;
}

.comments > div > div.user {
	display: inline-block; vertical-align: top; font-weight: bold;
}

.comments > div > div:last-child {
	padding-top: 10px;
}

.document-name {font-weight: bold; margin-top: 10px;}
.document-datetime {font-size: 12px; color: #999;}
.documents-pages {font-weight: bold;}
.documents-pages > a {text-decoration: none; color: #000; display: inline-block; margin: 5px 10px 5px 0px; font-weight: normal;}
.documents-pages > a.selected {font-weight: bold;}

.files > div {margin: 3px 0px;}
.files > div a {display: block; padding-left: 20px; background-image: url('/template/images/download-icon.png'); background-repeat: no-repeat; background-position: left top; background-size: 16px;}

.people-name {padding: 10px 0px; }
.people-description p {padding: 0px; margin: 0px;}
.people a {text-decoration: none; font-weight: bold; color: #000;}

.peoplest {text-align: center;}
.peoplest > div {margin-top: 20px;}
.peoplest-links > a {display: inline-block; margin: 6px 6px 0px 0px; padding: 3px 10px; background-color: #ededed; text-decoration: none; color: #000;}
.peoplest-links > a:hover {text-decoration: underline;}
.peoplest-description {padding: 10px 0px;}
.peoplest-name {font-weight: bold; font-size: 120%; margin-bottom: 6px;}
.peoplest-name a {text-decoration: none; color: #000;}
.peoplest-description p {padding: 0px; margin: 0px; margin-bottom: 6px;}

.peoplest-sm > div {padding-bottom: 10px; display: inline-block; margin: 10px 20px 10px 0px; max-width: 220px; vertical-align: top;}
.peoplest-sm {padding-top: 30px; margin-top: 20px; background-image: url('/divisiontypes/peoplest/images/peoplestbtn.png'); background-repeat: no-repeat; background-position: center top; background-size: 35px 18px;}

.normal-table {border-collapse: collapse;}
.normal-table th {padding: 3px;}
.normal-table td {padding: 3px;}

.divisions-urls > a {display: inline-block; padding: 5px 15px 5px 0px; color: #000; text-decoration: none;}

.search div {padding-bottom: 5px;}
.search div a {color: #000; text-decoration: none;}
.search div a:hover {text-decoration: underline;}
.search-gr {color: #999 !important;}

.oz-form > div > label {display: block; margin-top: 15px;}
.oz-form input, .oz-form textarea {width: 100%; max-width: 800px; border: 1px solid #ddd; padding: 5px;}
.oz-form textarea {height: 150px; margin-bottom: 10px;}
.oz-form button {padding: 5px 10px; font-size: 14px; margin-top: 10px; background-color: #377baa; color: #fff; border: none; cursor: pointer;}
.oz-form-error {margin: 10px 0px; font-weight: bold; color: #f00;}
.oz-form-error-inform {margin: 10px 0px; font-weight: bold; color: #f00; display: none;}
.oz-form-error-inform-cap {margin: 10px 0px; font-weight: bold; color: #f00; display: none;}

.str-plan {
	color:#fff;
	background-color: #729ad3;
	border-radius: 6px;
	padding: 6px 14px;
	font-weight: bold;
	text-decoration:none; 
	font-size:1.2em;
	margin-top: 10px;
	display: block;
	text-align: center;
	cursor: pointer;
}