body {
	height: auto !important;
}
#holder {
	border: 10px dashed #ccc;
	width: 300px;
	min-height: 300px;
	margin: 20px auto;
}

#holder.hover {
	border: 10px dashed #0c0;
}

#holder img {
	display: block;
	margin: 10px auto;
}

#holder p {
	margin: 10px;
	font-size: 14px;
}

progress {
    width: 100%;
   	font-size: 10px;
   	border: 0px;
   }
.managers-menu img {
	vertical-align: middle;
}
.dialog header {
	background-color: #808080;
    border-bottom: 1px solid #BCBCBC;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
}
.dialog .text-menu {
	height: 330px; 
	width: 95%;
	display: inline-block;
	padding: 0px 5px; 
	overflow-y: auto; 
}
.dialog .text-menu .message {
    margin: 2px 0px;
    margin-top: 10px;
    padding: 2px 5px;
    width: 240px;
    font-size: 12px;
    border-radius: 10px;
    text-align: left;
   }
   .dialog .text-menu .service {
   	font-size: 11px;
   	background-color: #FFFDB7;
   	border: 1px solid #D4D170;
   	color: #8E8C50;
   	padding: 2px;
   	margin-top: 5px;
   	line-height: 1.6;
   	text-align: center;
    width: 98%;
   }
   .dialog .text-menu .message.from {
   	background-color: #FAFFFA;
    border: 1px solid #A5C8A5;
    color: #476547;
    float: left;
   }
   .dialog .text-menu .message.to {
   	background-color: #FFFAFA;
   	border: 1px solid #E3B9B9; 
   	color: #845F5F;
   	float: right;
   }
   .dialog .text-menu .timestamp {
   		font-size: 10px;
   		color: #808080; 
   	  	width: 100%;
   }
   .dialog .text-menu .timestamp img {
   		height: 10px;
   	    margin-left: 5px;
   	    vertical-align: middle;
   }
   .dialog .text-menu .timestamp.from {
   	text-align: left;
   	padding-left: 5px;
   }
   .dialog .text-menu .timestamp.to {
   	text-align: right;
   	padding-right: 5px;
   }
   
.dialog .dialogs-menu {
	height: 280px;
	width: 20px;
	display: inline-block;
	border: 1px solid #D4D4D4; 
	background-color: #EFEFEF;
	float: right;
	margin-right: -25px;
}
.dialog .write-menu {
	width: 100%;
	border-top: 1px solid #D4D4D4;
   	margin-top: 10px;
   	text-align: center;
}
textarea#writefield {
	border: 0px;
	resize: none;
	overflow-x: hidden;
	border: 1px solid #ccc;
   	margin-top: 5px;
   	width: 95%;
}
textarea#writefield.hover {
    background-color: #FCFFE9;
	border: 1px dashed #0c0;
}
.dialog .buttons-menu {
	height: 20px;
   	border-top: 1px solid #D4D4D4;
   	border-bottom: 1px solid #D4D4D4;
   	text-align: right;
   	padding: 5px;
}
.load {
	opacity: 0.2;
}
.loaded {
	opacity: 1;
}
.frombase {
	cursor: pointer;
	padding: 1px;
	max-width: 240px;
	min-height: 120px;
	display: block;
} 
.frombase:hover {
    background-color: #E2D256;
}
#upload { 
	width: 115px;
    overflow: hidden;
    vertical-align: middle;
    padding: -2px;
    margin-top: -2px;
}
.showinline {
	display: inline-block;
}
.dopfield {
	padding: 2px 4px;
	cursor: pointer;
	vertical-align: middle;
	float: left;
}
.dopfield:hover {
	color: #526F52; 
}
.star-panel {
	position: absolute;
   	background-color: #FFF;
   	z-index: 100;
   	padding: 5px 10px 5px 5px;
   	margin-top: 1px;
   	color: #447194;
}
.star-panel .fa-star.hover, .star-panel .fa-star:hover {
	color: #CC4C4C;
}
.dialog-menu, .managers-menu {
	background-color: #F3F3F3;
   	width: 300px;
   	height: 420px;
   	position: absolute;
   	display: none;
   	overflow: auto;
}
.dialog-menu .status, .managers-menu .status {
	vertical-align: middle;
	float: right;
	width: 10px;
	margin: 5px;
}
.dialoginfo {
	font-size: 10px;
    text-align: left;
    padding: 5px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    margin: 2px;
    cursor: pointer;
}
.dialoginfo:hover,.dialoginfo.hover {
	background-color: #FFFFD2;
}
.dialoginfo.unread {
	background-color: #EAFFE2;
}