/* -----------------------------------------------
 * collapsible.css
 * -----------------------------------------------
 * Style sheet for collapsible items
 * -----------------------------------------------
 * created:	2020-05-02
 * author :	kennyl
 * revised:
 * version:	1.0
 * ----------------------------------------------- 
 */
.collapsible {
	background-color: #6699FF;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	border-radius:15px;
}

.active, .collapsible:hover {
	background-color: #99BBFF;
}

.collcontent {
	/* these two are needed for the collapsible part */
	padding: 0 18px;
	border-radius: 15px;
	display: none;
	background-color: #FFFFFF;
}
#cdiv{
	background-image:url('https://www.kenny-l.com/image/chalk.jpg');
	display:none;
	border-radius:5px;
	background-color:#EFEFEF;
	/* min-height: 200px; */
}
#cbutt{
	background-color:#efefef;
	color:#000;
	border-radius:15px;
	text-decoration:none;
	border:none;
}
#cmiddle{
	display:inline;
	padding-left:5px;
	padding-right:5px;
	color:#EFEFEF;
}	
#cimg{
	display:inline;
	padding-left:0px;
	padding-top: 0px;
	vertical-align:top;
	border-radius:25px;
}
#cdata{
	display:inline;
	font-family:comic sans ms;
	border-radius:25px;
	border:none;
	padding:10px;
	background-color:#FFFFFF;
}
.abutt{
	background-image:url('https://www.kenny-l.com/image/misc/paperClip.jpg');
	display:inline;	
	background-size:cover;
	border:none;
	width:15px;
	height:20px;
}
.aform{
	display:inline;
}
#sendForm{
	display:inline;
	background-color:#CDCDCD;
	border:none;
	border-radius:5px;
}
th.posHead{
	border:1px solid #6999FF;
	width:100px;
	color:#4455FF;
	background-color:#EFEFEF;
	text-align: left;
}
td.posCell{
	border:1px solid #6999FF;
	width:100px;
	background-color:#FFFFFF;
}
.proMask{
	display:inline;
	border:none;
	background-color:#efefef;
}
.comPos{
	display:inline;
	border:1px solid #6699FF;
	border-radius:20px;
	background-color:#DEDEDE;
}