@import "http://jqueryui.com/themes/base/jquery.ui.base.css";
@import "http://jqueryui.com/themes/base/jquery.ui.theme.css";
@import "http://jqueryui.com/demos/style.css";

html, body {
	margin: 0px auto 0px;
	background-color: #F8F8F8;
	font-size: 10px;
	font-family: Verdana, Helvetic, sans-serif;
	height: 100%;
}

div.clear {
	clear: both;
}

div#chatHeaderDesign {
	margin: 0px auto 0px;
	background-color: #3E709E;
	
	padding: 10px;
	border-bottom: 1px solid #003366;
}

	div#chatHeaderContent {
		margin: 0px auto 0px;
		color: #FFFFFF;
		
		width: 900px;
	}

		div#chatHeaderContent h2 {
			margin: 0px auto 0px;
			color: #FFFFFF;
		}
		
div#userHeaderDesign {
	margin: 0px auto 0px;
	background-color: #E9E9E9;
	
	padding: 5px;
	border-bottom: 1px solid #B3B3B3;
}

	div#userHeaderContent {
		margin: 0px auto 0px;
		color: #333333;
		
		width: 900px;
	}
	
		div#userHeaderContent a {
			text-decoration: none;
			color: #003366;
		}
		
		div#userHeaderContent a:visited, div#userHeaderContent a:active {
			text-decoration: none;
			color: #003366;
		}


		div#userHeaderContent a:hover {
			text-decoration: underline;
			color: #000000;
		}
		
		div.user {
			margin: 0px auto 10px;
			background-color: transparent;
			color: #000000;
			
			padding: 2px;
			border-bottom: 1px solid #E9E9E9;
		}
		
			div.userOptions {
				margin: 5px auto 0px;
				text-align: center;
			}
		
div#chatWrap {
	margin: 0px auto 0px;
	width: 900px;
	height: 75%;
}

	div#messagesDesign {
		margin: 10px auto 0px;
		background-color: #FFFFFF;
		color: #000000;
		float: left;
		
		padding: 5px;
		width: 700px;
		height: 94.3%;
		border: 1px solid #000000;
	}
	
	div#messages {
		font-size: 11px;
		background-image:url('/themes/default/images/bgcenter.png');
		background-repeat:no-repeat;
		background-position:center;
	}
	
	div#usersDesign {
		margin: 10px auto 0px;
		background-color: #FFFFFF;
		color: #000000;
		float: right;
		
		padding: 5px;
		width: 170px;
		height: 94.3%;
		border: 1px solid #000000;
	}
	
	div#users {
		font-size: 11px;
	}
	
	div#userInputDesign {
		margin: 5px auto 0px;
		background-color: #CDCDCD;
		color: #000000;
		
		padding: 5px;
		border: 1px solid #000000;
	}
	
		div#userInputDesign input[type=text] {
			margin: 0px 2px 0px 0px;
			background-color: #FFFFFF;
			color: #000000;
			
			padding: 5px;
			width: 694px;
			
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #999999;
			border-bottom: 1px solid #999999;
		}
		
		div#userInputDesign input[type=submit] {
			margin: 0px auto 0px;
			background-color: #336600;
			color: #FFFFFF;
			
			padding: 5px;
			width: 175px;
			
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
		
div#footerDesign {
	margin: 0px auto 0px;
	background-color: #444444;
	
	position: absolute;
		bottom: 0px;
	
	width: 100%;
	border-top: 1px solid #000000;
}

	div#footerContent {
		margin: 0px auto 0px;
		color: #FFFFFF;
		
		padding: 3px;
		width: 900px;
	}
	
		div#footerContent a {
			text-decoration: none;
			color: #FFFFFF;
		}
		
		div#footerContent a:visited, div#footerContent a:active {
			text-decoration: none;
			color: #FFFFFF;
		}


		div#footerContent a:hover {
			text-decoration: underline;
			color: #FFFFFF;
		}
		
		
		
/* ---------- Profile Stylesheet ------------ */
div#profileHeaderDesign {
	margin: 0px auto 0px;
	background-color: #3E709E;
	
	padding: 10px;
	height: 50px;
	border-bottom: 1px solid #003366;
}

	div#profileHeaderContent {
		margin: 0px auto 0px;
		color: #FFFFFF;
		
		width: 420px;
	}
	
		div#profileHeaderContent h2 {
			margin: 0px auto 0px;
			color: #FFFFFF;
		}
	
		div#profileHeaderContent img {
			margin: 0px 10px 0px 0px;
			float: left;
			
			width: 50px;
			height: 50px;
			border: 1px solid #000000;
		}
		
		
	
div#profileBackDesign {
	margin: 0px auto 0px;
	background-color: #E9E9E9;
	
	height: 150px;
	border-bottom: 1px solid #B3B3B3;
}


div#profileWrap {
	margin: -130px auto 0px;
	width: 420px;
	
}

	div#profilePIDesign {
		margin: 0px auto 0px;
		background-color: #FFFFFF;
		float: left;
		
		padding: 5px;
		width: 195px;
		min-height: 300px;
		border: 1px solid #999999;
	}

		div#profilePIContent {
			margin: 0px auto 0px;
			color: #000000;
		}
		
			div#profilePIContent h3 {
				margin: 0px 0px 10px 10px;
				color: #003366;
			}
		
	div#profileCIDesign {
		margin: 0px auto 0px;
		background-color: #FFFFFF;
		float: right;
		
		padding: 5px;
		width: 195px;
		min-height: 300px;
		border: 1px solid #999999;
	}
	
		div#profileCIContent {
			margin: 0px auto 0px;
			color: #000000;
		}
		
			div#profileCIContent h3 {
				margin: 0px 0px 10px 10px;
				color: #003366;
			}