/* The Outer table that is a single row that holds the userTable (proMask*)
 * in a cell on the left and the payload in a cell on the right. */
.posComTable{
	background-color:#efefef;
	border:1px solid #6699FF;
	border-radius:25px;
	width: 500px;
	height: 80px;
}
/** right cell of posComTable that holds proMask (user stuff) */
.posComTableUserCell{
}
.posComTableDataCell{
}
.posComTablePostCell{
}
/* table in left cell of posComTable with user info */
.proMask{
	display:inline;	
	width:10%;
	height:100%;
}

/* the photo cell of the proMask table */
.proMaskPCell{
	text-align:center;
	width:100%;
	height:75%;
}

/* the user photo itself */
.proMaskPhoto{
	border-radius:25px;
}

/* bottom row of proMask table with the user name */
.proMaskNCell{
	color:#6699FF;
	font-family:comic sans ms;
	font-size:.8em;
	font-style:italic;
	text-align:center;
	width:100%;
	height:25%;
}

/** The container (div) the textarea is in */
.posComSlot{
	display:inline;
	width:300px;
}
/** The textarea the data is entered into */
.posComData{
	display:inline;
	font-family:comic sans ms;
	font-size:15px;
	color:#000000;
	border-radius:25px;
	border:none;
	padding-left:10px;
	}
.posComPostButt{
	background-color:#ababab;
	border-radius: 10px;
	height: 50px;
	width:100%;
}

/** The lines */
hr{
	width:95%;
}
/** the position table head cells for development */
th.posHead{
	border:1px solid #6999FF;
	width:100px;
	color:#4455FF;
	background-color:#EFEFEF;
	text-align: left;
}
/** the position table cells */
td.posCell{
	border:1px solid #6999FF;
	width:100px;
	background-color:#FFFFFF;
}