/* Side Header and Logos */

.logo {
	background-repeat: no-repeat;
	background-image: url(/static/images/logoBg.png);
	height: 193px;
}
.logoJam {
	position: absolute;
	top: 2px;
	left: 5px;
}
.logoGirl {
	position: absolute;
	left: 700px;
	top: 2px;
}
.logoMenu {
	font-family: sans-serif;
	position: absolute;
	width: 563px;
	height: 46px;
	background-image: url(/static/images/logoMenuBg.png);
	background-repeat: no-repeat;
	left: 200px;
	top: 147px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 26px;
	text-align: center;
}
.welcomeBar {
	background-color: #1d0620;
	height: 32px;
	font-size: 16px;
	padding-top: 8px;
}


/* Center Page and Sides */
.browsePage {
	background-color: #47104d;
	position: relative;
}
.browsePageImg {
	height: 793px;
	background-color: #47104d;
	background-image: url(/static/images/browsePageBg.jpg);
	background-repeat: no-repeat;
}
.footer {
	height: 132px;
	background-repeat: no-repeat;
	background-image: url(/static/images/footerBg.jpg);
}
.sideLeft {
	padding-bottom: 15px;
	width: 740px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	padding-left: 15px;
	position: relative;
}
.sideRight {
	width: 190px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}


/* Sign in Block */
.blockLoggedIn {
	margin-left: 12px;
	text-align: left;
	padding-top: 15px;
	padding-left: 23px;
	padding-right: 10px;
	font-size: 13px;
	background-repeat: no-repeat;
	background-image: url(/static/images/blockSignedIn.png);
	width: 161px;
	height: 171px;
}
.userBalance {
	float: left;
	font-size: bold;
}

.camname {
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/static/iconz/heart_16x16.png);
}
.username {
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/static/iconz/user_16x16.png);
}
.usernameBig {
	font-weight: bold;
	font-size: 30px;
	padding-left: 36px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/static/iconz/user_32x32.png);
}
.blockLoggedIn h1 {
	font-size: 14px;
	padding-left: 28px;
	margin-bottom: 3px;
}
.blockLogin {
	margin-left: 12px;
	text-align: left;
	padding-top: 15px;
	padding-left: 23px;
	padding-right: 10px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(/static/images/blockSignIn.png);
	width: 161px;
	height: 171px;
}
.blockLoginInput {
	width: 125px;
}
.blockLogin h1 {
	font-size: 14px;
	padding-left: 28px;
	margin-bottom: 3px;
}
.blockLoginEnter {
	padding-left: 40px;
}
.buttonWithBg {
	background-color: transparent;
	color: white;
	border-style: none;
	width: 60px;
	height: 19px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-image: url(/static/images/buttonBg.png);
	cursor: hand;
}
.blockRightSideBanner a img {
	border: 5px solid #7e3784;
}

/* Center Text Block / join */
.centerText {
	background-color: white;
	background-repeat: no-repeat;
	width: 524px;
	height: 635px;
	background-color: transparent;
	background-image: url(/static/images/centerTextBg.png);
	margin-left: 100px;
	margin-top: 50px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 5px;
}
.centerBg01 {
	background-image: url(/static/images/centerTextBg01.png);
}
.centerText h1 {
	margin-left: 40px;
	font-size: 32px;
}
.centerText h2 {
	margin-left: 40px;
	font-size: 24px;
}
.centerText p {
	margin-left: 60px;
}
.regInput {
	width: 350px;
}
.regInputHalf {
	width: 170px;
	margin-right: 10px;
}

.bioPage p {
	margin: 2px 5px 10px 15px;
	font-size: 11px;
}

.bioPage ul {
	margin: 2px 5px 10px 15px;
	padding: 0px;
}

.bioPage ul li {
	font-size: 11px;
	list-style-type: none;
}

.bioPage ul li b {
	font-size: 18px;
}

/* list Camera */
.blockCameraThumb {
	width: 174px;
	height: 170px;
	margin: 2px;
	float: left;
	overflow: hidden;
	padding-bottom: 3px;
	text-align: left;
}
.blockCameraThumb .onlineStatus {
	position: relative;
	left: 118px;
	top: 27px;
	width: 60px;
	height: 15px;
	font-weight: bold;
}
.blockCameraThumb .onlineStatus .online {
	color: #00ba01;
	background-color: #404f42;
	padding-left: 3px;
	padding-right: 3px;
}
.blockCameraThumb .onlineStatus .offline {
	color: #c13934;
	background-color: #621c20;
	padding-left: 3px;
	padding-right: 3px;
}

/* block Camera List */
.blockListCamera {
	background-image: url(/static/images/cameraBlockListBg.png);
	background-repeat: no-repeat;
	position: relative;
	width: 712px;
	height: 174px;
	margin-bottom: -10px;
	padding-top: 25px;
	padding-left: 80px;
}
.blockListRate {
	position: absolute;
	left: 14px;
	top: 15px;
	width: 46px;
	height: 46px;
}
.blockListAvatar {
	width: 176px;
	height: 125px;
	float: left;
	overflow: hidden;
	background-color: #532356;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.blockListText {
	text-align: left;
	font-size: 14px;
	float: left;
	margin-left: 10px;
	width: 400px;
	height: 85px;
	overflow: hidden;
}
.blockListText p {
	font-size: 28px;
	font-family: Tahoma;
}
.blockListButtons {
	position: absolute;
	top: 120px;
	left: 450px;
	width: 245px;
	height: 30px;
	overflow: hidden;
}
.blockListButtons a {
	text-decoration: none;
}

/* Viewing Block / Camera&Chat */
#blockSmileList {
	left: 18%;
	top: 850px;
	z-index: 26;
	position: absolute;
	width: 150px;
	background-color: #7e3784;
	padding: 3px;
	border: 1px solid white;
	display: none;
}
#blockSmileList img {
	margin-right: 3px;
}

#blockCameraChat {
	left: 35%;
	top: 195px;
	position: absolute;
	float: none;
	z-index: 25;
	margin-left: 100px;
	margin-top: 50px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-image: url(/static/images/blockCameraChat.png);
	width: 524px;
	height: 634px;
	opacity: 1;
}
.cameraRate {
	position: absolute;
	left: 7px;
	top: 8px;
	width: 46px;
	height: 46px;
}
.cameraName {
	font-size: 20px;
	text-align: left;
	margin-left: 30px;
	margin-top: 3px;
	margin-bottom: 0px;
	float: left;
	width: 180px;
	height: 28px;
}
.cameraActions {
	vertical-align: baseline;
	float: left;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 250px;
	height: 28px;
}
.cameraActions div {
	float: left;
}
.cameraView {
	background: #5b285e;
	margin-top: 20px;
	padding: 5px;
	width: 455px;
	height: 342px;
}
.cameraChat {
	margin-top: 10px;
	padding: 5px;
	border: solid 5px #5b285e;
	background: #7e3784;
	width: 445px;
	height: 150px;
	text-align: left;
	overflow: hidden;
}
.chatSend {
	text-align: left;
	margin-top: 5px;
}
.chatInput {
	width: 380px;
}
#smilesListImg {
	vertical-align: middle;	
}

/* SimplePage Style */
.smplHead {
	border-bottom-color: #47104d;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-left: 15px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #4a2555 ;
}
.smplHeadPrv {
	border-bottom-color: #47104d;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-left: 15px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #a448b0 ;
}
.smplMenu {
	position: absolute;
	left: 200px;
	top: 120px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 28px;
	text-align: center;
}
.smplText {
	padding-left: 15px;
	padding-top: 15px;
}

/* forms, inputs */
.formLeft {padding-left: 3px; border-left-color: #c155cd; border-left-style: solid; border-left-width: 3px; margin-bottom: 1px; clear: both; border-right-color: #c155cd; border-right-style: solid; border-right-width: 1px; float: left; width: 130px; min-height: 15px;}
.formRight {float: left; width: 250px; margin-left: 20px; min-height: 15px;}
.payLink {font-size: 14px; cursor: hand; text-decoration: none;}
.payLink b {font-weight: bold; text-decoration: underline;}
.payLink small {font-size: 9px; color: #e7e734;}

/* Chat Styles */
.chatOnline {
}
.chatOnline small {font-size: 9px; color: #e7e734;}
.chatOnline a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dashed white;
	cursor: hand;
}
.chatOnline a:hover {
	border-bottom: 1px solid white;
}
#chat {
	overflow-y: auto;
	overflow-x: hidden;
}

/* Technical and General Styles */
body {
	background-repeat: repeat-x;
	background-image: url(/static/images/indexBg.jpg);
	background-color: black;
}
.jamMain {
	position: relative; 
	left: 50%; 
	margin-left: -490px;
	overflow:hidden;
	text-align: center;
	width: 976px;
}
div, body, p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: white;
	font-size: 14px;
	margin: 0px;
}
a {
	color: white;
	text-decoration: underline;
}
a.jLink {
	text-decoration: none;
	border-bottom: 1px dashed white;
	cursor: pointer;
}
a.jLink:hover {
	text-decoration: none;
	border-bottom: 1px solid white;
}
input, textarea, select {
	font-size: 12px;
	font-family: Calibri;
	background-image: url(/static/images/inputBg.png);
	height: 15px;
	padding: 0px 3px 1px 2px;
}
.inputbutton {
	cursor: hand;
	margin: 4px;
}
.clear {
	clear: both;
}
.hand {
	cursor: pointer;
}
.noDisplay {
	display: none;
}

#messageBox {
	display: none;
	text-align: center;
	position: absolute;
	top: 350px;
	width: 240px;
	height: 60px;
	border: 10px solid gray;
	background-color: white;
	padding-top: 20px;
	z-index: 50;
}

#messageBox p {
	color: black;
}


.borders {
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5e635f;
	border-right-width: 2px;
	border-left-width: 2px;
	border-left-color: #5e635f;
}

/* Chat Text Styles */
.t0 {}
.t0 a {font-weight: bold; cursor: pointer;}
.t1 {color: #ffff00;}
.t1 a {color: #ffff00; font-weight: bold; cursor: pointer;}
.tP {color: #e56bff;}
.tP a {color: #e56bff; font-weight: bold; cursor: pointer;}