/**********************************************
Basic stylesheet
Browsers:
	FF 2, FF 3, IE 6, IE 7, Opera 9, Safari(Windows and Mac), Google Chrome.
Version: 1.0
Kirjoittajat:
	Mika Korhonen, Toni Engblom
Email: support@endero.com
Websivusto: http://www.expert.fi
Forumula:
	em:
	destination px / 16px = em
Markup:
	Some IE 6, IE 7 and Opera changes
**********************************************/

html {
	padding: 0;
	margin: 0;
	background:url('../Images/bg_body.jpg') repeat top left;}
body {
	padding: 0;
	margin: 0;
	font:normal 100% #666666 Arial, Helvetica, sans-serif;
	color:#666666;}

html {
	padding: 0;
	margin: 0;
	text-align: left;
}
body {
	padding: 0;
	margin: 0;
	font:normal 16px #666666 Arial, Helvetica, sans-serif;
	color:#666666;
	background:url('../Images/bg_body.jpg') repeat top left;
	text-align: left;
}
#wrapper *  
{
	text-align: left;
    font:normal 16px #666666 Arial, Helvetica, sans-serif;
}
* html body {
	font:normal 16px #666666 Arial, Helvetica, sans-serif;
	width:100%;
	text-align: left;
	}
#top h1, #wrapper h1 {
	font:normal 24px Arial, Helvetica, sans-serif; /* 28 / 16 = 1.75em */
	color:#25bccb;
	display:block;
	margin:0 0 5px 0;}
#top h2, #wrapper h2 {
	font:normal 18px Arial, Helvetica, sans-serif; /* 18 / 16 = 1.125em */
	color:#ff9933;
	margin:0.625em 0 0.625em 0;}
#top h3, #wrapper h3 {
	font:normal 18px Arial, Helvetica, sans-serif; /* 18 / 16 = 1.125em */
	color:#25bccb;
	margin:0.625em 0 0.625em 0;}
#top p, #wrapper p {
	color:#666666;
	margin:0 0 0.625em 0;
	font:normal 13px Arial, Helvetica, sans-serif; /* 13px / 16px = 0.8125em */}
#top input[type="text"], #wrapper input[type="text"] {
	border:1px solid #b4b4b4;}
#top input[type="password"], #wrapper input[type="password"] {
	border:1px solid #b4b4b4;}
#wrapper textarea {
	border:1px solid #b4b4b4;}
#top a, #wrapper a {
	text-decoration:none;
	text-transform:none;
	font:normal 13px Arial, Helvetica, sans-serif;
	}
#content a {
	color:#ff9933;
	}
#content #contentRoomSearch a {
	color:#25bccb;
	}
#content #contentRoomSearch {
	margin-left: 30px;
}
#top a:hover, #wrapper a:hover {
	text-decoration:underline;}
	
#wrapper label
{
	font-size: 11px; /*  13 / 16 =  */
	font-weight: normal;
	color:#5f5f5f;
}

#top {
	clear: both;
	width: 1143px;
	height: 25px;
	padding: 0;
	margin: 0;
	font:normal 13px Arial, Helvetica, sans-serif; /* 13px / 16px = 0.8125em */
	}
#wrapper {
	clear:both;
	width: 1150px;
	padding: 0;
	margin: 0;
	font:normal 13px Arial, Helvetica, sans-serif; /* 13px / 16px = 0.8125em */

	}
	* html #wrapper {
		width:1270px;}
	#left {
		float: left;
		width: 158px;
		height:404px;
		padding: 0;
		margin: 0;}
	#contentWrapper {
		float: left;
		width: 980px;
		_width:1100px;
		padding: 0;
		margin: 0;
		background: url('../Images/bgContent.jpg') repeat-y;}
	#contentWrapper #contentLeft {
		float: left;
		width: 10px;
		height: 451px;
		padding: 0;
		margin: 0;}
	#contentWrapper #contentArea {
		float: left;
		width: 960px;
		padding: 0;
		margin: 0;}
	#contentWrapper #contentArea #topMenu {
		clear: both;
		width: 960px;
		height: 41px;
		padding: 0;
		margin: 0;
		background:url('../Images/topMenuBG.jpg') no-repeat top left;}
	#contentWrapper #contentArea #flash {
		float: left;
		width: 960px;
		/*height: 770px;*/
		padding: 0;
		margin: 0;}
	#contentWrapper #contentArea #content {
		float: left;
		width: 960px;
		padding: 0;
		margin: 0;}
	#footer {
		float:left;
		width:1034px;
		min-height:50px;
		padding:0;
		margin:0 0 0 11.875em;
		_margin:0 0 0 5em;
		background:url('../Images/footerBG.jpg') no-repeat -1.25em 0px ;}
		#footer div {
			float:left;
			font:normal 0.6875em Arial,helvetica,sans-serif;
			color:#333333;
			margin:0 0 0 1.25em;
			padding:0.625em 0 0 0;}
ul.topLeft {
	list-style: none;
	margin: 0;
	padding: 0.625em 0 0 0;}
	ul.topLeft li {
		float: left;
		margin: 0;
		padding: 0.125em 0 0 0;}
		ul.topLeft li a {
			float:left;
			display: block;
			height: 27px;
			padding-left: 1.25em;
			float: left;
			font:normal 0.8125em Arial,helvetica,sans-serif; /* 13 / 16 = 0.8125em */
			color: #999999;
			text-decoration: none;}
			ul.topLeft li a:hover {
			text-decoration:underline;}
ul.topRight {
	list-style: none;
	margin:0 0.625em 0 0;
	padding: 0.125em 0 0 0;}
	ul.topRight li {
		float: right;
		margin: 0;
		padding: 0;}
		ul.topRight li a {
			float:left;
			display: block;
			height: 27px;
			padding-left: 1.25em;
			font:normal 0.8125em Arial,helvetica,sans-serif;
			color: #999999;
			text-decoration: none;}
			ul.topRight li a:hover {
				text-decoration:underline;}
				
#content #Introduction {
	width:958px;
	_width:1000px;
	height:330px;
	background:url('../Images/IntroductionBG_330.jpg') no-repeat top left;}
	#content #Introduction #UserHeaderBox {
		float:left;
		width:958px;
		height:30px;
		padding:0.625em 0 0.625em 50px;}
		#UserHeaderBox h1 {
			margin:0 0 0 10px;}
	#content #Introduction #UserIntroduction {
		float:left;
		width:540px;
		margin:0 0 0 50px;
		_margin:0 0 0 25px;}
		#UserIntroduction #UserContentBox {
			float:left;
			width:540px;
			_width:570px;}
			#UserContentBox img+img {
				margin:0.625em 0 0.625em 0;}
			#UserIntroduction #UserContentBox #UserContentBoxLeft {
				float:left;
				width:269px;
				_width:299px;}
				#UserIntroduction #UserContentBox #UserContentBoxLeft #UserContentBoxControl {
					font-size: 11px; /*  13 / 16 =  */
					font-weight: normal;
					color:#5f5f5f;
					margin:0 0 0 10px;}
				#UserIntroduction #UserContentBox #UserContentBoxLeft #UserContentBoxBrowse {
					font-size: 11px; /*  13 / 16 =  */
					font-weight: normal;
					color:#5f5f5f;
					margin:0 0 0 10px;}
			#UserIntroduction #UserContentBox #UserContentBoxRight {
				float:right;
				width:269px;}
				
				
	#content #frontLeft
	{
		float: left;
		width: 48%;
	}
	#content #frontRight
	{
		float: right;
		width: 48%;
	}

#content li {
	color:#666666;
	font:normal 13px Arial, Helvetica, sans-serif; /* 13px / 16px = 0.8125em */}
	

img.userphoto {
	background-color: white;
	border:1px solid #EEEEEE;
	display:block;
	padding:7px;
	width: 200px;
}
.userphoto_topleft {
	background-color: Transparent;
	background-image:url(../Images/userphoto_topleft.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:12px 0px 0px 13px;
	width: 225px;
}
.userphoto_bottomright {
	background-color: Transparent;
	background-image:url(../Images/userphoto_bottomright.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0px 0px 11px 0px ;
	width: 225px;
	overflow: hidden;
}
				
				
	#content #Introduction #UserRatings {
		float:left;
		width:340px;
		height:223px;
		margin:0 0 0 1.25em;}
		#UserRatings img {
			margin:0.625em 0 0 0;}
		#sharethis {
			margin:0 0 0 10.625em;
			_padding:0 0 0 8em;}
		.RatedNumber, .ContentRatingResult {
			color:#ff9933;
			font:normal 3.446875em Arial,helvetica,sans-serif; /* 55.15 / 16 = 3.446875em */
			padding:0;
			margin:0;}
		#wrapper * .ContentRatingResult {
			font-size: 45px;
		}
		.CntRatingMessage 
		{
			clear: both;
		}
		.RatiedStar img {
			width:125px;
			height:26px;
			padding:0 0 0.625em 0;}
		.ratingStar {
			background-repeat:no-repeat;
			cursor:pointer;
			display:block;
			font-size:0;
			height:27px;
			margin:0;
			padding:0;
			width:26px;
		}
		.filledRatingStar {
			background-image:url(../Images/filledStar.png);
		}
		.emptyRatingStar {
			background-image:url(../Images/emptyStar.png);
		}
		.savedRatingStar {
			background-image:url(../Images/savedStar.png);
		}			
	#UserComments {
		width: 960px;
		_width:1050px;
		min-height:591px;
		background:url('../Images/UserCommentsBG.jpg') no-repeat top left;}
		#spacer {
			width:100%;
			height:35px;}
		#UserCommentsList {
			float:left;
			width:450px;
			display:block;
			margin:0 1.25em 0 3.875em;}
			html>/**/body #UserCommentsList { /* Modern browsers ( not IE7 ) */
				margin:0 1.25em 0 45px;}
			html:first-child #UserCommentsList { /* Opera 9 */
				margin:0 1.25em 0 1.5em;}
			* html #UserCommentsList { /* IE 6 */
				margin:0 1.25em 0 0em;
				width:450px;}
			#UserComments #UserCommentsHeader 
			{
				width: 330px;
				margin-left: 45px;
			}
			#UserCommentsList ul {
				margin-left: 45px;
				width:330px;}
				#UserCommentsList ul ul {
					width:270px;}
			#UserCommentsList li {
				list-style-type:none;
				background:url('../Images/KommenttiBuble.jpg') no-repeat left top;
				margin:1.25em 0 0 0;}
				#UserCommentsList li div {
					margin:0 0 0 45px;
					min-height:1.4375em;}
					#UserCommentsList li div a {
						color:#f69224;
						font:700 13px Arial,helvetica,sans-serif; /* 13 / 16 = 0.8125em */}
					#UserCommentsList li div span.date {
						color:#999999;
						font:normal 11px Arial,helvetica,sans-serif; /* 10 / 16 = 0.625em */
						margin:0 0 0 0.6875em;}
				#UserCommentsList li p 
				{
					overflow: hidden;
					word-wrap: break-word;
				}
				#UserCommentsList li p span {
					font-size: 11px; /*  13 / 16 =  */
					font-weight: normal;
					color:#5f5f5f;}
				#UserCommentsList li a {
					color: #f69224;
					font: 700 13px Arial,helvetica,sans-serif; /* 13 / 16 = 0.8125em */}
				#UserCommentsList li span {
					color: #f69224;
					font: 700 13px Arial,helvetica,sans-serif; /* 13 / 16 = 0.8125em */}
				#UserCommentsList .DialogAbuseBody textarea.ReportComment 
				{
					margin-left: -135px;
				}
		#UserCommentBox {
			float:right;
			width:390px;
			margin: 0 0 0 1.25em;}
			* html #UserCommentBox { /* IE 6 */
				margin:0 3em 0 0em;
				width:390px;}
			#UserCommentBox div {
				width:300px;
				margin:0 auto;}
				#UserCommentBox div textarea 
				{
					width:300px;}
				#UserCommentBox div span.max500char {
					color:#999999;
					font:normal 0.7em Arial,helvetica,sans-serif; /* 10 / 16 = 0.625em */
					float:right;}
				#UserCommentBox div p {
					padding:1.25em 0 0 0;
					margin:0 0 0.3125em 0;}
				#UserCommentBox div input[type="image"] {
					margin:0.625em 0 0 -0.3125em;}
					
					
					
.searchContentDiv, .inviteDiv
{
	background:url('../Images/IntroductionBG_fade.jpg') no-repeat top left;
	padding-left: 30px;
}
#content
{
	background:url('../Images/IntroductionBG_bottom.jpg') no-repeat bottom left;
}


.inviteDiv table.formFields th
{
	padding: 0px 20px 20px 20px;
}
.inviteDiv table.formFields td
{
	padding: 0px 20px 0px 20px;
}
.inviteDiv 	table.formFields td.firstCell
{
	padding: 0px 0px 0px 40px;
}

.inviteDiv .textbox
{
	overflow: auto;
}

.inviteDiv a.red
{
	color:#ff9933;
}
.editableTextBox
{
	width: 250px;
	height: 135px;
	overflow: hidden;
	overflow-y: auto;
	word-wrap: break-word;
}
#content .EditingFormErrorLabel
{
	font-size: 16px; /*  13 / 16 =  */
	color: #ff9933;
	margin:0 0 5px 0;
}