/* body{

	background-color: #000;
	margin: 0px;
	padding: 0px;
	background-image: url(bg4.jpg);
	background-repeat: repeat-x;
	color: #fff;
	text-align: center;

}
 */


#contents{

	text-align: center;
	width: 1400px;

}

.seven{background-color: #aad;}
.orange{background-color: #FF6600;}
.purple{background-color: #9900FF;}
.red{background-color: #FF0000;}
.blue{background-color: #0033FF;}
.teal{background-color: #00CCFF;}
.yellow{background-color: #FFFF00;}
.lipurple{background-color: #CC99FF;}
.liblue{background-color: #00aaFF;}
.orangeti{background-color: #FF6600;}

.seven{ color:#ccf;} .seven .heading{ border-bottom: thin solid #ccf;} .seven .text::before{content:"J";}
.orange{ color:#f60; } .orange .heading{ border-bottom: thin solid #f60;} .orange .text::after{content:"N";}
.purple{ color:#90f; } .purple .heading{ border-bottom: thin solid #90f;}
.red{ color:#f00;} .red .heading{ border-bottom: thin solid #f00;}
.bbblue{ color:#3cf;} .bbblue .heading{ border-bottom: thin solid #3cf;}
.blue{ color:#03f;} .blue .heading{ border-bottom: thin solid #03f;}
.teal{ color:#3cf;} .teal .heading{ border-bottom: thin solid #3cf;}
.rosa{ color:#f06;} .rosa .heading{ border-bottom: thin solid #f06;}
.anonymous{ color:#000; } .anonymous .heading{ border-bottom: thin solid #fff; color:#fff;}
.liblue{ color:#3cf;} .liblue .heading{ border-bottom: thin solid #f00;}
.orangeti{ color:#0af; } .orangeti .heading{ border-bottom: thin solid #f60;}



/* .seven{background-color: #47d;} */
/* gem{display: inline-block; } */



.date{

	float:right;
	/*color: #ddd;*/
	/*color: #c6f;*/
	color: #00CCFF;
	font-family: "Eras Demi ITC", Arial, serif;
	font-size: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
	margin: 0px;
	

}

/* .time{} */
/* .heading h1, h2, h3, h4{ display:inline; vertical-align: top;}*/

.heading{
	background-image:url(70black.png);

	/*color: #FFFFFF;*/
	/*min-height: 40px;*/
	/*background-color:#000;*/

	margin: 0px;
	padding: 0px;

	text-align:left;
	/* height: 20px; */
	/* height: 28px; */

	overflow: hidden; 
	

}



.message{
	position: relative;
    /* min-height: 180px; */
	/*color: #FFCC66;*/
	color: #fff;
	font-size: 16pt;
	float: left;
	/* display: inline-block; */

	margin: 8px;

	text-align: left;
	/* width: auto; */
	/* width: fit-content; */
	max-width: 478px;
	/* min-width: 300px; */
	/* width: 100%; */
	z-index: 7;

	/*text-shadow:7px 8px 22px #f3c;*/
	/* background-image: url(gem.png);
	background-position: right -28px;
	background-repeat: no-repeat;
 */
}



.thumb{

	
	
	/* width: 780px; */
	width: 218px;
	/* height: 218px; */
	
	/* height:100%; */
 
/* 	border: thin solid #444; */
	
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;

	/* background-image: url(70black.png); */
	/* background-image: url(es78.png); */
	/* background-image: url(gemextnd.png); */
	background-position: right 0px;
	/* background-repeat: no-repeat; */
	/* background-repeat: repeat-y; */

	margin: 0px;
	float: right;
	/* display: inline-block; */

	line-height: 218px;
	text-align: center;
	vertical-align: middle;
	font-size: 28pt;
	color:#fff;
	overflow: visible;
	z-index: 4;
	
}

.thumb img{
	float:right;
	height:218px;
	width: 418px;
	margin: 0px;
	padding: 0px;
	
}
.thumb .img{
	float:right;
	height:218px;
	width: 418px;
	margin: 0px;
	padding: 0px;
	background-image: url(gemextnd.png);
	text-align: right;
}

.thumb .text{
	float:right;
	height:218px;
	width: 218px;
	text-align: center;
	font-size: 28pt;
	
}



/*//////////////////////////////////////////////////////////*/

.edit{

/* 	background-image:url(36black.png); */
	background-image: url(bgx.png);

	/* width:780px; */
	width: 87%;
	max-width: 718px;
	min-height:180px;
	margin: auto;
	overflow:hidden;
	margin-top: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 18px;
	background-color: #444;
	border: solid 8px #222;

	
/* 	background: -moz-radial-gradient( 0% 0%, farthest-side, #222, #888);
	background: -moz-radial-gradient( 0% 0%, farthest-side, #222, #888);
	background: radial-gradient( farthest-side at 30% 0%, #222, #888);
	-moz-box-shadow: 6px 16px 51px #000;
    -webkit-box-shadow: 6px 16px 51px #000;
    box-shadow: 6px 16px 51px #000; 
 */

}


.edit p, .edit h3, .heading img { 
	float:left; 
	vertical-align: top;
	margin: 0px; 
	padding: 0px; 
	margin-right: 12px;}



form {

	text-align: left;
	margin: auto;
	background-color:#000;
	color:#777;
	/* border: 4px solid #222; */
	max-width: 780px;
	font-size: 14pt;
	font-family: "Eras Demi ITC", Arial, serif;
	padding: 10px;	

	/*radial gradient*/

	/*background:-moz-radial-gradient(18% 18% 40deg, #44444, #000000 87%);*/
	/*background: -moz-radial-gradient(circle, #777, #000);*/


/* 	background: -webkit-radial-gradient( 30% 0%, farthest-side, #777, #000);
	background: -moz-radial-gradient( 0% 0%, farthest-side, #777, #222);
	background: radial-gradient( farthest-side at 30% 0%, #777, #222); */


	/* -moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
 */
}	

	

form .outer-submit {

	margin : 0 auto;
	background: url("talc.png") no-repeat top left;
	max-width : 100px;
	width : 50%;
	padding : 0 0 10px 0;

}

form input[type=submit] {

	color : #CCCCFF;
	padding:0px;
	border : none;
	max-width : 180px;
	background-color:#444;
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	width: 87px;
	margin: 0px;
	font-weight: bold;
	font-size: 16px;
	/* float: left;
	vertical-align: top;
	line-height: 0px; */
}


form .outer-submit:hover {

	color : #fff;
	padding:0px;
	border : none;
	max-width : 180px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	width: 87px;
	margin: 0px;
	font-weight: bold;
	font-size: 16px;


}



form input[type=submit]:hover {

	color : #fff;
	padding:0px;
	border : none;
	max-width : 180px;
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	width: 87px;
	margin: 0px;
	font-weight: bold;
	font-size: 16px;
	

}





input[type="text"] {

	color:#000;
	font-size: 18pt;
	/* border: 2px solid #000; */
	border: none;
	background-color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

}



input[type="password"] {

	color:#000;
	border: 2px solid #000;
	background-color:#fff;
	-moz-border-radius: 80px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}



textarea {

	resize: vertical;
	color:#000;
	width:87%;
	margin-right: 8px;
	padding:8px;
	/* border: 2px solid #000; */
	border:none;
	vertical-align: text-top;

	
}

.textoutter{
	width:auto;
	background-color:#fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-right: 0px;
	padding: 8px;
	/* padding-right: 0px;
	padding-bottom: 0px; */
	text-align: justify;
	

}


hr{margin:0px;} 
.renderx{ display: none;}