/* This is the Remository specific CSS

#remository, #remositoryfileinfo {
width: 100%;
}

hr {
	height: 1px;
	margin: 10px 0;
	border: none;
	border-bottom: 1px dotted #bbbbbb;
}
*/

#remositoryAddFile #remositoryuploadinfo dl, #remositoryuploadinfo dd, #remositoryuploadinfo dt {
	margin-left: 0;
}

#remositoryAddFile dl, #remository p {
	margin: 0 0 6px 0;
	padding: 0;
}

/*---------------------------------|
| Specific front office management |
|---------------------------------*/
#remositoryAddFile {
	/*float: right;*/
    margin:0px;
    padding: 5px;
}

#remositoryAddFile #remositoryuplocal, #remositoryAddFile #remositoryupremote, #remositoryAddFile #remositoryuploadinfo {
	background-color: #ffffff;
	padding: 0;
}
/*#remositoryAddFile {
	color: #1c1c1c;
	font-family: arial;
	font-size: 14px;
	width: 100%;
}*/
#remositoryAddFile #remositoryupremote {
	clear: both;
}
#remositoryAddFile .clear {
	clear: both;
}
#remositoryAddFile h2 {
	border-bottom:3px solid #D9D9D9;
	font-size:22px;
	line-height:27px;
	margin: 14px 0;
	padding: 0;
}
/*#remositoryAddFile a {
	color: #0264c7;
}*/
#remositoryAddFile input, #remositoryAddFile select,  #remositoryAddFile .chzn-container {
	padding: 3px;
	font-size: 14px;
	clear: both;
	float: left;
}
#remositoryAddFile .chzn-container a{color: #000000;}
#remositoryAddFile textarea {
	float: left;
	clear: both;
	}
#remositoryAddFile label em {
	font-weight: normal;
}
#remositoryAddFile .remositoryfilesummary dt, #remositoryAddFile #remositoryfileinfo dt, #remositoryAddFile #remositoryupload label,
#remositoryAddFile #remositoryupload dt, #remositoryAddFile #remositorymanycommon dt, #remositoryAddFile #remositorymanycommon label,
#remositoryAddFile #remositorythumbupdate dt, #remositoryAddFile #remositorythumbupdate label, #remositoryAddFile dt {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 6px 0px 2px 0;
	clear: both;
	border: none;
	float: left;
	text-align: left;
	width: 275px;
}
#remositoryAddFile .button2-left {
	margin: 5px 0 10px -2px;
}
#remositoryAddFile .button2-left a {
	width: 97px;
	height: 29px;
	line-height: 29px;
	padding: 0;
	text-align: center;
	color: #1c1c1c;
	font-size: 13px;
}
#remositoryAddFile .button2-left a:hover {
	text-decoration: underline;
}
#remositoryAddFile input.button {
/*
background-image: url(http://j15.testremository.com/images/remository/button-2.png);
width: 78px;
height: 19px;
*/
	line-height: 37px;
	text-align: center;
	padding: 9px 2px 9px 0;
	margin: 10px 0 20px 0;
	font-size: 15px;
	display: block;
	float: left;
	clear: none;
}
#remositoryAddFile .button:hover {
	text-decoration: underline;
}
#remositoryAddFile .button.first {
	margin: 10px 5px 0 0px;
}
#remositoryAddFile .button2-left {
	background-image: url(/components/com_remository/images/button-1-left.png);
	position: relative;
	top: 5px;
}
* html #remositoryAddFile .button2-left {
	background-image: url(/components/com_remository/images/button-1-left.gif);
}
#remositoryAddFile .button2-left .blank {
	background-image: url(/components/com_remository/images/button-1-right.png);
	margin-right: -11px;
}
* html #remositoryAddFile .button2-left .blank {
	margin-right: 0;
	background-image: url(/components/com_remository/images/button-1-right.gif);
}
#remositoryAddFile .icons {
	margin-left: 0px;
	clear: both;
}
#remositoryAddFile .icons a {
	width: 32px;
	padding: 3px;
	margin: 0;
}
#remositoryAddFile p.instructions {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}
#remositoryAddFile a.right {
	float: right;
	font-size: 15px;
	line-height: 28px;
}
#remositoryAddFile #remositoryeditor {
	float: left;
	margin-left: 0;
}
#remositoryAddFile .mceToolbar.mceLeft.mceFirst.mceLast {
	background-color: transparent;
	background-image: url(/components/com_remository/images/wysiwyg-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 500px;
}
* html #remositoryAddFile .mceToolbar.mceLeft.mceFirst.mceLast {
	background-image: none;
	background-color: #e4e4e4;
}
#remositoryAddFile .defaultSkin table {
	background-color: transparent;
}
#remositoryAddFile .moduletable {
	clear: both;
}
#remositoryAddFile .defaultSkin table.mceLayout tr.mceFirst td, #remository .defaultSkin table.mceLayout tr.mceLast td {
	border: none;
}
#remositorymanyfiles label{display: inline-block;}
#remositorymanycommon dt{font-weight: normal;}

/* Added by Gebus */
span.remositoryFolder {
    float: left;
    margin-top: -14px;
    margin-right: 5px;
}
span.remositoryUpdateFolder {
    float: left;
    margin-top: -8px;
}
span.remositoryDeleteFolder {
    float: left;
    margin-top: -8px;
}

span.remositoryUpdateCurrentFolder {
    float: left;
    margin-top: -8px;
}
span.remositoryDeleteCurrentFolder {
    float: left;
    margin-top: -8px;
    margin-right: 5px;
}

div.remositoryCreateFolder {
    padding: 30px 0;
    border-top: 1px dotted #999;
}

div.remositoryCreateFolder img {
    float: left;
    margin: -14px 5px 0 0;
}



/**** MISCELLANEOUS ****/

#remository p.remository_votes_guide {
    padding-left: 15px;
    padding-top: 10px;
}
#remository div.remository_votes_guide {
    padding-left: 30px;
}

#remositorylistsearch {
	float: right;
	margin-top: 20px;
}
#remositorylistsearch input {
	background: #FFF url(images/icon-search.gif) scroll no-repeat;
    background-position: 95% 50%;

}

#remositorypageheading {
	clear: right;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-top: 10px;
	width: 100%;
}
#remository #remositorypageheading h2, #remository #remositorypageheading h3 {
	text-align: left;
	line-height: normal;
}
.remositorydownstatus {
	padding: 2px;
}

.remositoryNarrow {
	padding: 8px 0;
}

#remositorycredits {
	width: 98%;
	text-align: left;
	padding: 10px 10px 20px 0;
}
#remositorypreamble {
	padding: 5px;
}
#remositorycredits {
	text-align: center;
	clear: both;
}
#remositorypathway img, #remositorycontainer img, #remositoryfilelisting div img,
#left img, #right img, #remositorycontainerlist img, #remositorypageheading h2 img,
#remositorypageheading h3 img, #remository h4 img {
	border: 0;
	padding: 2px;
}
#remositoryfooter {
	width: 98%;
	padding: 10px 10px 0 0;
	margin-top: 10px;
	border-bottom: 1px solid #999;
	clear: both;
}
#remositoryfooter #left {
	width: 60%;
	float: left;
	padding: 10px;
	margin: 5px 0 0;
}
#remositoryfooter #right {
	float: left;
	padding: 10px;
	margin: 5px 0 0;
}
#remositorycontainerlist table {
	width: 98%;
	border: 0;
}
#remositorycontainerlist th {
	text-align: left;
	border: none;
}
#remositorycontainerlist td {
	border: none;
}
#remository #remositorycontainerlist h3 {
	border-top: 1px dotted #999;
	margin: 0px;
	padding-top: 14px;
}
#remositorycontainerhead {
	width: 80%;
}
#remositoryorderby {
	line-height: 30px;
}
.remositoryfileblock {
	border-top: 1px solid #999;
}
#remository #remositoryfilelisting h3 {
	background-repeat: no-repeat;
	margin: 5px 0 5px 0;
	line-height: 100%;
}
#remository h3.remositoryfileleft {
	float: left;
	width: 60%;
}
#remository h3.remositoryfileright {
	float: right;
	background-image: url('/components/com_remository/images/download_trans.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-align: right;
	max-width: 30%;
}
#remository #remositoryfilelisting h3 a, #remository #remositoryfilelisting h3 a:link {
	text-decoration: none;
}
#remositoryfileinfo img {
	padding: 10px 0 0 5px;
	margin-top: -6px;
	border: 0;
	float: left;
}
#remositoryinfodown {
	padding: 12px 10px 0 5px;
	font-size: 90%;
	float: left;
}
.remositorylistdown {
	padding: 10px 0 0;
	margin: 10px 0 -10px 0;
	border: 0;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#remositoryplaintext {
	clear: left;
	width: 99%;
}
#remositorythumbbox {
	clear: left;
	width: 95%;
	border-top: 1px dotted #999;
}
#remositoryrelateddocs table, #remositoryrelateddocs td {
	border: none;
}
#remositoryrelateddocs {
	clear: both;
	padding: 10px 25px 0 25px;
}
.remos
.remositorythumbset a {
	padding: 3px;
}
.remositorythumbset {
	float: left;
	width: 65%;
}
.remositorycommand {
	padding: 5px;
	/*border: 1px solid red;*/
	margin: 3px;
}
.remositorycommand a img{height: 16px; width: 16px;}
#remositorycmdbox {
	/*width: 22%;*/
    width: auto;
	clear: left;
	float: left;
	text-align: right;
	font-weight: bold;
}
#remositoryfileinfo h2 img {

}
#remositoryfileinfo h2 {
	border-bottom: 1px solid #bbbbbb;
	padding: 10px 0 20px 2px!important;
}
#remositoryfileinfo h2 a, #remositoryfileinfo h2 a:link {
	text-decoration: none;
}
.remositoryonethumb {
	float: right;
	padding: 5px;
}
.remositorythumbnail {
	float: left;
	padding: 0 5px;
}

/* IE hack to get round ignoring right margin */
* html .remositoryfilesummary
{
	width: 100%;
}
.remositoryfilesummary {
	clear:both;
	background-repeat: no-repeat;
	background-position:top right;
}
.remositorypagenav {
	clear: both;
	width: 100%;
	text-align: right;
	padding-top: 10px;
}
.remositoryfilesummary dt, #remositoryfileinfo dt, #remositoryupload label,
#remositoryupload dt, #remositorymanycommon dt, #remositorymanycommon label,
#remositorythumbupdate dt, #remositorythumbupdate label {
	width: 140px;
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0.3em 0.4em 0.2em;
/*	border-top: 1px dotted #DDDDDD; */
	text-align: right;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.remositoryfilesummary dd, #remositoryfileinfo dd, #remositorythumbupdate dd
{
	float: left;
	margin: 0;
	width: 65%;
	padding: 0 0.2em 0.4em 0.2em;
	border-top: 1px solid #BBB;
}
.remositorydelthumb {
	float: left;
	padding: 5px;
	margin: 0;
	text-align: center;
}
/* This defines the light background colour used by Remository */
.remositoryfilesummary dd, #remositoryuplocal, #remositoryuploadinfo,
#remositorymanycommon, #remositorycontainerlist th, .remositorylight {
	background-color: #EEE;
}

/* This defines the dark background colour used by Remository */
.remositorydark, #remositoryupremote {
	background-color: #eeeeee;
}
#remositoryuplocal, #remositoryuploadinfo, #remositorymanycommon {
	padding: 8px;
	margin: 0;
}
#remositoryupremote {
	padding: 8px;
	margin: 0;
}
#remositoryiconlist div, #remositoryiconlist p, .remositorymax {
	margin-left: 30%;
	padding: 2px;
}
#remositoryiconlist img {
border: 0;
}

/* IE hack to control icons */
* html #remositoryiconlist div
{
	width:70%;
}
#remositoryeditor {
	clear: left;
	margin-left: 10px;
}
.remositorymessage {
	font-size: 18px;
	font-weight: bold;
}

.remositorycomment {
	font-style:italic;
        margin-top: 12px;
}

.remositorywarning {
        font-weight: bold;
        color: #cc0000;
}
/* End of the Remository specific CSS */




/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr� |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	line-height: 100%;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}




#remositorysearch label{display: inline-block;}
#remositorysearch input[type="radio"], #remositorysearch input[type="checkbox"]{margin:0px;}
#remositorysearch #search_text{margin:0px;}
#remositorylicenseagree input[type="radio"], #remositorylicenseagree input[type="checkbox"]{margin:0px;margin-bottom: 4px;}
#remositorylicenseagree .agreecheck_text{margin-top:2px;}

/*---------------------------------|
| Comments CSS start 			   |
|---------------------------------*/
#r-comments {
	clear: both;
	padding: 40px 0 0;
	font-family: Arial,FreeSans,sans-serif;
}

#r-comments a {
	outline: none;
	color: #FF6A00;
}

#r-comments a:hover,
#r-comments a:focus {
	text-decoration: none;
	color: #D10000;
}

#r-comments .rm-comment-modal {
	position: fixed;
	visibility: hidden;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color:rgba(0, 0, 0, 0);
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
	z-index: -1000;
}

#r-comments .rm-comment-modal.show {
	display: block;
    background-color:rgba(0, 0, 0, 0.5);
	visibility: visible;
	z-index: 10000;
}

#r-comments .rm-comment-modal .rm-modal-dialog {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	min-width: 320px;
	text-align: left;
	box-sizing: border-box;
	background: #FFF;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
	transform: translate(-50%, -50%);
	padding: 20px 30px;
	border-radius: 3px;
	box-sizing: border-box;
}

#r-comments .rm-comment-modal.show .rm-modal-dialog {
	opacity: 1;
}

#r-comments .comment {
	background: #FFF;
	padding: 15px 0;
}

#r-comments .comment .comment-avatar {
	float: left;
}

#r-comments .comment .comment-avatar img {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	border-radius: 100%;
}

#r-comments .comment .comment-details {
	padding-left: 56px;
}

#r-comments .comment .comment-details .comment-info {
	font-size: 13px;
}

#r-comments .comment .comment-details .comment-text {
	font-size: 15px;
	color: #333333;
	letter-spacing: 0;
	line-height: 20px;
}

#r-comments .comment .comment-details .comment-author-name,
#r-comments .comment .comment-details .time_since {
	padding-right: 8px;
}

#r-comments .comment .comment-details .time_since {
	color: #92A29E;
}

#r-comments .comments-counter {
	font-size: 21px;
	float: left;
}

#r-comments .comments-counter.guest {
	float: none;
	margin-bottom: 20px;
}

#r-comments .comments-counter span {
	color: #92A29E;
}

#r-comments .write-new-comment a,
#r-comments .rm-modal-footer .btn,
#r-comments .rm-comments-button {
	border: 0px;
	padding: 9px 16px;
	display: inline-flex;
	margin: 15px 0;
	font-size: 15px;
	color: #FFF;
	background: #333;
	border-radius: 3px;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	line-height: 100%;
}

#r-comments .rm-modal-footer .btn {
	margin: 0;
	clear: both;
	float: right;
}

#r-comments .write-new-comment a:hover,
#r-comments .write-new-comment a:focus,
#r-comments .rm-modal-footer .btn:hover,
#r-comments .rm-modal-footer .btn:focus,
#r-comments .rm-comments-button:focus {
	background: #555;
	text-decoration: none;
}

#r-comments .notifycomments {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 15px;
}

#r-comments .rm-comment-modal .notifycomments {
	margin: 8px 0px 10px;
	display: flex;
	align-items: center;
	float: none;
}

#r-comments .write-new-comment {
	clear: both;
}

#r-comments .slidebox {
    position: relative;
    width: 35px;
    height: 20px;
    display: flex;
	margin-left: 5px;
}

#r-comments .slidebox input {
    visibility: hidden;
}

#r-comments .slidebox label {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 18px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s ease;
}

#r-comments .slidebox label::after {
    position: absolute;
    content: "";
	top: 1px;
	left: 3px;
	width: 14px;
	height: 14px;
    background-image: linear-gradient(-180deg,#92A29E 0,#92A29E 100%);
    border-radius: 8px;
    transition: all .15s ease;
}

#r-comments .slidebox input[type="checkbox"]:checked + label::after {
    left: 15px;
	background-image: linear-gradient(-180deg,#FFF 0,#FFF 100%);
}

#r-comments .slidebox input[type="checkbox"]:checked + label {
    background: #FF6A00;
	border: 1px solid #FF6A00;
}

#r-comments .rm-modal-header {
	border: none;
    padding: 0;
}

#r-comments .stop-notify {
	display: none;
}

#r-comments .rm-modal-header .modal-title {
	margin: 0;
	padding: 0 0 16px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}


#r-comments .rm-modal-header .close {
	font-size: 30px;
	opacity: 1;
	color: #333;
	font-weight: normal;
	padding: 0;
}

#r-comments .rm-modal-header .close:hover,
#r-comments .rm-modal-header .close:focus {
	color: #D10000;
}


#r-comments .rm-modal-body {
	width: auto;
	max-height: unset;
	padding: 0;
	display: flex;
	flex-direction: column;
}

#r-comments .rm-modal-footer {
	padding: 0;
	background: none;
	border: none;
}

#r-comments .rm-comment-modal textarea {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	font-size: 15px;
	color: #333333;
	width: 100%;
	margin: 0 0 8px;
	padding: 16px;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 100%;
}

#r-comments .rm-comment-modal textarea:focus {
	border: 1px solid #92A29E;
}

#r-comments #fileToUpload {
	display: none;
}

#r-comments .attach {
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-top: 8px;
}

#r-comments .attach label {
	display: flex !important;
	align-items: center;
	padding-right: 8px;
	color: #FF6A00;
}

#r-comments .attach label:hover,
#r-comments .attach label:focus {
	color: #D10000;
}

#r-comments .attach .a-plus {
	font-size: 20px;
	position: relative;
	margin-right: 5px;
}

#r-comments .attach .optional {
	color: #92A29E;
}

#r-comments .comment-attachment a {
	border: 1px solid #DDDDDD;
	display: inline-block;
	margin-top: 12px;
	line-height: 0;
}

#r-comments .comment-attachment img {
	margin: 0;
	padding: 0;
}

#r-comments .comment-attachment a:hover,
#r-comments .comment-attachment a:focus {
	box-shadow: 0 2px 3px 0 rgba(146,162,158,0.50);
}


#r-comments #ImgModal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
	max-width: unset;
	padding: 50px 0 0;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	cursor: pointer;
}


#r-comments #ImgModal .rm-modal-content {
    margin: auto auto 40px;
    display: block;
    width: 90%;
    max-width: 90%;
	animation-name: zoom;
    animation-duration: 0.6s;
}

#r-comments #ImgModal .rm-modal-content img{
    margin: 0 auto;
	padding: 0;
	display: block;
	float: none;
}

#r-comments #ImgModal .btn-close,
#r-comments #ImgModal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

#r-comments #comment-modal .btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: black;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0;
	border-radius: 0.25rem;
	opacity: 0.5;
	position: absolute;
	right: 10px;
	top: 10px;
}

#r-comments #ImgModal.close:hover,
#r-comments #ImgModal.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

#r-comments .filename-attached {

}

#r-comments .delete-filename-attached {
	display: none;
	font-size: 26px;
	top: 2px;
	position: relative;
	left: 5px;
	color: #D10000;
	cursor: pointer;
}

#r-comments .delete-confirm {
	display: none;
}

#r-comments .delete-confirm .delete-confirm-yes,
#r-comments .delete-confirm .delete-confirm-no {
	cursor: pointer;
	color: #FF6A00;
}

#r-comments .delete-confirm .delete-confirm-yes:hover,
#r-comments .delete-confirm .delete-confirm-yes:focus,
#r-comments .delete-confirm .delete-confirm-no:hover,
#r-comments .delete-confirm .delete-confirm-no:focus {
	text-decoration: underline;
}

.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}
/*---------------------------------|
| Comments CSS end 			   |
|---------------------------------*/


#remositoryuploadinfo dl {
    width: 100% !important;
   float:left;
}

#remositoryuploadinfo dd,#remositoryuploadinfo dt {
    width: 100% !important;
}


#remository div.remository_votes_guide .chosen-container.chosen-container-single ,
#remository div.remository_votes_guide .chosen-single
{
    width: 150px !important;
}

#remository div.remository_votes_guide {
    display: inline-block;
}