@charset "UTF-8";

input, textarea, select, .form-row p {
    margin: 2px 0;
    padding: 2px 3px;
    vertical-align: middle;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
}

textarea {
    vertical-align: top !important;
}

input[type=text], input[type=password], textarea, select, .vTextField {
    border: 1px solid #ccc;
}
body {
	min-width: 0;
}

#add_contribution, #add_group {
	padding: 10px;	
}

#add_content input, #add_content textarea, #add_content select,
#add_contribution input, #add_contribution textarea, #add_contribution select
{
	background: #ededed;
	width: 250px;
}

#add_contribution input[type="checkbox"] {
	width: auto;
}

#add_content input[type="checkbox"] {
	width: 15px;
}

#add_content textarea {
	height : 220px;
}

#add_content li {
	list-style: none;
}

#add_content td, #add_content th {
	vertical-align: baseline;
	border: none;
}

#add_group .searchfieldinput {
	background: white;
	width: 100px;
}

#add_group .searchfielddiv {
	margin-top: 15px;
	float: right;
}

label {
	display: block;
	margin-top: 0.5em;
}

#add_content .vDateField, #add_content .vTimeField {
	width: 90px;
	float: left;
}

.projectscontentstitle {
	border-bottom: 1px solid black;
}

#submitcontent {
	border-top: 1px solid black;
	padding-top : 10px;
}

#submitcontent-buttons {
	text-align: right;
}

#submitcontent-buttons-login {
	text-align: left;
}

#submitcontent-loader {
	text-align: left;
}

.submitcontent-loader-content {
	display: none;
}

#submitcontent-loader-msg {
	padding-left: 6px;
}

#submitcontent-buttons input[type="submit"], #submitcontent-buttons button, #submitcontent-buttons-login input[type="submit"], #submitcontent-buttons-login button {
	background-color: #656565;
	color: white;
	width:auto;
	font-weight: bold;
	padding: 5px 10px;
}

.datetimeshortcuts {
	float: left;
}

.ldtdatetime {
	float: left;
	width: 350px;
}

.ldtdate,.ldttime {
	float: left;
	width: 140px;
}

.ldtdatetitle,.ldttimetitle {
	color: #666;
}

#contentformhidden {
	display: none;
}

#contentformfields {
	margin: 10px 0px;
}

.cellcheckbox {
	text-align: center;
	width: 70 px;
}

.selectallprojects {
	width: 35px;
	text-align: center;
}

#contentslistheader {
	padding: 1px 10px 1px 36px;	
}

#ldtcreatetablewrapperdiv {
	height: 282px;
}

#ldtcreatecontentstablediv {
	max-height: 230px;
}

#ldtcreatecontentslistcontainer {
	padding: 5px 0px 20px 0px;
	height: 200px;
}

#media_fields_div {
	width : 300px;
	height : 50px;
	margin-top: 10px 0px;
	padding-left: 10px;
	border: 1px solid #DDD;
}

.error_message {
	padding: 3em 2em;
	font-size: larger;
	font-weight: bold;   
}

#elemslistcontainer, #selectors, #media_public input, #content_public input {
	float: left;
}

#sharelist, #selectedlist {
	width: 250px;
  	height: 200px;
}

#selectedlistfooter {
 	text-align: center;
}
	
#selectedlistcontainer {
	padding-top: 35px;
}
	  
#selectors {	  
	margin-top: 125px;	  	
  	padding-left: 45px;
  	padding-right: 45px;
}	  	  
	
#elemslistheader input {
	background-color: white;
	width: 100px;
}

.dropdownlist {
	font-weight: bold;
}

.userorgroups .ui-selected {
	background-color: #EDEDED;	
}

.tableuserorgroup {
	max-height: 200px;
	min-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;	
	width: 250px;
}

.firstcolsharetable {
	width: 5%;
}

.seccolsharetable {
	width: 95%;
}

.tableuserorgroup {
	border: 1px solid #B8B8B8;	
}

#moreoptions {
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}

#moreoptionscontainer {
	display: none;	
}

/*-------------------------
  Help text
-------------------------*/

/*.helptext {
    position: absolute;
    top: 18px;
    right: 18px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}*/

input:hover + .helptext {
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

ul#login_fields_list > li {
  position: relative
}

.helptext {
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    
    position: absolute;
    top: 5px;
    left: 75%;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

/*.helptext::before{
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}*/

/*.helptext::after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}*/

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}