/* Documents Start */

.documentDate {display:inline-block; padding-top:2px; line-height:1.2;}
.documentCat {display:inline-block; padding-top:5px; line-height:1.2; font-style:italic;}
.documentSep {padding:5px 15px 0 15px; color:#ccc;}
.documentItem img {}

.documentRailWrpr img {width:20px; vertical-align: middle; padding-right:5px;}
a.documentMore, a.documentMore:link, a.documentMore:visited {background:transparent url(/cms/images/arrows.gif) no-repeat 100% 50%; color: #9e9676; text-decoration: none; font-size:11px; font-weight:bold; white-space:nowrap;padding-right:10px;}
a.documentMore:hover {color: #9e9676; text-decoration: underline;}
a.documentMore:active {color: #9e9676; text-decoration: none;}
 
.filter.documents {
	position:relative;
	margin:0 0 2rem 0;
}
.filter.documents .category {
    float: left;
    margin-right: 15px;
	width:320px;
}
.filter.documents .keyword {
    float: left;
    width: 180px;
    margin-right: 15px;
}

.filter.documents .posted {
    float: left;
    margin-right: 15px;
}

@media only screen and (min-width:48em){
	.filter.documents .posted label {
		display:inline-block;
		margin:-20px 10px 0 0;
	}	
}

.filter.documents .filter-button .btn {border:3px solid #fff; background:#7793cf; color:#fff; font-size:17.2px; font-weight:bold; padding:5px; position: relative; top: -2px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.filter.documents .filter-button .btn:hover,
.filter.documents .filter-button .btn:focus {background:#3b527f;}

@media (min-width:75em) {
	.filter.documents .filter-button .btn {font-size:17.2px; padding:5px 6px; top:-2px; height: 42px;}
}

.filter.documents .archive {float:right;}
.filter.documents .archive input[type="button"] {
	padding:35px 10px 5px 10px; 
	border:none; 
	background: url(/cms/images/ggb/icon-archive.png) no-repeat 50% 5px;
}

.filter.documents .archive:hover,
.filter.documents .archive:focus {opacity:.8;}

@media (max-width:47.938em) {
	.filter.documents {padding: 22px 15px 7px 15px; font-size: 12.5px;}
	.filter.documents .category {max-width:100%; width:100%; margin-right:0;}
	.filter.documents .keyword {width:60%;}
	
	.filter.documents .filter-button {float:left; clear:both; width:34px; height:34px; }
	.filter.documents .filter-button button {height:34px;}	
	.filter.documents .filter-button .btn {font-size:13px; top:0;}

	.filter.documents .archive {right:5px;}	
}

@media (min-width: 48em) {
	.filter.documents .filter-button {float:left; width:34px; height:34px; }
	.filter.documents .filter-button button {height:34px;}	
	.filter.documents .filter-button .btn {font-size:13px; top:0;}	
}	

@media (min-width: 48em) and (max-width:74.99em) {
	.filter.documents {padding: 22px 25px 7px 25px;}
}

@media (min-width:75em) {
	.filter.documents {padding: 22px 35px 7px 35px;}
	.filter.documents {font-size:16px;}
	.filter.documents .filter-button {width:42px; height:42px; }	
	.filter.documents .filter-button button {height:42px;}
	.filter.documents .filter-button .btn {font-size:17.2px; padding:5px 6px; top:-2px}
}

.documents-table td {vertical-align:top; padding:15px 15px; border:none;}
.documents-table td td {border-style:none;}
.documents-table td a {display: inline-block;}
.documents-table tr.loss td {color:#333; font-weight:normal;}

.documentItem .name h3 {
	font-size:22px;
	/*white-space:nowrap;*/
	text-transform:lowercase;
}

.documentItem .name h3 a {
	text-transform:capitalize;
}

.documentItem .name img {
	width:20px;
	margin:0 5px 0 0;
	vertical-align:middle; 
}

.documentItem .image {
	width:150px;
}

.documentItem .image img {
	padding:4px;
	border:3px dotted #446bbd;
}

@media (max-width:47.938em){
	.documents-table {font-size:14px;}
	.documents-table td {padding:10px 10px;}
	
	.documents-table,
	.documents-table tbody,
	.documents-table tr,
	.documents-table td {
		display:block;
		width:100%;
	}
	
	.documentItem .name h3 {
		font-size:18px;
		white-space:normal;
	}
}

.documents-table tr {
	border-bottom:3px dotted #ccc;	
}
 
 @media (min-width: 64em) {
	.keyword input,
	.posted	input {margin-bottom:0;}
	
	.filter.documents .archive {margin-top:-5px;}
 }