html, body {background-color:#684573; background-image:url(https://3dxchat.com/img/bg.jpg); background-repeat:no-repeat; background-position: top center; height: 100%; width: 100%; padding: 0px; margin: 0px;}
body.emailForm {background-color:#684573; background-image:url(https://3dxchat.com/img/bg_subscribe.jpg);}

table.regstatTable {border-spacing: 10px; margin:0 auto; padding-bottom:30px; font-size:14px; padding:3px 10px 3px 0;color:#CCC; font-family: "Arial";}
table.regstatTable td {padding-bottom:8px;}

table.simpleTable {margin:0 auto; color:#FFF; font-size:36px;font-size:14px; font-family: "Arial"; padding:3px 0 3px 3px; text-align:left;text-shadow: 2px 2px 2px black;}
table.simpleTable td {border: 1px solid #999; padding:4px 4px 4px 4px;}
table.simpleTable tr.endline {background-image:url(https://3dxchat.com/img/black_alpha.png);}

/*h1 {color:white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-weight: 100; text-shadow: 2px 2px 2px black; font-size:20px; padding:15px 0 5px 0; text-align:center;}
	h1.main {font-size:20px; padding:15px 0 5px 0; text-align:center;}
h2 {color:white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-weight: 100; text-shadow: 2px 2px 2px black;}
	h2.main {font-size:24px; padding:15px 0 5px 0; text-align:center;}
h3 {color:white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-weight: 100;}
	h3.news {font-size:28px; padding:0px 0 5px 20px; text-align:left;}
	h3.main {font-size:28px; padding:0px 0 5px 20px; text-align:center;}*/

h1 {font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-size:24px; color:white;  font-weight: 100; text-shadow: 2px 2px 2px black; padding:15px 0 5px 0; text-align:center;}

h2 {color:white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-weight: 100; text-shadow: 2px 2px 2px black;}
	h2.main {font-size:24px; padding:15px 0 5px 0; text-align:center;}
h3 {color:white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-weight: 100;}
	h3.news {font-size:28px; padding:0px 0 5px 20px; text-align:left;}
	h3.main {font-size:28px; padding:0px 0 5px 20px; text-align:center;}

	
p {color:#FFF; font-family: Gotham, "Arial", Helvetica, Arial, "sans-serif"; word-spacing: 1px; line-height: 1.4em; text-shadow: 1px 1px 1px black;}
	p.title {color:white; font-size:12px;}
	p.main {font-size:14px; padding:10px 10px 10px 17px; text-shadow:none;}
	p.news {font-size:12px; padding:10px 20px 10px 30px; text-shadow:none;}
	p.news_date {font-size:11px; padding:30px 10px 0 20px;}
	p.copyright {font-size:12px; padding:90px 0 0 0; line-height: 1.7em;}
	p.login {padding:10px 0 15px 0;}
	p.pidorastyle {color:#FFF; font-size:10px; line-height: 0.4em;}
	p.pidorastyle a {color:#FFF;}
	p.menu {font-size:30px; letter-spacing: -0.05em; text-shadow:none; padding:10px 0 0 0; text-align:center;}
	p.mailForm {font-size:14; text-align:center; padding:10px 10px 10px 10px; text-shadow:none;}
	p.MEMBER {font-size:12; text-shadow:none; word-spacing: 0px; margin: 10px 0 10px 0; line-height: 20px;}
	

   a:link {color: #00ccff;}
   a:visited {color: #00ccff;}
   a:hover {color: #ECB849;}
   a:active {color: #00ccff;}

	a.noblank {text-decoration: none; border-bottom: 1px dashed #00ccff;}
	a.blank {text-decoration:underline;}
	
/*a {color:#00ccff; font-family: "Arial";}	
	a.noblank {text-decoration: none; border-bottom: 1px dashed #00ccff;}
	a.blank {text-decoration:underline;}*/

	
input {}
	input.login {border:0px solid #9E9E9E; color: #000000; font-size: 22px; font-family: Arial; background: #FFF; display: block; border-radius:8px; padding: 10px; text-align:left; margin:20px 0 20px 0;}
	input.reffer {border:0px solid #9E9E9E; color: #000000; font-size: 22px; font-family: Arial; background: #FFF; margin: 20px auto 20px auto; display: block; border-radius:8px; padding: 10px; text-align:center;}
		input.submit {cursor: pointer; padding-bottom:10px;background-color: transparent; border:0px;font-family: 'Archivo Black', sans-serif; font-size:32px; letter-spacing: -0.05em; line-height: 1.3em; color:#FFF; display:block; width:250px; height:59px; background-image:url(https://3dxchat.com/img/join_now.png); margin:5px auto 20px auto; text-align:center; text-decoration:none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
			/*.joinnowBlock p.joinnow:hover {color:#00ccff;}*/
			input.submit:hover {background-position:0 -60px;}
	
img.screenshotPre {margin-left: 8px; margin-top: 8px;}
img.newsPic {margin:10px 0 20px 20px; border-style: solid; border-color:#000000; border-width: 1px;}
img.mainPic {margin:20px 20px 10px 20px; border-style: solid; border-color:#000000; border-width: 1px;}

  .page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
  }		
.widthBlock {width:830px; margin:0 auto 0 auto; height: 100%; padding-bottom: 155px; }
	.headerBlock {width:100%; margin:0 auto 0 auto; text-align:center; position:relative;}
	.menuBlock {width:100%; height:20px; margin:0 auto 0 auto; text-align:center;}
       a.menu {color:#fff}
			.menu {text-shadow: 2px 2px 2px black; font-family: 'Archivo Black', sans-serif; color:#FFF; text-decoration: none; display:block; background-image:url(https://3dxchat.com/img/menu.png); height:38px; width:152px; float:left; position: relative; left:10%; text-align:center; font-size:16px; padding-top:12px; margin:20px 7px 0px 7px;}
			.menu:hover {background-position:0 -50px; padding-top:15px; height:35px;}
			.menu:active {background-position:0 -50px; padding-top:15px; height:35px;}
	.contentBlock {width:100%; margin: 0 auto; position:relative;}
		
		.carouselBlock {width:829px; height:479px; background-image:url(https://3dxchat.com/img/carousel.png); margin:5px auto 5px auto;}
			.carouselimageBlock {position:absolute; background-color:#CCC; width:800px; height:450px; margin:14px 0 0 14px;}
		.joinnowBlock {font-family: 'Archivo Black', sans-serif; font-size:32px; letter-spacing: -0.05em; line-height: 1.3em; padding-top:3px; color:#FFF; display:block; width:250px; height:56px; background-image:url(img/join_now.png); margin:5px auto 20px auto; text-align:center; text-decoration:none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
			/*.joinnowBlock p.joinnow:hover {color:#00ccff;}*/
			.joinnowBlock:hover {background-position:0 -60px;}
      a.joinnowBlock {color:#fff;}
		
		.mediaBlock {width:748px; margin:5px auto 50px auto;}	
		.screenshotBlock {width:167px; height:101px; display:block; background-color:#000; float:left; margin:10px 10px 10px 10px;}
			.screenshotBlock:hover {background-color:#00ccff;}
		
		.trailerBlock {width:354px; height:222px; display:block; background-color:#000; float:left; margin:10px 10px 10px 10px;}
			.trailerBlock:hover {background-color:#00ccff;}
		
		.goldBlock {width:168px; height:168px; display:block; float:left; border:10px solid #000; margin:20px 0px 20px 16px;}
			.goldBlock:hover {border:10px solid #00ccff;}
			
		.textBlock {background-image:url(https://3dxchat.com/img/textblock_bg.png); margin:10px 0 10px 0; border-radius:10px;}
		.textBlockMine {width:830px; background-image:url(https://3dxchat.com/img/textblock_bg.png); margin:10px auto 10px auto; border-radius:10px;}
		
		.newsBlock {width: 792px; background-image:url(https://3dxchat.com/img/textblock_bg.png); margin:15px auto 20px auto;}
			.updatenavBlock {text-align: center;}
			a.updatepageBlock {color:#fff; font-family: Gotham, "Arial", Helvetica, Arial, "sans-serif";}
			.updatepageBlock {text-decoration:none; display: inline-block; width:25px; height:20px; background-image:url(https://3dxchat.com/img/textblock_bg.png); border: 1px solid #000; margin:3px auto 3px auto; font-size:13px; padding:5px 0 0 0;}
			.updatepageBlock:hover {border: 1px solid #00ccff;}
				.activeBlock {text-decoration:none; display: inline-block; width:25px; height:20px; background-image:url(https://3dxchat.com/img/textblock_bg.png); border: 1px solid #FFF; margin:3px auto 3px auto; font-size:13px; padding:5px 0 0 0;}
		
		.loginBlock {font-size:14px; width:208px; height:45px; background-image:url(https://3dxchat.com/img/login.png); position:absolute; right:0px; text-align:center;}
		
		.char1Block {background-image:url(https://3dxchat.com/img/char_1.png); position:absolute; height:790px; width:365px; margin-left:-300px;}
		.char2Block {background-image:url(https://3dxchat.com/img/char_2.png); position:absolute; height:790px; width:365px; margin-left:790px;}
	
	.footerBlock {background-image:url(https://3dxchat.com/img/footer_bg.png); background-position: top center; height:155px; text-align:center; margin-top: -120px;} 
	
.join_redButton, .join_blackButton { padding-top:23px; color:#FFFFFF; font-family: 'Archivo Black', sans-serif; font-size:23px; width:532px; height:52px; background-image:url(https://3dxchat.com/img/join.png); margin:20px auto 0 auto; display:block; text-align:center; text-decoration:none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
	.join_blackButton {background-position:0 -150px;}
	.join_redButton:hover {background-position:0 -75px;}
	.join_blackButton:hover {background-position:0 -225px;}
	
.join_1 {color:#FFFFFF; width:286px; height:301px; background-image:url(../img/1atlas_StayHome.png); display:block!important; float:left; margin-top:20px;cursor:pointer} 
	.join_1:hover {background-position:0 -301px;} 
	
.join_6 {color:#FFFFFF; width:287px; height:301px; background-image:url(../img/6atlas_StayHome.png); display:block; float:right; margin-top:20px;cursor:pointer}
	.join_6:hover {background-position:0 -301px;}
	
.join_12 {color:#FFFFFF; width:321px; height:301px; background-image:url(../img/12atlas_StayHome.png); display:block; position:relative; left:255px; margin-top:20px;cursor:pointer}
	.join_12:hover {background-position:0 -301px;}

	
.join_1_en {color:#FFFFFF; width:286px; height:301px; background-image:url(http://3dxchat.com/img/MembSButtons/1atlas_StayHome.png); display:block; float:left; margin-top:20px;} 
	.join_1_en:hover {background-position:0 -301px;} 
	
.join_6_en {color:#FFFFFF; width:287px; height:301px; background-image:url(http://3dxchat.com/img/MembSButtons/6atlas_StayHome.png); display:block; float:right; margin-top:20px;}
	.join_6_en:hover {background-position:0 -301px;}
	
.join_12_en {color:#FFFFFF; width:321px; height:301px; background-image:url(http://3dxchat.com/img/MembSButtons/12atlas_StayHome.png); display:block; position:relative; left:255px; margin-top:20px;}
	.join_12_en:hover {background-position:0 -301px;}
	
.clr {clear: both;}

.quote {    
    padding: 10px;
    margin-top: 30px;
}

.quote > p {
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.12px;
}

.quote img.quote-ava {
    float: left;
    margin-right: 1px;
    border-radius: 50%;
}

.quote a.quote-name {
    display: inline-block;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.16px;
    text-shadow: 0 0 1px #000000;
    text-decoration: none;
    margin-top: 8px;
}

.quote div.textBlock {
    margin-left: 30px;
    margin-top: 3px;
}

.quote p.main {
    font-family: Arial;
    color:  #ffffff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.18px;
    text-align: left;
    padding: 22px 22px 22px 157px;
}

/* MEMBER CSS */

.block-Width {width: 830px; display: block; overflow: auto; margin:0 auto 0 auto; font-size: 12px;}
.block-Column {float: left; width: 50%;}
 .block-Section {margin: 10px 5px 5px 5px; }
  .block-Section-Title {border-radius: 6px 6px 0px 0px; background-color: rgba(0,0,0,0.6); padding: 4px 0px 3px 25px;}
   .Title-Font {color: white; font-family:"Segoe UI Light", "Segoe UI", "Segoe UI Light", "Arial"; font-size: 18px;  text-shadow: black 1px 3px 5px; margin: 5px 0 5px 0;}
  
  .block-Section-Content {border-radius: 0px 0px 6px 6px; background-color: rgba(0,0,0,0.4); padding: 5px 15px 16px 25px; line-height: 20px;}
   .block-Dialog {background-color: rgba(0,0,0,0.35); border-radius: 4px; padding: 10px 30px 10px 20px; margin: 0 10px 5px 0;} 
    .font-White {color: white;}
    .font-Gold {color: #ECB849;}
	.font-Green {color: #8fd61d;} 
    .font-Red {color: red;}


   a.button-Download:link {text-align: center; font-size: 24px; font-family: "Archivo Black", sans-serif; border-radius: 4px; letter-spacing: -1px; 
     margin: 12px 0px 10px 0px;
	 padding: 12px 12px 12px 12px; 
	 color: white;
	 text-shadow: black 1px 3px 10px;
     background-color: #009de1;
     display: inline-block;
     text-decoration: none;
}
   a.button-Download:visited{color: white;}
   a.button-Download:hover{color: white; background-color: #ECB849;}
   a.button-Download:active{color: white;}

   a.link-DotBot:link {color: #00ccff; border-bottom: 1px dotted #00ccff; text-decoration: none;}
   a.link-DotBot:visited {color: #00ccff; border-bottom: 1px dotted #00ccff;}
   a.link-DotBot:hover {color: #ECB849; border-bottom: 1px dotted #ECB849;}
   a.link-DotBot:active {color: #00ccff; border-bottom: 1px dotted #00ccff;}

   a.link-Cancel:link {color: white; border-bottom: 1px dotted white; text-decoration: none;}
   a.link-Cancel:visited {color: white; border-bottom: 1px dotted white;}
   a.link-Cancel:hover {color: #00ccff; border-bottom: 1px dotted #00ccff;}
   a.link-Cancel:active {color: white; border-bottom: 1px dotted white;}

input.member {
	width: 100%;
	font-family: Gotham, "Arial", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	padding: 9px 0 8px 10px;
	margin: 6px 0 4px 0;
	border: 0px;
	background: white;
	border-radius: 4px;
}
input.member:hover {background: #B8FF00;}
input.member:focus  {outline:none; background: #B8FF00;}

button {
	background: #009de1;
	color:white;
	font-family: Gotham, "Arial", Helvetica, Arial, "sans-serif";
	border-radius: 4px;
	border: 0px;
	padding: 9px 15px 8px 15px;
	margin: 0 4px 4px 0;
}
button:hover {background: #ECB849;}
button:focus  {outline:none; background: #ECB849;}