html {
	background: #dce9ff;
}


a, a:visited {
	text-decoration: none;
	color: #fff;
}

body {
	text-align: left;
	color: #333;
	font-family: Arial, sans-serif;	
}

div#wrapper {
	width: 875px;
	margin: auto;
}

/* header */
div#header {
	margin: 10px 0 10px 0;
}

/* top menu */
ul#topmenu {
	background: #ec297b;
	padding: 7px 0 0 20px;
}

ul#topmenu li {
	display: inline;
}

ul#topmenu li a {
	display: block;
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0 15px 0 0;
	padding: 5px 10px 8px 10px;
}

ul#topmenu li a.current {
	color: #ec297b;
	background: #fff;
}


/* body */
div#content {
	background: #fff;
	padding: 30px;
}

div.index div#content {
	background: #fff;
	padding: 10px 30px 30px 30px;
}


/* left menu */
div#left {
	width: 245px;
	float: left;
	margin: 16px 0 0 0;
}

div#left h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 0;
}

div#left h3.first {
	margin: 10px 0 5px 0;
	
}

div#left ul li a {
	color: #57b6dd;
	font-size: 14px;
	display: block;
	padding: 5px 0 5px 5px;
}


div#left ul li a.current {
	background: #57b6dd;
	color: #fff;
}



/* right content */
div#right div.content {
	background: #57b6dd;
	float: left;
	width: 550px;
	padding: 5px 10px 10px 10px;
}

div#right div.details, div#right div.chats {
	background: #fff;
	padding: 10px;
}

div.info {
	color: #fff;
	font-size: 12px;
	margin: 5px 0 5px 0;
}


/* watch */
div.watch div#right div.header h2 {
	font-size: 32px;
	color: #333;
	padding: 5px 0 0 0;
	display: block;
}

div.watch div#right div.header h3 {
	font-size: 20px;
	color: #333;
	padding: 0 0 5px 0;
}

div.watch div#right div.header {
	margin: 0 0 5px 0;
}

div.watch div#left {
	margin-top: 0;
}


div.watch div#right div.header h2 span, div.watch div#right div.header h3 span {
	font-weight: bold;
	color: #ec297b;
	margin: 0;
}

div.watch div.stats {
	color: #b3b3b3;
	background: #f2f2f2;
	text-align: center;
	margin: 0 20px 20px 0;
	padding: 10px;
	height: 50px;
}

div.watch div.stats div {
	color: #57b6dd;
	font-weight: bold;
	font-size: 30px;
}

div.watch a.full {
	float: right;
	color: #57b6dd;
	background: url(../images/fullscreenmode.png)  no-repeat top right;
	padding: 4px 25px 0 0;
	display: block;
	height: 18px;
}

a#detailsLink {
	float: right;
	display: block;
}

div#chatDetails {
	background: #b6dfef;
	padding: 10px;
	margin: 10px 0 10px 0;
}

div#chatDetails div {
	font-weight: bold;
	margin: 0 0 2px 0;
}

div#content div.select {
	background: #fff;
}


div#content p.bigmsg { 
	font-size: 20px;
	padding: 5px;
}

div#content div.select p a { 
	color: #57b6dd;
}

			div.bubble {
				margin: 10px 0 0 0;
			}
			
			div.bubble div.top {
				height: 8px;
			}
			
			div.bubble div.top span {
				float: right;				
				height: 8px;
				display: block;
				width: 8px;
			}
			
			div.bubble ul {
				padding: 5px 20px;
			}


			div.bubble ul li {
				padding: 4px 20px 4px 20px;
				color: #fff;
				font-size: 14px;
			}			
			
			
			div.bubble ul li.user1male {
				padding: 4px 20px 4px 20px;
				color: #fff;
				font-size: 14px;
				background: url(../images/male.png) no-repeat center left;
			}			

			div.bubble ul li.user1female {
				padding: 4px 20px 4px 20px;
				color: #fff;
				font-size: 14px;
				background: url(../images/female.png) no-repeat center left;
			}			
			
			div.bubble ul li.user2 {
				text-align: right;
			}			

			div.bubble ul li.user2male {
				text-align: right;
				background: url(../images/male.png) no-repeat center right;
			}

			div.bubble ul li.user2female {
				text-align: right;
				background: url(../images/female.png) no-repeat center right;
			}
			
			
			div.bubble div.chatbottom {
				height: 17px;
				padding: 0 0 0 10px;
			}	
			
			div.bubble div.chatbottom span {
				float: right;
				height: 8px;
				display: block;
				width: 100%;
			}
			
			div.bubble div.info {
				width: 240px;
				margin: 0 auto;
				padding: 4px;
				text-align: center;
			}

			
			div.chat1 { background: #349ce3;}
			div.chat1 div.top { background: #349ce3 url(../images/topleft_1.gif) no-repeat; }
			div.chat1 div.top span { background: #349ce3 url(../images/topright_1.gif) no-repeat; }
			div.chat1 div.chatbottom { background: #fff url(../images/bottomleft_1.gif) no-repeat; }
			div.chat1 div.chatbottom span { background: #349ce3 url(../images/bottomright_1.gif) no-repeat top right;	}	
			div.chat1 ul li { border-bottom: 1px dashed #5db0e9; }
			div.chat1 div.info { background: #1f6594; }
			
			div.chat2 { background: #7ad74b; }
			div.chat2 div.top { background: #7ad74b url(../images/topleft_2.gif) no-repeat; }
			div.chat2 div.top span { background: #7ad74b url(../images/topright_2.gif) no-repeat; }
			div.chat2 div.chatbottom { background: #fff url(../images/bottomleft_2.gif) no-repeat; }
			div.chat2 div.chatbottom span { background: #7ad74b url(../images/bottomright_2.gif) no-repeat top right;	}
			div.chat2 ul li { border-bottom: 1px dashed #9be178; }
			div.chat2 div.info { background: #529232; }			
			
			div.chat3 { background: #ff4f02; }
			div.chat3 div.top { background: #ff4f02 url(../images/topleft_3.gif) no-repeat; }
			div.chat3 div.top span { background: #ff4f02 url(../images/topright_3.gif) no-repeat; }
			div.chat3 div.chatbottom { background: #fff url(../images/bottomleft_3.gif) no-repeat; }
			div.chat3 div.chatbottom span { background: #ff4f02 url(../images/bottomright_3.gif) no-repeat top right;	}
			div.chat3 ul li { border-bottom: 1px dashed #ff844e; }
			div.chat3 div.info { background: #c13b00; }			
			
			div.chat4 { background: #e831ea; }
			div.chat4 div.top { background: #e831ea url(../images/topleft_4.gif) no-repeat; }
			div.chat4 div.top span { background: #e831ea url(../images/topright_4.gif) no-repeat; }
			div.chat4 div.chatbottom { background: #fff url(../images/bottomleft_4.gif) no-repeat; }
			div.chat4 div.chatbottom span { background: #e831ea url(../images/bottomright_4.gif) no-repeat top right;	}	
			div.chat4 ul li { border-bottom: 1px dashed #ee65ef; }
			div.chat4 div.info { background: #9f23a0; }			


/* footer */
div#footer {
	background: #ec297b;
	color: #fff;
	width: 815px;
	margin: 0 auto 20px auto;
	padding: 5px 30px;
	font-size: 12px;
}

div#footer a {
	float: right;
	text-decoration: underline;
}


div#right div.header {
	margin: 0 0 5px 0;
}

div#right div.header h2 {
	color: #ec297b;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}


div#right div.header span {
	display: inline;
	font-weight: bold;
	margin: 0 20px 0 70px;
}

div#right div.header label {
	display: inline;
	font-weight: bold;
	margin: 0 5px 0 30px;
	color: #ec297b;
}

div#right div.header select {
	border: 1px solid #333;
	font-size: 14px;
	padding: 4px;
}


/* no column layout */
div.single h1 {
	font-size: 24px;
	color: #ec297b;
}

div.single div.block {
	background: #57b6dd;
	padding: 20px;
}

div.block form {
	width: 510px;
}

div.block input.text {
	border: 0;
	width: 300px;
	float: left;
	display: block;
	font-size: 14px;
	padding: 4px;
	margin: 0 0 10px 0;
}

div.block textarea {
	border: 0;
	width: 300px;
	float: left;
	display: block;
	font-size: 14px;
	padding: 4px;
	margin: 0 0 10px 0;
	height: 100px;
}

div.block label {
	display: block;
	float: left;
	width: 200px;
	clear: left;
	padding: 5px 0 0 0;
	font-weight: bold;
	color: #fff;
}


div.block input.submit {
	font-size: 14px;
	color: #57b6dd;
	padding: 5px 10px;
	margin: 20px 0 0 20px;
	background: #bffffa;
	border: 0;
	float: right;
	
}

div.block fieldset#group {
	display: block;
	float: left;
	width: 300px;
	margin: 5px 0 10px 0;
}

div.block fieldset#group label {
	display: inline;
	float: none;
	margin: 0 25px 0 0;
}

div.block select {
	font-size: 14px;
	border: 0;
	padding: 3px;
	float: left;
	margin: 0 0 0 10px;
	width: 60px;
}

div.block input.short {
	width: 230px;
}

input.checkbox {
	vertical-align: middle;
}

div.block form div.tos {
	float: left;
	margin: 0 0 0 200px;
	width: 150px;
	font-size: 11px;
}

div.block form div.tos label {
	float: none;
	display: inline;
	font-weight: normal;
}

div.block form div.tos a, div.block form div.tos a:visited {
	color: #ec297b;
}


div.block div.error {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

div.block div.success {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
}


/* admin home */
div.home div.msg {
	font-size: 16px;
	color: #fff;
	padding: 10px 0;
}

div.home ol#rooms {
	padding: 10px;
	margin: 0 0 0 20px
}

div.home ol#rooms li {
	list-style-type: decimal;
}


div.home ol#rooms li a {
	font-weight: bold;
}

div.home ol#rooms li ul {
	padding: 0 0 10px 0;
}

div.home ol#rooms li ul li {
	list-style-type: none;
}

/* question page */
div.question div.block select {
	width: 308px;
	margin: 0 0 10px 0;
}

div.question div.block fieldset  {
	padding: 5px 0 0 90px;
	display: block;
	clear: left;
}

div.question div.block fieldset legend {
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 0;
}

div.question div.block fieldset label {
	width: 100px;
	margin: 0 0 0 10px;
}


/* what */
div.what div.block {
	background: #fff;
	padding: 0;
}

div.what div.block p {
	display: block;
	float: left;
	width: 400px;
	margin: 0 15px 0 0;
	font-family: times, serif;
	font-size: 20px;
}

div.what div.video {
	float: right;
	width: 400px;
	height: 200px;
	background: #ccc;
	margin: 0 0 30px 0;
}


div.what hr {
	clear: both;
	margin: 30px 0;
	color: #ddd;
}


/* tos */
div.tos div.block {
	background: #fff;
	padding: 0;
}

div.tos h4 {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 0 0;
}

div.tos p {
	margin: 10px 5px;
}

div.tos a {
	color: #57b6dd; 
}

div.tos strong {
	font-weight: bold;
}


/* find */

div.find  {
	background: #fff;
	padding: 10px 30px !important;
}

div.find div.nationwide strong {
	font-weight: bold;
}

div.find div.nationwide {
	margin: 0 0 5px 0;	
	font-size: 14px;	
}

div.find div.search form {
	display: inline;
}




div.find div.search {
	background: #57b6dd;
	padding: 10px 10px;
}

div.find div.search label {
	font-weight: bold;
	margin: 0 5px 0 0;
	font-size: 12px;
}

div.find div.search input.text {
	width: 150px;
	padding: 4px;
	font-size: 14px;
	border: 0;
	margin: 0 5px 0 0;
	color: #333;
}

div.find div.search input.submit {
	font-size: 14px;
	color: #fff;
	padding: 4px 10px 3px 10px;
	background: #ec297b;
	border: 0;
}


div.find div.map {
	background: #ccc;
	height: 300px;
	margin: 10px 0;
}

div.find ul.rooms li span.header {
	float: right;
}

div.find ul.rooms li span.header span {
	color: #666;
	margin: 0 20px 0 0;
}

div.find ul.rooms li h4 {
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;	
}

div.find ul.rooms li {
	background: #e6e6e6;
	padding: 5px 10px 10px 10px;
	margin: 0 0 10px 0;
}

div.find ul.rooms li div {
	background: #f2f2f2;
	padding: 5px;
	margin: 5px 0 0 0;
}

div.find ul.rooms li a {
	color: #57b6dd;
}


div.find ul.rooms li div a {
	color: #57b6dd;
	display: block;
}

div.find ul.rooms li div span {
	font-weight: bold;
	display: block;
	margin: 0 0 4px 0;
}



/* homepage */
div.home div#homeleft {
	width: 400px;
	float: left;
	margin: 0 15px 0 0;
}

div.home div#homeright {
	width: 400px;
	float: left;
}

div.home h1 {
	color: #ec297b;
	font-size: 30px;
	clear: both;
}

div.home h1.second {
	margin: 20px 0 10px 0;
}

div.home p {
	font-family: Georgia, serif;
	font-size: 18px;
	margin: 5px 0;
	color: #4d4d4d;
	letter-spacing: .5px;
}

div.home h3 {
	font-family: serif;
	font-size: 24px;
	margin: 20px 0 0 0;
	color: #4d4d4d;
}

div.home div#homeleft img {
	width: 400px;
	margin: 10px 0; 
}

div.home div#homeleft div.box {
	width: 380px;
	background: #f2f2f2;
	padding: 5px 10px;
	font-size: 45px;
	color: #ec297b;
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: .8em;
	clear: both;
}

div.home div#homeleft div.box a, div.home div#homeleft div.box span {
	display: block;
	font-weight: normal;
	font-size: 30px;
}

div.home div#homeleft div.box a, div.callout p a {
	text-decoration: underline;
	color: #57b6dd;	
}

div.home div#homeleft div.box span a {
	display: inline;
	color: #57b6dd;	
}


div.home div#homeright div.flrts {
	background: #fff;
}

div.home div#homeright div.flrts div#target {
	background: #fff;
	height: 800px;
	padding: 0 8px;
	overflow-y: hidden;
}


div.home div.callout {
	margin: 10px 0 20px 0;
}

div.home div.callout p {
	font-size: 30px;
}

div.home div.callout span {
	color: #ec297b;
}

/* marker */
div.marker {
	width: 300px;
}

div.marker ul li span {
	font-weight: bold;
}

div.marker div {
	margin: 4px 0;
}

div.marker a {
	color: #57b6dd;
	font-size: 16px;
	font-weight: bold;
	display: block;
}


/* login form */
form#login {
	float: right;
}


form#login input.text {
	width: 200px;
	padding: 4px;
	font-size: 14px;
	border: 0;
	color: #ccc;
	display: block;
	margin: 0 0 4px 0;
}

form#login input.submit {
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	background: #57b6dd;
	border: 0;
	float: right;
}

form#login label {
	font-size: 11px;
	color: #aaa;
}

form#login input.checkbox {
	vertical-align: top;
}

form#login span {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px 0;
	display: block;
	
}

form#login a {
	color: #ec297b;
}

a#forgot {
	float: right;
	display: block;
	font-size: 11px;
	clear: both;
	margin: 5px 0;
}

div#header a#logout {
	display: block;
	float: right;
	color: #ec297b;
	padding-top: 115px;
}

div#header a.contact {
	float: right;
	margin: 30px 0 0 0;
}

div#contact a {
	color: #fff;
	font-size: 18px;
}

div#contact a div {
	font-size: 14px;
}

div.single form#login {
	float: left;
}

div.single form#login input.text {
	border: 1px solid #666;
}

/* full screen */
body.full div#content {
	padding: 10px 30px;
}



body.full ul#topmenu, body.full div#header a#logout {
	display: none;
}

body.full div#wrapper {
	width: 90%;
}

body.full h2 {
	font-size: 90px;
	padding: 10px;
	color: #333;
	text-align: center;
}

body.full h2 span {
	color: #ec297b;
	font-weight: bold;
}


body.full div.chats ul li {
	font-size: 60px;
	padding: 4px 60px 4px 60px;
}


body.full div.chats div.info {
	color: #fff;
	font-size: 28px;
	width: 500px;
}

body.full div.chats div.bottom {
	margin: 20px auto 0 auto;
}


body.full div.bubble ul li.user1male {
	background: url(../images/male-big.png) no-repeat center left;
}			

body.full div.bubble ul li.user1female {
	background: url(../images/female-big.png) no-repeat center left;
}			
			
body.full div.bubble ul li.user2male {
	background: url(../images/male-big.png) no-repeat center right;
}

body.full div.bubble ul li.user2female {
	background: url(../images/female-big.png) no-repeat center right;
}

.hidden {
	display: none !important;
}