﻿/*GENERAL STUFF*/

		body,td,th,textArea {
	
		font-family:'lucida grande',tahoma,verdana,arial,sans-serif,times;
		font-size: 12px;
		color: #000066;
		margin:auto;
	
		}
		
		
		body {
		background-color: #DDDDDD;
		margin-top:0px;
		
		}
		
		#everything
		
		{
		
    	
    	width:61em;
    	background-color:#FFF;
    	padding-bottom:5px;
    	margin-left: auto;
    	margin-right:auto;
    	

    	
    
		}
		
		
		
		

		a {

		font-size: 16px;
		color: #ee2760;
		}

		img {
		padding:0px 0px 5px 5px;
		border:none;
		}


		a:visited {
		color: #CC0000;
		}
		
		a:hover {
		color: #FF0000;
		}
		
		img:hover{
		
		color :#FF0000;
		
		}
		
		a:active {
		color: #FF0000;
		}

		h1 {
		
		color:#3A5B88;
		
		font-size:1.4em;
		text-decoration:underline;
		
		}

		h2 {
		color:#3A5B88;
		font-size:1.4em;
		
		}
		
		em
		{
    	
    	color:#ee2760;
    	font-style:normal;
    	font-size: 1em;
    	font-weight:bold;
    	text-transform: uppercase;
    	
		}
		
		
		p,li,span{
		
			font-size:1.5em;
			padding:2px 2px 2px 2px;
		
		
		}
		
		p.small {
			
			font-size:1em;
			
		
		}
		
		
		p.large{
		
		font-size:1.8em;
		
		
		
		}
		
		
		
		

		#room-swf{
		
		width:700px;
		height:650px;
		background-color:#FFF;
    	padding: 2px 2px 2px 2px;
    	margin-left: auto;
    	margin-right:auto;
    	
    	
    	}
    	
    	
    	#terms a{
    	
    	font-size:1em;
			
    	
    	}



		#content{

		margin:15px 15px 15px 15px;
	
		}

		#large-header{
		
		 background-image:url(../images/headers/large/header-tile.png);
   		 background-repeat:x;
   		 height:125px;
   		 
		}
		
		#notice{
		
		border:solid red 2px;
		padding:2px 2px 2px 2px;
		margin:4px 4px 4px 4px;
		
		}
		
		
		#small-header{
		
		background-image:url(../images/headers/small/header-tile.png);
		background-repeat:x;
		height:50px
		
		}
		
		#clear-fix{
		
		content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;

		
		}


/*LOGIN/HOME PAGE*/

		



		#welcome
		
		{
		font-family:'lucida grande', tahoma,verdana,arial,sans-serif,times;
		font-size:12px;
		margin-left:2px;
		margin-right:2px;
		width:700px
	
		}


		
		
		a.create-username{
		
		padding:5px 0px 0px 13px;
		}


		p.login-error{
		color:red;
		font-weight:bold;
		margin-left:20px;
		font-size:1.2em;
		}

		
		
		#login-strip-content{
		position:relative;
		left:5px;
		top:0px;
		width:690px;
		height:112px;
	
		}

		#login-form {


		
    	background-image:url(../images/backgrounds/blue.gif);
    	background-repeat:no-repeat;
    	background-position:right;
    	height:108px;
    	width:199px;
    	position:absolute;
		left:70px;
		top:0px;
	
		}
		
		
		
		
		input.inputbox{
		
		width:92%;
		margin:2px 0px 2px 5px;
		
		}
		
		label.login{
		padding-left:5px;
		padding-top:5px;
		text-transform:capitalize;
		
		}

		input.login-button{
		
		float:right;
		margin-right:10px;
		
		
		}
		
		


		#join-now
		{
		
    	background-image:url(../images/backgrounds/blue2.gif);
    	background-repeat:no-repeat;
    	background-position:right;
    	height:108px;
    	width:199px;
 		position:absolute;
		left:345px;
		top:0px;
		display:inline;
		}

		
		#join-now p {
		margin-left:5px;
		padding-top:10px;
		}



		img.join-now
		{
	    position:absolute;
		left:275px;
		top:0px;
		}

		#login-help
		{
	    background-color:#DAEBEB;
	    height:108px;
	    width:133px;
		position:absolute;
		top:0px;
		display:inline;
		right:5px;
		}


		#login-help p {
		margin-left:10px;
		padding-top:10px;

		}


		hr.footer {
		
		width:100%	;
		border:none;
		height:5px;
		background-image:url(../images/backgrounds/footerBar.gif);
		background-repeat:repeat-x;
		}



/*USER FORMS*/


		div.user-form
		{
    	width:100%;
    	margin-left:auto;
   		margin-right:auto;
		margin-top:15px;
		}

		
  
  

		label.user-form {
		
		float:left;
		width:150px;
		padding-left:3px;
		margin-top:7px;
		text-align:left;
		font-size:1.25em;
  
		}





		h1.user-form
		{
    	width:auto;
  	  	background-color:#CFECEF;
  	 	font-size:1.5em;
  	 	padding:5px 5px 5px 5px;
   	 	margin:10px 0px 15px 0px;
   	 	
		}
		
		h2.user-form
		{
    	width:100%;
  	  	background-color:#CFECEF;
  	 	font-size:1em;
  	 	padding:5px 5px 5px 5px;
   	 	margin:10px 0px 15px 0px;
   	 	
		}


		p.user-form-note
		{
		
		width:50%;
		position:relative;
		left:155px;
		font-size:1.1em;
   		margin:3px 0px 15px 0px;
    	padding:0px 0px 0px 0px;
		}


		p.form-error, span.small-error{
		
		
		position:relative;
		left:155px;
		font-size: 1.2em;
		color: #FF0000;
		font-weight:bold;


		}
		
		
		
		p.form-success{
		
		position:relative;
		left:35%;
		font-size: 1.4em;
		color:green;
		font-weight:bold;
		
		}
		
		input{
		
		color: #444444;
		}
		input:focus{
		
		background-color:#f3f2a0;
		
		}
		
		
		
		input.chunky{
		
		
		font-size:1.8em;
		width:50%;
		margin:5px 5px 5px 5px;
		
		
		}
		
		input.destroy{
		
		background-color:white;
		background-image:url(/visualchat_static/images/buttons/delete.png);
		width:50px;
		height:50px;
		border:none;
		text-indent:-9999px;
		margin-left:25px;
		cursor:hand;
		
		
		}
		
		input.destroy:hover{
		
		cursor:pointer;
		
		}
		
		select.chunky{
		
		font-size:1.6em;
		width:50%;
		margin:5px 5px 5px 5px;
		
		}
		
		.inputbox{
		
		font-size: 12px;
		border: 1px solid #01124E;
		height:22px;
	
		}
		
		textArea{
		
		font-size:1.6em;
		width:35em;
		height:20em;
		overflow: hidden;
		margin:5px 5px 5px 5px;
		
		}
		
		textArea:focus{
		
		background-color:#f3f2a0;
		
		}

		
		
		input.radio{
		
		
		margin:0% 0% 0% 40%;
		
		
		}
		
		file.button{
		
		display:none;
		
		}
		input.button{
		
		color: #000066;
		font-size:1.6em;
		background-color:#6699ff;
		padding:5px 5px 5px 5px;
		margin:3px 5px 5px 5px;
		border:#ee2760 dotted 2px;
		text-transform:uppercase;
		cursor:hand;
		
		}
		
		input.button:hover{
		
		background-color:#ee2760;
		color:#000066;
		border:#6699ff solid 2px;
		cursor:pointer;
		
		}
		
		
		
	
	
/*PROFILE*/	
		
		
		
		
		#main-pic{
		
		float:left;
		margin:10px 10px 10px 10px;
		
		
		}
		
		
		#other-pics{
	
		padding:5px 0px 0px 50px;
		
		
		}
		
		#other-pics li{
		
		display:inline;
		
		
		
		}
		
		#user-info{
		
		width:420px;
		float:left;
		padding:10px 0px 0px 0px;
		
		
		}
		
		#user-info li{
		
		display:inline;
		display:block;
		margin:5px 0px 0px 0px;
		}
		
		
		
		
		
/* ADSENSE*/	
		
		#adsense{
		
		padding:0px 0px 0px 125px;
		
		}
		
		
		
/* MY PROFILE*/			
	
		#image-upload img{
		
		
		display:block;
		
		
		}
		
		
		#image-upload-box{
		
		width:80%;
		position:relative;
		bottom:70px;
		
		float:right;
		
		}
		
		
		#image-upload-border{
		
		border:#CFECEF solid 2px;
		margin:15px 5px 5px 5px;
		padding:5px 5px 5px 5px;
		
		}
		
		#my-profile-submit{
		
		
		
		}
		
		#right-button{
		
		position:relative;
		left:65%;
		padding:15px 0px 5px 0px;
		
		
		}
		
		#right-button input{
		
		cursor:hand;
		
		}
		
		
		
		#center-button{
		
		position:relative;
		left:28%;
		padding:15px 0px 5px 0px;
		
		}
		
		
		}
		
		.text-area{
		
		font-size:1.5em;
		padding:2px 2px 2px 2px;
		margin:2px 2px 2px 2px;
		background-color:#f8f8e7;
		
		}
		
		.text-area:focus{
		background-color:#f3f2a0;
		}
		
		
/* PAYMENT*/


		#usage-pack{
		font-size:1.5em;
		border:#CFECEF solid 2px;
		padding-bottom:1em;
		margin-bottom:16px;
		
		
		
		}
		
		
		#usage-pack-price {
		
		
		width:130px;
		float:left;
		background-color:#CFECEF;
		
		
		}
		
		span.usage-pack-description{
		
		
		
		}
		
		input.usage-pack {
		
		float:right;
		padding:16px 8px 8px 8px;
		
		}
		
		
		
		span.usage-pack-duration{
		
		background-color:#CFECEF;
		display:inline;
		}
		
		
/*CAPTCHA STUFF */	
	
		#captcha{
		
		
		margin-left:25em;
		
		}
		
		#captcha iframe{
		
	
	    height:14em;
	    border:solid white 2px;
	   
	    
		
		}
		
		
/*ADSENSE*/

		#adsense_468x60{
		
		padding-left:10em;
		
		}
		
		
		