/*div.chatTable {
	background-color:#fbf8e3;		
	color: #333;
	padding:10px;
	margin: 1px 3px 1px 0px;
	border-top:Solid 1px #ffdede;
	border-bottom:Solid 1px #ffdede;
	border-left:Solid 6px #f1e913;
}*/


div.chatTable {
	background-color:#ffffff;		
	color: #333;
	padding:10px;
	margin: 1px 3px 1px 0px;
	border-top:Solid 1px #ffdede;
	border-bottom:Solid 1px #ffdede;
	border-left:Solid 6px #a4d5ff;
}

div.chatTableComments {
	background-color:#fbf8e3;		
	color: #333;
	padding:10px;
	margin: 3px 3px 1px 0px;
	border-top:Solid 1px #ffdede;
	border-bottom:Solid 1px #ffdede;
	border-left:Solid 6px #f1e913;
}

div.parentDiv
{
	margin-top:5px;
}

div.parentDiv a
{
	font-weight:bold;
}
div.chatDate
{
	color:var(--gray-500); 	
	margin-top:8px;
}

div.chatDate img
{
	margin-left:10px;
}

input.shareButton
{	
	border:solid 1px #4a4a98;
	padding:5px; 
	background-color:#6868ae; 
	color:white; 
	font-weight:bold;
	margin-top:5px;	
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;	
	border-radius:3px;
}
input.shareButton:hover
{
	background-color:#4a4a98; 
	/*text-decoration:underline;*/
}

div.followButtons
{
	float:right;
	margin-right:10px;
}

div.followButtons input
{
	font-weight:bold;
	margin-top:5px;		
	color:white; 
	width:100px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;	
	border-radius:3px;
	cursor:pointer;	
	padding:5px; 
}

/*div.followButtons input:hover
{
	text-decoration:underline;	
}*/

input.followButton
{	
	border:solid 1px #2f5327;	
	background-color:#4f7c45; 		
}
input.followButton:hover
{
	background-color:#2f5327; 	
}


input.unFollowButton
{	
	border:solid 1px #9d2020; 		
	background-color:#c34242; 		
}
input.unFollowButton:hover
{
	background-color:#9d2020; 	
}


table.chat
{
	border-collapse: collapse;
	margin:0;		
	width: 100%;	
}

table.chat td.picture
{
	width:90px;
	vertical-align:top;
}

	table.chat td.picture img{
		border-radius:50%;
	}

	table.chat td.pictureSmall {
		width: 50px;
		vertical-align: top;
	}

table.chat td.chat
{
	vertical-align:top;
}

table.chat td.chat a:hover
{
	 text-decoration:underline;
}


table.chat div.deleteDiv
{
	margin-top:5px;
}
div.chatBox {
	border-color: #ddd;
	/*border-style: solid;
	border-width: 1px;*/
	color: #555;
	/*margin: 0px 2px 10px 2px;*/
	/*padding: 2px 2px 2px 2px;*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.chatBox select
{
	margin-right:20px;	
	padding:3px;
}

div.chatBox textarea
{
	margin-top:1px;
	padding: 5px 5px 5px 5px;
	height:60px;
	
	border:solid 0px white;
}

div.chatBox textarea.default
{
	color:#999;
	font-size:10pt;
}

div.chatCommentText textarea
{
	margin-top:5px;
	padding: 5px 5px 5px 5px;
	border:solid 1px #ddd;
}

div.chatCommentText textarea.default
{
	color:#999;
	font-size:10pt;
}

div.chatBox span
{
	margin-left:5px;
	margin-right:5px;
}

div.chatSave {
	border-top: solid 1px var(--gray-100);
	background-color: var(--gray-50);
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 2rem;
}

table.chat div.deleteDiv
{
	margin-bottom:10px;
}

table.chat div.deleteDivSmall
{
	margin-bottom:0px;
}

div.chatFile
{
	
}

div.chatLink {
	background-color: var(--gray-50);
	border-bottom: solid 1px var(--gray-100);
	padding:1rem;
}

div.chatLink table
{
	padding:5px;
	
	width:100%;
}

div.chatLink table td.desc
{
	width:150px;	
	margin-right:10px;
}

div.chatLink table td.title
{
	font-weight:bold;
}
div.chatLink input
{
	width:90%;
	padding:2px;
}

div.linkName
{
	margin-bottom:10px;
	margin-top:10px;
}

div.linkName a
{
	background-image: url(../img/link.gif);
	padding-left:20px;	
}

div.linkName a:hover
{
	 text-decoration:underline;
}

div.link
{
	margin-bottom:10px;
	margin-top:10px;
	color:Silver;
}

div.imageFile
{
	margin-top:5px;
	margin-bottom:5px;	
}

div.chatButtons {
	margin-bottom:1rem;
}
/* ***** ***** ***** ***** *****
BEGIN BUTTON BAR
***** ***** ***** ***** ***** */

/*div.chatButtons {
	background-image: url(../img/tabbar_bg.gif); background-position:bottom; background-repeat: repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

div.chatButtons li {
	display: inline;
}

div.chatButtons a.with_icon {
	padding-left:23px;
	background-repeat:no-repeat;
	background-position: 2px 2px;
}

div.chatButtons a {
	background-color: #f5f5f5;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	color: #555;
	margin: 0px 2px 0px 2px;
	padding: 2px 5px 2px 5px;
	position:relative;
	top:-3px;
	cursor:pointer;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.chatButtons a:hover {
	border-bottom-color: #ffa500; border-style: solid; border-bottom-width: 2px;
	text-decoration: none;
}

div.chatButtons a.selected {
	background-color: #fff;
	border-color: #999 #999 #fff #999; border-style: solid; border-width: 1px;
	color: #000;
	font-weight: bold;
}
*/

/* START OF BLACK BOX BUTTON */
div.BlackBoxButton 
{
	margin-top:10px;
	margin-bottom :10px;
	margin-left:auto;
	margin-right:auto;		
	cursor:pointer;	
}


div.BlackBoxButton div.blackBoxHolder 
{
	background-color:#47484c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:White;
	text-align:center;
	padding:8px;
	border:solid 2px #ddd;
}


div.BlackBoxButton div.blackLarge
{
	font-size:16pt;
	font-weight:normal;	
}

div.BlackBoxButton div.blackSmall
{
	margin-top:6px;
	font-size:10pt;
	font-weight:bold;	
}

div.BlackBoxButton div.blackSmall:hover
{
	text-decoration:underline;
}

div.blackBoxHolder div.red
{
	color:Red;
}
div.blackBoxHolder div.amber
{
	color:Yellow;
}
div.blackBoxHolder div.green
{
	color:green;
}
/* END OF BLACK BOX BUTTON */

div.chatConnection
{
	border:solid 2px #999;
	background-color:#e7e7e7;
	padding:8px;
	font-weight:bold;
	margin-bottom:8px;	
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;	
	border-radius:5px;
	color:#353535;
}

div.chatConnection span
{
	font-size:11pt;
}

input.connectButton
{	
	border:solid 1px silver;
	padding: 5px 10px 5px 10px; 
	background-color:#6868ae; 
	color:white; 
	font-weight:bold;
	margin-top:5px;	
	cursor:pointer;
	font-size:11pt;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;	
	border-radius:3px;
}

input.connectButton:hover
{
	/*text-decoration:underline;*/
	background-color:#4a4a98; 
}

input.cancelButton
{	
	border:solid 2px #a42300;
	padding: 5px 10px 5px 10px; 
	background-color:#de2f00; 
	color:white; 
	font-weight:bold;
	margin-top:5px;	
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;	
	border-radius:3px;
	font-size:11pt;
}

input.cancelButton:hover
{
	 background-color:#bf2c04;
}


/* START OF PAGER */
div.chatPager
{
	margin-bottom:5px;
}
div.chatPager div.chatPageCount
{
	display:none;
}

div.chatPager a
{
	cursor:pointer;
	color:#6868ae;
	padding:0px 10px 0px 2px;
	font-weight:bold;	
}

div.chatPager a:hover
{
	text-decoration:underline;	 
	color:#4a4a98; 
}
/* END OF PAGER */