html,
body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

	body
	{
		background: #fff url(./../img/layout/bgrBody.png) 0 0 repeat-x;
		color: #374060;	
		font: 80%/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif;
		text-align: center;
	}


.forPrint,
.noScreen
{
	display: none;
}

.error
{
	color: #fb7816 !important;
}

.ok
{
	color: #374060;
}

.cleaner
{
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
	
	.boxSpacer
	{
		height: 20px;
	}


a
{
	text-decoration: none;
	/*color: #fb7816;*/
	color: #f04f00;
}

	
	a:hover
	{
		
		text-decoration: underline;
	}
	
	.content a
	{
		text-decoration: underline;
		font-weight: bold;
	}
	
		.content a:hover
		{
			/*color: #ba2d24;*/
			color: #da4c3e;
		}

a img
{
	border: none;
}

table
{
	font-size: 100%;
}


#page
{
	position: relative;
	width: 830px;
	height: 100%;	
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 1;
}

	#page[id]
	{
		min-height: 100%;
		height: auto;	
	}




	.inputCase
	{
		position: relative;
		display: block;
		height: 21px;
		padding: 4px 2px 0 5px; 
		background: url(./../img/layout/bgrInput.png) 0 0 no-repeat;
	}
	
		.inputCase input
		{
			font-size: .85em;
			border: none;
			background: transparent;
		}
		
		.inputCase b
		{
			display: block;
			position: absolute;
			top: 4px;
			left: 7px;
		}
	
		.inputCase span
		{
			position: absolute;
			right: -1px;
			top: 0;
			display: block;
			height: 25px;
			width: 2px; 
			background: url(./../img/layout/bgrInput.png) top right no-repeat; 
		}

	button
	{
		position: relative;
		display: block;
		border: none;
		height: 34px;
		width: 0;
		width: 170px;
		min-width: 170px;
		margin: 0 12px 0 0;
		padding: 0 5px 0 0; 
		background: url(./../img/layout/bgrButton.png) 0 0 no-repeat;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		cursor: pointer;
	}
		
		#addSiteForm button
		{
			width: 225px;
		}
	
		button span
		{
			position: absolute;
			top: 0;
			right: -1px;
			display: block;
			width: 35px;
			height: 34px;
			background: url(./../img/layout/bgrButton.png) -795px 0 no-repeat;
		}
		
		button b
		{
			position: absolute;
			top: 14px;
			right: 14px;
			display: block;
			width: 5px;
			height: 7px;
			background: url(./../img/layout/smallArrowWhite.png) 0 0 no-repeat;
			z-index: 10;
		}
		
		button:hover
		{
			background-position: 0 -34px;
		}
		
			button:hover span
			{
				background-position: -795px -34px;
			}
			
		button[type=reset]
		{
			background-position: 0 -68px;
		}
		
			button[type=reset] span
			{
				background-position: -795px -68px;
			}
			
			button:hover[type=reset]
			{
				background-position: 0 -102px;
			}
			
				button:hover[type=reset] span
				{
					background-position: -795px -102px;
				}



/* #header */
#header
{
	height: 165px;
	width: 100%;
}
	
	#logo
	{
		position: absolute;
		top: 32px;
		width: 236px;
		height: 79px;
	}
	
		#logo img
		{
			border: none;
		}
		
		#logo span
		{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 236px;
			height: 79px;
			background: url(./../img/layout/webnodeLogo.1.1.png) 0 0 no-repeat;
		}
		
			a#logo span
			{
				cursor: pointer;
			}
			
			a#logo:hover span
			{
				background-position: 0 -79px;
			}

	#loginInfo
	{
		position: absolute;
		top: 47px;
		right: 0;
		width: 490px;
		height: 49px;
		/*overflow: hidden;*/
		background: url(./../img/layout/bgrLoginBox.png) 0 0 no-repeat;
		z-index: 10;
	}
	
		#loginInfo fieldset
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		
		#loginInfo legend
		{
			display: none;
			position: absolute;
			top: -10000px;
		}
		
		#loginInfo h4
		{
			position: absolute;
			top: 15px;
			left: 15px;
			display: block;
			margin: 0;
			padding: 0 0 0 12px;
			background: url(./../img/layout/smallArrowOrange.png) 0 6px no-repeat;
			color: #52638d;
			font-size: .9em;
			font-weight: bold;
		}
		
		#loginInfo label
		{
			display: none;
		}
		
		#loginButton
		{
			position: absolute;
			top: 12px;
			left: 441px;
			/*left: 362px;*/
			display: block;
			width: 35px;
			height: 25px;
			overflow: hidden;
		}

		#loginInfo button
		{
			width: 35px;
			height: 25px;
			padding: 0;
			margin: 0;
			background: transparent;
			border: none;
		}
		
			#loginInfo button span
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 35px;
				height: 25px;
				background: url(./../img/layout/bgrLoginButton.png) 0 0 no-repeat;
				cursor: pointer;
			}
			
				#loginInfo button:hover span
				{
					background-position: 0 -25px;
				}

		#loginInfo input
		{
			position: relative;
			color: #374060;
			font-weight: bold;
			z-index: 10;
		}
		
		#loginInfo b
		{
			position: absolute;
			color: #374060;
			font-size: .85em;
			font-weight: bold;
			z-index: 5;
		}
		
			#usrInput
			{
				position: absolute;
				top: 12px;
				left: 92px;
			}
			
				#usrInput input
				{
					width: 160px;
				}
			
			#pwdInput
			{
				position: absolute;
				top: 12px;
				left: 283px;
			}
			
				#pwdInput input
				{
					width: 128px;
				}
		
		
		#loggedInfo
		{
			padding: 0 0 0 21px;
			width: 469px;
			height: 49px;
			line-height: 49px;
			background: url(./../img/layout/smallArrowOrange.png) 12px 22px no-repeat;
			color: #b6bfd4;
			overflow: hidden;
		}
		
			#logout
			{
				color: #fb7816;
				font-weight: bold;
			}
			
			#loggedInfo .item
			{
				display: block;
				float: left;
				padding: 0 5px;
				height: 34px;
				line-height: 34px;
				margin: 8px 0 0;
			}		
			
				#loggedInfo #username
				{
					color: #52638d;
					max-width: 180px;
					overflow: hidden;
				}
						
				#loggedInfo .item a
				{
					color: #374060;
					font-size: .88em;
					font-weight: bold;
					cursor: pointer;
				}
				
			
				#loggedInfo .item.sepLeft
				{
					padding: 0;
					position: relative;
					right: -5px;
				}
				
				#loggedInfo .item.sepRight
				{
					padding: 0;
					position: relative;
					left: -5px;
				}
		
			
			#loggedInfo.signupInfo a
			{
				color: #52638d;
				font-size: 1.1em;
			}		
		
		
		
	#caption
	{
		position: absolute;
		top: 35px;
		right: 0;
		width: 250px;
		height: 75px;
		overflow: hidden;
		background: url(./../img/layout/captionBox.png) 0 0 no-repeat;
		text-align: center;
		z-index: 10;
	}		
				
		#caption a
		{
			color: #374060;
		}		
	
		#caption h3
		{
			margin: 10px 0 0;
			font-size: 1.35em;
			font-weight: normal;
		}
				
		#caption span
		{
			font-size: 1.18em;
		}
		
			#caption span a
			{
				text-decoration: underline;
			}



			
/* end: header */



/* changeProject & projectList */
	#changeProject
	{
		position: relative;
		display: block;
		height: 34px;
		line-height: 34px;
		padding: 0 25px 0 15px;
		/*margin: 7px 0 0;*/
		z-index: 50;
	}
	
	#languages #changeLanguage
	{
		position: relative;
		top: -5px;
		left: -3px;
		display: block;
		height: 22px;
		padding: 5px 15px 0 25px;
		margin: 0;
		cursor: pointer;
		z-index: 50;
	}
	
		#changeProject i,
		#changeLanguage i
		{
			position: absolute;
			top: 15px;
			right: 10px;
			display: block;
			width: 7px;
			height: 5px;
			background: url(./../img/layout/smallArrowDownBlue.png) 0 0 no-repeat;
			z-index: 10;
		}
		
			#changeLanguage i
			{
				top: 11px;
				left: 12px;
				background-image: url(./../img/layout/smallArrowDownBlue.png);
			}
	
		#changeProject.selected
		{
			background: url(./../img/layout/bgrPuMenuDown.png) 0 0 no-repeat;
		}
		
		#changeLanguage.selected
		{
			background: url(./../img/layout/bgrPuMenuUp.png) 0 0 no-repeat;
		}
		
		#changeProject.selected span,
		#changeLanguage.selected span
		{
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			height: 34px;
			width: 3px;
			background: url(./../img/layout/bgrPuMenuDown.png) top right no-repeat;
		}
		
			#changeLanguage.selected span
			{
				background: url(./../img/layout/bgrPuMenuUp.png) top right no-repeat;
			}
	
	#projectList
	{
		display: none;
		position: absolute;
		/*top: 40px;
		right: 95px;*/
		z-index: 10;
		background-color: #fff;
		border: 1px solid #b6c2e3;
	}
		
		#languageList
		{
			display: none;
			position: absolute;
			/*bottom: 59px;
			left: 228px;*/
			z-index:49;
			background-color: #fff;
			border: 1px solid #7d8bb0;
		}
	
		#projectListCase,
		#languageListCase
		{
			width: 335px;
			max-height: 245px;
			overflow: auto;
		}
		
			#languageListCase
			{
				width: 152px;
				max-height: 175px;
			}
		
		#projectList ul,
		#languageList ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			background-color: #f0f2f9;
			border: 1px solid #f0f2f9;
		}
		
		#projectList ul li,
		#languageList ul li
		{	
			margin: 0;
			padding: 0;
		}
		
			#projectList li a,
			#languageList li a
			{
				display: block;
				height: 1.5em;
				margin: 0;
				padding: 1px 5px 2px 32px;
				background: #f0f2f9 url(./../img/layout/smallArrowBlue.png) 17px 7px no-repeat;
				color: #374060;
			}
			
				#projectList li a:hover,
				#languageList li a:hover
				{
					text-decoration: none;
					background-color: #fff;
					background-image: url(./../img/layout/smallArrowOrange.png);
				}
		
		#registerProject
		{
		}
		
			#registerProject a
			{
				display: block;
				width: 303px;
				height: 43px;
				line-height: 43px;
				padding-left: 32px; 
				background: #fff url(./../img/layout/bgrAddItem.png) 14px 17px no-repeat;
			}
			
				#registerProject a:hover
				{
					background-image: url(./../img/layout/bgrAddItemHover.png);
					color: #ff9000; 
				}
		
		
/* end: changeProject & projectList */





#topMenu
{
	position: absolute;
	top: 129px;
	left: 0;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #fc7716 url(./../img/layout/bgrTopMenu.png) 0 0 no-repeat;
	overflow: hidden;
}

	#topMenu li
	{
		margin: 0;
		padding: 0;
		float: left;
	}

		#topMenu a
		{
			position: relative;
			display: block;
			height: 36px;
			line-height: 36px;
			margin: 0;
			padding: 0 12px;
			color: #fff;
			text-decoration: none;
			font-size: 1.15em;
			font-weight: bold;
			background: url(./../img/layout/bgrTopMenuSeparator.png) -1px 0 no-repeat;
			float: left;
			white-space: nowrap;
		}
			
			#topMenu a span
			{
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				width: 1px;
				height: 36px;
				background: url(./../img/layout/bgrTopMenuSeparator.png) 0 0 no-repeat;
				overflow: hidden;
			}
			
			#topMenu .first a
			{
				padding-left: 28px;
				background: url(./../img/layout/bgrMenuHome.png) 10px 12px no-repeat;
			}
			
			#topMenu .last span
			{
				background-image: none;
			}

			#topMenu a.selected,
			#topMenu a:hover
			{
				background: url(./../img/layout/bgrTopMenu.png) 0 -72px no-repeat;
			}
			
				#topMenu .first a.selected,
				#topMenu .first a:hover
				{
					background-position: 0 -36px;
				}
				
				#topMenu .selected span,
				#topMenu a:hover span
				{
					background: url(./../img/layout/bgrTopMenu.png) -72px right no-repeat;
				}
/* end: #topMenu */




#footer
{
	position: relative;
	margin-bottom: 20px;
	clear: both;
}

	#footer .boxText
	{
		padding: 0;
	}

	#footer,
	#footer a
	{
		color: #53658f;
	}
	
	#languages,
	#footerMenu
	{
		margin: 5px 5px 0;
		padding: 0 0 0 18px;
		background: url(./../img/layout/smallArrowBlue.png) 0 6px no-repeat;
		clear: both;
	}
	
		#footerMenu
		{
			margin-right: 20%;
			margin-bottom: 7px;
		}
		
		#languages
		{
			height: 27px;
		}
		
			#languages span,
			#languages a
			{
				float: left;
				display: block;
				height: 27px;
			}
		
			#languages a
			{
				padding: 0 5px;
				font-size: 1.08em;
			}
		
		#footerMenu a
		{
			font-weight: bold;
		}
		
		#langInfo
		{
			position: relative;
			top: .1em;
		}
	
	#copyright
	{
		position: absolute;
		bottom: 10px;
		right: 20px;
		margin: 0;
		padding: 0;
	}
	
		#copyright img
		{
			position: relative;
			top: 5px;
			padding-right: 5px;
			border: none;
		}
/* #footer */



.boxCase,
.boxCaseBlue,
.boxCaseBlueSpecial,
.boxCaseDapplet,
.boxCaseError
{
	position: relative;
	margin: 0;
	padding: 0 0 0 1px;
	background: url(./../img/layout/bgrBoxContent.png) 0 0 repeat-y;
}

	.boxCaseIn
	{
		width: 100%;
		margin: 0;
		padding: 0;
		background: url(./../img/layout/bgrBoxContent.png) top right repeat-y;
		clear: both;
	}
	
	.boxCaseHeader
	{
		position: relative;
		top: -1px;
		width: 100%;
		margin: 0;
		padding: 0;
		background: url(./../img/layout/bgrBoxHeader.png) top right no-repeat;
		border-top: 1px solid transparent;		
	}
	
		.boxCaseTL
		{
			position: absolute;
			top: 0;
			left: -1px;
			width: 7px;
			height: 7px;
			margin-left: 0;
			background: url(./../img/layout/bgrBoxHeader.png) 0 0 no-repeat;
			overflow: hidden;
			clear: both;
		}
	
	.boxCaseFooter
	{
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 6px;
		margin: 0;
		padding: 0;
		background: url(./../img/layout/bgrBoxFooter.png) bottom right no-repeat;
		clear: both;
	}

		.boxCaseFL
		{
			position: absolute;
			bottom: 0;
			left: -1px;
			width: 6px;
			height: 6px;
			margin-left: 0;
			background: url(./../img/layout/bgrBoxFooter.png) bottom left no-repeat;
			overflow: hidden;
		}
	
	.boxText
	{
		margin: 5px 5px 0;
		padding: 0 5px 10px;
		overflow: hidden;
		font-size: .85em;
		color: #52638d;
		height: auto;
		overflow: hidden;
	}
	
	
	.boxCaseBlue,
	.boxCaseBlue .boxCaseIn
	{
		background-image: url(./../img/layout/bgrBoxContentBlue.png);
	}

	.boxCaseBlue .boxCaseHeader,
	.boxCaseBlue .boxCaseTL
	{
		background-image: url(./../img/layout/bgrBoxHeaderBlue.png);
	}

	.boxCaseBlue .boxCaseFooter,
	.boxCaseBlue .boxCaseFL
	{
		background-image: url(./../img/layout/bgrBoxFooterBlue.png);
	}
		
		.boxCaseBlue .boxText
		{
			font-size: 1em;
		}
		
	.boxCaseBlueSpecial,
	.boxCaseBlueSpecial .boxCaseIn
	{
		background-image: url(./../img/layout/bgrBoxContentBlueSpecial.png);
	}

	.boxCaseBlueSpecial .boxCaseHeader,
	.boxCaseBlueSpecial .boxCaseTL
	{
		/*background-image: url(./../img/layout/bgrBoxHeaderBlueSpecial.png);*/
		background-image: none;
	}

	.boxCaseBlueSpecial .boxCaseFooter,
	.boxCaseBlueSpecial .boxCaseFL
	{
		background-image: url(./../img/layout/bgrBoxFooterBlue.png);
	}
		
		.boxCaseBlueSpecial .boxText
		{
			font-size: 1em;
		}

	
	.boxCaseDapplet,
	.boxCaseDapplet .boxCaseIn
	{
		background-image: url(./../img/layout/bgrBoxContentDapplet.png);
	}

	.boxCaseDapplet .boxCaseHeader,
	.boxCaseDapplet .boxCaseTL
	{
		background-image: url(./../img/layout/bgrBoxHeaderDapplet.jpg);
	}

	.boxCaseDapplet .boxCaseFooter,
	.boxCaseDapplet .boxCaseFL
	{
		background-image: url(./../img/layout/bgrBoxFooterDapplet.png);
	}
		
		.boxCaseDapplet .boxText
		{
			font-size: 1em;
			color: #c0cdf0;
		}
	
	
	.boxCaseError
	{
		background-image: url(./../img/layout/bgrErrorBoxContent.png);
	}

		.boxCaseError .boxCaseIn
		{
			background-image: url(./../img/layout/bgrErrorBoxContent.png);
		}
		
		.boxCaseError .boxCaseHeader
		{
			top: -2px;
			background-image: url(./../img/layout/bgrErrorBoxHeader.png);
		}
		
			.boxCaseError .boxCaseTL
			{
				background-image: url(./../img/layout/bgrErrorBoxHeader.png);
			}
		
		.boxCaseError .boxCaseFooter
		{
			bottom: -3px;
			background-image: url(./../img/layout/bgrErrorBoxFooter.png);
		}
	
			.boxCaseError .boxCaseFL
			{
				background-image: url(./../img/layout/bgrErrorBoxFooter.png);
			}
	
		.boxCaseError .boxText
		{
			font-size: 1em;
			color: #fb7816 !important;
		}
		
			.boxCaseError .boxText p
			{
				margin: 0 !important;
				padding: 0 !important;
			}
		
	.boxHalf
	{
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
	}

	.boxTitle,
	#subpageContent .boxTitle,
	#leftContentText .boxTitle
	{
		margin: 0 0 8px;
		padding: 0 0 0 15px;
		background: url(./../img/layout/smallArrowDownOrange.png) 0 7px no-repeat;
		color: #374060;
		font-size: 1.1em;
		font-weight: bold;
		white-space: nowrap;
	}
	
		.boxTitle a
		{
			color: #374060 !important;
		}
	
		.boxTitle span,
		#subpageContent .boxTitle span,
		#leftContentText .boxTitle span
		{
			font-weight: normal;
		}
		
		#rightInfoCol .boxTitle
		{
			white-space: normal;
		}
	
	.boxText p
	{
		margin: 0;
		padding: 0;
	}
	
	.moreLink,
	.backLink
	{
		padding-right: 15px;
		background: url(./../img/layout/smallArrowOrange.png) right 4px no-repeat;
		font-weight: bold;
		white-space: nowrap;
	}
	
		.moreLink.rightLink,
		.backLink.rightLink
		{
			float: right;
			background-position: right 6px;
		}
		
		.moreLink.contentDetailLink
		{
			padding-right: 0;
			background-image: none;
			font-weight: normal;
			white-space: normal;
			color: #374060;
			font-size: 1em;
		}
		
	.backLink
	{
		padding-left: 15px;
		background: url(./../img/layout/smallArrowOrangeToLeft.png) left 4px no-repeat;
	}
	
		.backLink.rightLink
		{
			background-position: left 6px;
		}
	
	.addLink
	{
		position: relative;
		float: left;
		display: block;
		min-width: 75px;
		width: auto;
		height: 23px;
		line-height: 23px;
		padding: 0 23px 0 31px;
		background: url(./../img/layout/bgrAddButton.png) 0 0 no-repeat;
		color: #fff;	
		font-weight: bold;	
	}
	
		.addLink.clear
		{
			padding: 0 23px 0 23px;
			background-image: url(./../img/layout/bgrAddButton2.png);
		}
		
		.toRight
		{
			float: right;
		}
	
		.addLink span
		{
			position: absolute;
			top: 0;
			right: -1px;
			display: block;
			width: 23px;
			height: 23px;
			background: url(./../img/layout/bgrAddButton.png) top right no-repeat;
			cursor: pointer;
			
		}
		
			.addLink:hover
			{
				text-decoration: none;
				background-position: 0 -23px;
			}
			
				.addLink:hover span
				{
					background-position: -807px -23px;
				}
	

	
	.linkButton
	{
		position: relative;
		display: block;
		width: 130px;
		height: 34px;
		line-height: 32px;
		padding: 0 34px 0 15px;
		background: url(./../img/layout/bgrLinkButton.png) 0 0 no-repeat;
		color: #2e2e2e;	
		font-size: 1.25em;
		font-weight: normal;
		/*overflow: hidden;*/
	}
			
		.linkButton span
		{
			position: absolute;
			top: 0;
			right: -1px;
			display: block;
			width: 34px;
			height: 34px;
			background: url(./../img/layout/bgrLinkButton.png) top right no-repeat;
			cursor: pointer;
		}
		
		.linkButton:hover
		{
			text-decoration: none;
			background-position: 0 -34px;
		}
		
			.linkButton:hover span
			{
				background-position: right -34px;
			}
				
	.linkButton2
	{
		display: block;
		position: relative;
		min-width: 150px;
		width: auto;
		height: 34px;
		line-height: 32px;
		margin: 0 12px 0 0;
		padding: 0 35px 0 15px;
		background: url(./../img/layout/bgrButton.png) 0 0 no-repeat;
		color: #fff;
		font-size: 1.5em;
		font-weight: normal;
		/*overflow: hidden;*/
	}
	
		.linkButton2 span
		{
			position: absolute;
			top: 0;
			right: -1px;
			display: block;
			width: 35px;
			height: 34px;
			background: url(./../img/layout/bgrButton.png) -795px 0 no-repeat;
			cursor: pointer;
		}
		
		.linkButton2 b
		{
			position: absolute;
			top: 14px;
			right: 14px;
			display: block;
			width: 5px;
			height: 7px;
			background: url(./../img/layout/smallArrowWhite.png) 0 0 no-repeat;
			z-index: 10;
		}
		
		.linkButton2:hover
		{
			text-decoration: none;
			background-position: 0 -34px;
		}
		
			.linkButton2:hover span
			{
				background-position: -795px -34px;
			}	
	
	
	.boxText ins
	{
		color: #9aa5c1;
		text-decoration: none;
	}
	
	#webnodeVideo
	{
		float: left;
		width: 229px;
	}
	
		#webnodeVideo .boxText
		{
			height: 170px;
		}
		
		#webnodeVideo img
		{
			margin-bottom: 5px;
		}
		
		#webnodeVideo a,
		a.videoLink
		{
			color: #52638d;
		}
		
		
	#mediaInfo
	{
		float: left;
		width: 389px;
	}
	
		#mediaInfo .boxText
		{
			height: 135px;
			background: url(./../img/layout/bgrQuote.png) 275px 79px no-repeat;
		}
		
		.mediaInfoItem
		{
			height: 135px;

		}
	
		.mediaImage
		{
			position: absolute;
			top: 35px;
			left: 10px;
			width: 177px;
			height: 110px;
			text-align: center;
			overflow: hidden;
		}
		
			.mediaImage td
			{
				width: 177px;
				height: 110px;
				padding: 0 !important;
				text-align: center;
				vertical-align: middle;
			}
		
		
		.signupFormError
		{
			font-weight: normal;
			font-size: .9em;
			/*height: 1.7em;*/
			margin-bottom: 0.2em;
			padding-left: 12em;
			clear: both;
		}
		
		.formRow.ok input
		{
			background: transparent url(/img/layout/icoOkSmall.png) right center no-repeat;
		}
		
		#signupFormLoading
		{
			position: relative;
			top: 50px;
			width: 100%;
			padding-top: 62px;
			text-align: center;
			background: url(/img/layout/loading.gif) center center no-repeat;
		}
		
		.mediaText
		{
			width: 170px; 
			margin: -7px 0 0 195px;
			overflow: hidden;
		}
		
			.mediaText p
			{
				height: 95px;
				margin-bottom: 5px;
				overflow: hidden;
			}
					
	#tagCloud.boxCase
	{
		float: left;
		width: 199px;
		margin-left: 20px;
		font-size: .97em;
	}
	
		#rightInfoCol #tagCloud
		{
			float: none;
			margin-left: 0;
		}
	
		#tagCloud.boxCase .boxText
		{
			height: 135px;
		}
		
			#rightInfoCol #tagCloud.boxCase .boxText
			{
				height: auto;
			}
	
		#tagCloud ul
		{
			margin: -5px 0 0;
			padding: 0;
			list-style-type: none;
			text-align: center;
		}
		
		#tagCloud li
		{
			display: inline;
			margin: 0;
			padding: 0 .1em;
			background: none !important;
		}
		
		#tagCloudList
		{
			font-size: 1.25em;
			line-height: 2;
			text-align: justify;
		}
		
		#tagCloud a,
		#tagCloudList a
		{
			color: #52638d;
		}
		
			#tagCloudList a
			{
				padding-right: .3em;
			}
		
		#tagCloud .rank1
		{
			font-size: 1.5em;
		}
		#tagCloud .rank2
		{
			font-size: 1.35em;
		}
		#tagCloud .rank3
		{
			font-size: 1.25em;
		}
		#tagCloud .rank4
		{
			font-size: 1.15em;
		}
		#tagCloud .rank5
		{
			font-size: 1em;
		}
	
	#blogInfo
	{
		float: left;
		width: 199px;
		margin-left: 20px;			
	}
	
		#rightInfoCol #blogInfo
		{
			float: none;
			width: 200px;
			margin: 0;			
		}
		
		#blogInfoIn
		{
			margin: -7px 0 0;
			height: 105px;
			overflow: hidden;
		}
	
		#blogInfo .boxText
		{
			height: 135px;
		}
	
		#blogInfo h2
		{
			margin: 0 0 0;
			padding: 0;
			font-size: 1.25em;
			max-height: 3.2em;
			overflow: hidden;
		}
					
		#blogInfo p
		{
			margin-top: 5px;
		}			
	
	
	.boxText form
	{
		position: relative;
		border: none;
		margin: 0;
		padding: 7px 0 0;
		background: url(./../img/layout/bgrFormHeader.png) 0 0 no-repeat;
	}
	
		.boxText form .formHeadRight
		{
			position: absolute;
			top: 0;
			right: 0;
			width: 10px;
			height: 10px;
			margin: 0;
			padding: 0;
			background: #fff url(./../img/layout/bgrFormHeader.png) -572px 0 no-repeat;
		}
		
		.boxText form .formEnd
		{
			position: relative;
			width: 100%;
			height: 10px;
			margin: 0;
			padding: 10px 0 0;
			background: url(./../img/layout/bgrFormFooter.png) 0 0 no-repeat;
		}
		
			.boxText form .formEndRight
			{
				position: absolute;
				top: 0;
				right: 0;
				width: 10px;
				height: 10px;
				margin: 0;
				padding: 0;
				background: #fff url(./../img/layout/bgrFormFooter.png) -572px 0 no-repeat;
			}
		
		.boxText fieldset
		{
			border: none;
			margin: 0;
			padding: 5px 12px;
			background-color: #e1e8f7;
		}
	
		.boxText legend
		{
			display: none;
			position: absolute;
			top: -10000px;
		}
		
		.boxText hr
		{
			border: 1px solid #fff;
			border-width: 1px 0 0;
			height: 1px;
			margin-bottom: 8px;
		}
		
		.boxText .formRow
		{
			position: relative;
			display: block;
			width: 100%;
			line-height: 30px;
			clear: both;
			z-index: 1;
		}
		
			.boxText .formRow.error,
			.boxText .formRow label span
			{
				color: #fb7816;
				font-weight: bold;
			}
			
			.boxText .formRow.error input
			{
				background: transparent url(/img/layout/icoErrorSmall.png) right center no-repeat;
			}
			
			#signupForm .formRow.error
			{
				font-weight: normal;
			}
		
			.boxText .formRow label,
			.boxText .formRow .label
			{
				float: left;
				width: 125px;
				line-height: 1.3em;
				padding: 6px 0 0 0;
			}
			
				.boxText .formRow label.radioLabel
				{
					float: none;
					width: auto;
					padding: 0 0 0 0;
				}
			
			.boxText .formRow .inputCase,
			#searchBox .inputCase
			{
				position: relative;
				float: left;
				padding: 6px 5px 0 5px;
				height: 24px;
				background-position: 0 -25px;
			}
			
			
				.boxText .formRow .inputCase input,
				#searchBox .inputCase input
				{
					width: 210px;
					color: #374060;
					font-size: 1em;
					font-weight: bold;
				}
				
				.boxText .formRow .inputCase select
				{
					position: relative;
					top: expression('-6px');
					width: 210px;
					margin: 0;
					padding: 0;
					color: #374060;
					font-size: 1em;
					font-weight: bold;
				}
				
				.boxText .formRow .inputCase span,
				#searchBox .inputCase span
				{
					height: 30px;
					background-position: -828px -25px; 
				}
							
				.boxText .formRow.error .inputCase
				{
					background-position: 0 -55px;
				}
				
					.boxText .formRow.error .inputCase span
					{
						background-position: -828px -55px;
					}

			.boxText .formRow .textareaCase
			{
				position: relative;
				display: block;
				float: left;
				/*width: 419px;*/
				height: 114px;
				padding: 6px 10px 0 5px;
				background: url(./../img/layout/bgrTextarea.png) 0 0 no-repeat;
				z-index: 1;
			}
			
				.textareaCase span
				{
					position: absolute;
					top: 0;
					right: 0;
					display: block;
					width: 5px;
					height: 120px;
					background: url(./../img/layout/bgrTextarea.png) -424px 0 no-repeat;
					z-index: 5;
				}
				
					.formRow.error .textareaCase
					{
						background-position: 0 -120px;
					}
					
						.formRow.error .textareaCase span
						{
							background-position: -424px -120px;
						}				
			
				.boxText .formRow textarea
				{
					width: 412px;
					min-width: 412px;
					max-width: 412px;
					height: 102px;
					min-height: 102px;
					max-height: 102px;
					background: transparent;
					color: #374060;	
					border: none;
					font: bold 100%/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif;					
					overflow: auto;
				}

			
			.boxText .formHint
			{
				display: none;
				position: absolute;
				top: 0;
				left: 378px;
				width: 198px;
				padding: 0 0 4px;
				background: #fff;
				border: 1px solid #374060;
				z-index: 10;
			}
				
				#subpageContent .formHint h4,
				#leftContentText .formHint h4
				{
					margin: 0;
					padding: 3px 10px 4px;
					line-height: 1.33;
					color: #fb7816;
					font-size: 1em;
					font-weight: bold;
				}
				
				#subpageContent .formHint p,
				#leftContentText .formHint p
				{
					font-size: .95em;
					margin: 0 10px;
					padding: 0;
					line-height: 1.33;
				}
				
				.boxText .formHint .formHintHeader
				{
					position: absolute;
					top: -2px;
					left: -1px;
					width: 200px;
					height: 2px;
					background: url(./../img/layout/bgrHintHeader.png) 0 0 no-repeat;
				}
				
				.boxText .formHint .formHintFooter
				{
					position: absolute;
					bottom: -2px;
					left: -1px;
					width: 200px;
					height: 2px;
					background: url(./../img/layout/bgrHintFooter.png) 0 0 no-repeat;
				}
				
				.boxText .formHint .hintArrow
				{
					position: absolute;
					top: 10px;
					left: -5px;
					display: block;
					width: 5px;
					height: 9px;
					background: url(./../img/layout/hintArrow.png) 0 0 no-repeat;
				}
			
			#nameRowHint {top: 215px;}
			#pwdRowHint {top: 255px;}
			
			.formRow .behindInput
			{
				padding-left: .75em;
			}
							
			.boxText .formRow .formSpacer
			{
				height: 10px;
			}
		
					
		.boxText .formButton
		{
			padding-left: 125px;
		}
	
		
/* end: .boxCase */
	
	
	
	#demoArea
	{
		float: left;
		width: 610px;
		height: 200px;
		background: #455276 url(./../img/layout/bgrDemoArea.jpg) 0 0 no-repeat;
		
	}
	
		#demoAreaIn
		{
			position: relative;
			width: 590px;
			height: 180px;
			margin: 10px;
			overflow: hidden;
		}
		
			#demoAreaIn h4,
			#demoAreaIn h1
			{
				color: #7e93b8;
				font-size: .85em;
			}
			
				#demoAreaIn h4 a,
				#demoAreaIn h1 a
				{
					color: #7e93b8 !important;
				}
			
			#demoAreaIn h2
			{
				margin: 0 0 0 15px;
				padding: 0;
				color: #fff;
				font-size: 2em;
				font-weight: normal;
			}
			
			#demoButton
			{
				position: absolute;
				right: 5px;
				bottom: 5px;
				display: block;
				width: 176px;
				height: 75px;
				line-height: 1em;
				padding: 25px 5px 0;
				background: url(./../img/layout/bgrDemoButton.png) 0 0 no-repeat;
				color: #2e2e2e;
				text-align: center;
				font-size: 1.8em;
				font-weight: normal;
			}
			
				#demoButton:hover
				{
					text-decoration: none;
					background-position: 0 -100px;
				}
			
			#demoText
			{
				margin: 12px 200px 25px 15px;
				height: 75px;
				overflow: hidden;
				color: #cbdcf9;
			}
			
				#demoText p
				{
					margin: 0;
					padding: 0;
				}

			.demoTextBlock
			{
				display: none;
				width: 100%;
			}
			
				.demoTextBlock.show
				{
					display: block;
				}
			
				#demoTextBlock1
				{
					display: block;
				}
				
			
			#demoTextController
			{
				position: absolute;
				bottom: 5px;
				left: 15px;
				height: 10px;
				width: 370px;
				overflow: hidden;
			}
			
				#demoTextController span
				{
					float: left;
					display: block;
					width: 10px;
					height: 10px;
					margin-right: 5px;
					background: url(./../img/layout/demoBullet.png) 0 0 no-repeat;
					overflow: hidden;
					cursor: pointer;
				}

			
		#demoArea .boxHalf
		{
			width: 49%;
		}			
	
		#demoArea ul
		{
			margin: 0;
			padding: 0;
		}
		
			#demoArea li
			{
				margin: 0 0 0 1.25em;
			}
			
		#demoArea ul.arrowList
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			#demoArea ul.arrowList li
			{
				padding: 0 0 0 12px;
				margin: 0; 
				background: url(./../img/layout/smallArrowLightOrange.png) 0 7px no-repeat;
				/*color: #fff;*/
				font-weight: bold; 
			}
			
	/* end: #demoArea */
	
	
	#signUp
	{
		position: relative;
		float: left;
		width: 200px;
		height: 200px;
		margin-left: 20px;		
		background: #cd3f34 url(./../img/layout/bgrSignUp.jpg) 0 0 no-repeat;
		
	}
	
		#signUpText
		{
			width: 180px;
			height: 185px;
			margin: 10px;
			overflow: hidden;
		}
		
			#signUpText h2
			{
				position: relative;
				margin: 0;
				padding: 0;
				font-size: 1.45em;
				font-weight: normal;
				line-height: 1.2;
				color: #ffbe41;
				z-index: 10;
			}
			
			#signUpText ul
			{
				margin: 5px 0 7px;
				padding: 0;
				list-style-type: none;
			}
			
				#signUpText li
				{
					padding: 0 0 0 12px;
					margin: 0; 
					background: url(./../img/layout/smallArrowLightOrange.png) 0 7px no-repeat;
					color: #fff;
					font-size: .9em; 
					font-weight: bold; 
				}
			
			#signUp .linkButton
			{
				font-weight: bold;
				white-space: nowrap;
				overflow: hidden;
			}
			
		
		#signUpIllustr
		{
			position: absolute;
			top: -11px;
			right: 1px;
			width: 80px;
			height: 65px;
			background: url(./../img/layout/webnodeIllust.png) 0 0 no-repeat;
		}
	
		#signUpISpace,
		#communityISpace,
		#rightBoxISpace
		{
			float: right;
			display: block;
			width: 72px;
			height: 42px;
		}
		
	/* end: #signUp */
	
	
	#webnodeCommunity
	{
		position: relative;
		float: left;
		width: 200px;
		/*height: 339px;*/
		margin: 0;
		padding: 0 0 10px;
		background: #608c8f url(./../img/layout/bgrCommunity.1.1.jpg) 0 0 no-repeat;
		z-index: 10;
	}

		#webnodeCommunityText
		{
			width: 180px;
			min-height: 300px;
			height: auto;
			margin: 10px 10px 0;
			color: #daf2f4;
			overflow: hidden;
		}
		
			#webnodeCommunityText h2,
			.rightBoxText h2
			{
				position: relative;
				margin: 0;
				padding: 0;
				font-size: 1.75em;
				font-weight: normal;
				line-height: 1.15;
				color: #fff;
				z-index: 10;
			}
			
			#webnodeCommunityText ul,
			.rightBoxText ul
			{
				margin: 5px 0 7px;
				padding: 0;
				list-style-type: none;
			}
			
				#webnodeCommunityText li,
				.rightBoxText li
				{
					background: url(./../img/layout/bigArrowGreen.png) 0 7px no-repeat;
				}
			
				#webnodeCommunityText li a,
				#catalogueBox li a,
				.rightBoxText li a
				{
					display: block;
					padding: 3px 0 3px 30px;
					margin: 0; 
					min-height: 35px;
					line-height: 1.33;
					color: #daf2f4;
					border-bottom: 1px solid #7da2a6;
					font-size: .9em; 
					font-weight: bold; 
				}
				
					#webnodeCommunityText li a:hover,
					.rightBoxText li a:hover
					{
						background: url(./../img/layout/bigArrowGreenHover.png) 0 7px no-repeat;
						color: #fff;
					}
				
		#webnodeCommunity .moreLink,
		.rightBoxText .moreLink
		{
			float: right;
			margin-right: 10px;
			background: url(./../img/layout/smallArrowOchre.png) right 6px no-repeat;
			color: #fff; 
			font-size: .85em;			
		}
		
		#webnodeCommunityIllustr,
		.rightBoxIllustr
		{
			position: absolute;
			top: -11px;
			right: 1px;
			width: 82px;
			height: 66px;
			background: url(./../img/layout/webnodeIllust.png) 0 -65px no-repeat;
		}
		
		.rightBoxEnd
		{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 200px;
			height: 8px;
			background: url(./../img/layout/bgrBoxRightEnd.png) 0 0 no-repeat;
		}
		
		/* LUPA */
		#lupaRightBox .rightBoxEnd
		{
			background: url(./../img/layout/bgrLupaBoxRightEnd.png) 0 0 no-repeat;
			height: 12px;
		}	
				
			#webnodeCommunityBoxEnd
			{
				height: 9px;
				background-image: url(./../img/layout/bgrCommunityFooter.1.1.png);
			}		
	
	/* end: #webnodeCommunity */
	
	
	
	.rightBox
	{
		position: relative;
		float: left;
		width: 200px;
		height: auto;
		min-height: 65px;
		margin: 0;		
		background: #78961f url(./../img/layout/bgrBoxRight.1.1.jpg) 0 0 no-repeat;
		z-index: 10;
	}
	
	/* LUPA */
	#lupaRightBox
	{
		background: #CF1918 url(./../img/layout/bgrLupaBoxRight.jpg) 0 0 no-repeat;
	}
	
		/* LUPA */
		#lupaRightBox a.lnk
		{
			display: block;
			color: #FFFFFF;
			font-weight: bold;
			padding-top: 17px;
		}	
		
		/* LUPA */
		#lupaRightBox .linkButton
		{
			padding-left: 8px;
			font-weight: bold;
			width: 137px;
		}
		
		#lupaRightBox .linkButton span
		{
			right: -1px;
		}
	
	/* LUPA */
	#lupaRightBox a:hover
	{
		text-decoration: none;
	}
	
		#catalogueBox
		{
			background: #608c8f url(./../img/layout/bgrCommunity.1.1.jpg) 0 0 no-repeat;
		}

		.rightBoxText
		{
			width: 180px;
			margin: 10px 10px 8px;
			color: #daf2f4;
			overflow: hidden;
		}
		
			.rightBoxText li a
			{
				color: #fff;
				border-bottom: 1px solid #69861a;
			}
				
		.rightBoxText .moreLink
		{
			background-image: url(./../img/layout/smallArrowWhite.png);
		}
		
		.rightBoxIllustr
		{
			right: 0;
			width: 81px;
			height: 65px;
			background-position: 0 -131px;
		}
		
		/* LUPA */
		#lupaRightBox .rightBoxIllustr
		{
			background: transparent url(./../img/layout/lupa_small.jpg) no-repeat scroll 0 0;
			top: -17px;
			right: 10px;
			width: 78px;
		}
		
		#catalogueBox .rightBoxIllustr
		{
			top: -11px;
			right: 1px;
			width: 82px;
			height: 66px;
			background-position: 0 -65px;
		}
	
	/* end:Box */	
	
	
	
	#featuredSites
	{
		float: left;
		position: relative;
		width: 580px;
		height: 186px;
		margin-left: 20px;
	}
	
		#featuredSitesNavi
		{
			position: relative;
			height: 31px;
		}
		
			#featuredSitesNavi .boxTitle
			{
				float: left;
				position: relative;
				padding: 6px 15px 0 20px;
				margin: 0;
				background-position: 5px 14px;
				font-size: .9em;
			}
			
			#featuredSitesNavi .boxTitle span
			{
				position: absolute;
				top: 12px;
				right: 0;
				display: block;
				width: 5px;
				height: 7px;
				background: url(./../img/layout/smallArrowBlue.png) top right no-repeat; 
			}
		
			#featuredSitesTabs
			{
				position: absolute;
				top: -1px;
				right: 14px;
				width: 415px;
				height: 33px;
				margin: 0;
				padding: 0;
				list-style-type: none;
				z-index: 10;
				overflow: hidden;
			}
			
				#featuredSitesTabs li
				{
					float: left;
					margin: 0 3px 0 0;
				}
				
				#featuredSitesTabs a
				{
					float: left;
					position: relative;
					display: block;
					height: 33px;
					margin: 0;
					padding: 0 14px 0 14px;
					line-height: 35px;
					background: url(./../img/layout/bgrTabs.png) 0 0 no-repeat;
					color: #52638d;
					font-size: .88em; 
					font-weight: bold;
				}
				
					#featuredSitesTabs a span
					{
						position: absolute;
						top: 0;
						right: 0;
						display: block;
						height: 33px;
						width: 5px;
						margin: 0;
						padding: 0;
						background: url(./../img/layout/bgrTabs.png) top right no-repeat;
					}
				
					#featuredSitesTabs a:hover
					{
						background-position: 0 -66px;
						text-decoration: none;
					}
					
						#featuredSitesTabs a:hover span
						{
							background-position: right -66px;
						}
						
					#featuredSitesTabs #selectedTab a
					{
						background-position: 0 -33px;
						color: #ff6d00;
						/*font-size: 1em;*/
						line-height: 35px;
					}

						#featuredSitesTabs #selectedTab a span
						{
							background-position: right -33px;
						}
		

	
		#featuredSitesContent.boxCase,
		#featuredSitesContent .boxCaseIn
		{
			background-image: url(./../img/layout/bgrBoxContentSecond.png);
		}

		#featuredSitesContent .boxCaseHeader,
		#featuredSitesContent .boxCaseTL
		{
			background-image: url(./../img/layout/bgrBoxHeaderSecond.png);
		}

		#featuredSitesContent .boxCaseFooter,
		#featuredSitesContent .boxCaseFL
		{
			background-image: url(./../img/layout/bgrBoxFooterSecond.png);
		}
		
		
		
		
		#featuredSitesContent .boxText
		{
			height: 139px;
		}
		
			.featuredSitesBlock
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 566px;
				height: 130px;
				margin: 12px;
				display: none;
				overflow: hidden;
			}
			
				.featuredSitesBlock.show
				{
					display: block;
				}
			
				#featuredSitesBlock1
				{
					display: block;
				}
				
				.featuredItem
				{
					float: left;
					width: 130px;
					margin: 0 11px 0 0;
				}
				
					.featuredItem a
					{
						color: #52638d;
					}
				
				    .featuredItem img
				    {
				        border: 1px solid #c7d2eb;
			        }
			        
				    .featuredItem a:hover img
				    {
				        border-color: #7586ae;
			        }
				
	/* end: #featuredSites */
	




#topDiscussions
{
	
}

	#topDiscussions ul
	{
		margin: 0 10px 0 0;
		padding: 0 0 10px;
		list-style-type: none;
	}
	
		#topDiscussions li
		{
			padding: 2px 0 3px 12px;
			background: url(./../img/layout/smallArrowLighterBlue.png) 0 7px no-repeat;
			border-bottom: 1px solid #c7d2eb;
		}
		
			#topDiscussions li a
			{
				float: left;
				color: #52638d;
			}
			
			#topDiscussions li ins
			{
				float: right;
				color: #52638d;
				font-weight: bold;
			}
		
	#topDiscussions .moreLink
	{
		float: right;
		background-position: right 6px;
		margin: 0 10px 0 0;
	}	
	
/* end: #topDiscussions */


#topCategories
{
	
}	
	#topCategories h3
	{
		margin: 0 0 7px 12px;
		padding: 0;
		color: #52638d;
		font-size: 1.1em;
	}
	
		#topCategories h3 a
		{
			color: #52638d;
		}
	
	#topCategories ul
	{
		margin: 0 10px 0 0;
		padding: 0 0 10px 10px;
		list-style-type: none;
	}
	
		#topCategories li
		{
			float: left;
			width: 95px;
			padding: 0 0 2px 12px;
			margin: 0 0 0 5px;
			background: url(./../img/layout/smallArrowLighterBlue.png) 0 7px no-repeat;
			overflow: hidden;
		}
		
			#topCategories li a
			{
				color: #52638d;
				/*
				font-size: 1.05em;
				*/
				/*
				font-size: 1.15em;
				*/
				font-size: 1.10em;
				font-weight: bold;
				white-space: nowrap;
			}
			
			#topCategories li.random
    		{
				float: none;
				width: auto;
    		}
			
	#topCategories .moreLink
	{
		float: right;
		background-position: right 6px;
		margin: 0 10px 0 0;
	}
		
/* end: #topCategories */


#webnodeNews
{
	float: left;
	width: 390px;
}

	#rightInfoCol #webnodeNews
	{
		float: none;
		width: 200px;
	}

	#webnodeNews .boxText
	{
		height: 156px;
	}
	
		#rightInfoCol #webnodeNews .boxText
		{
			height: auto;
		}	
	
	#webnodeNews h2
	{
		margin: 0 0 0 5px;
		padding: 0 0 0;
		line-height: 1.25;
		font-size: 1.15em;
		white-space: nowrap;
	}
	
		#rightInfoCol #webnodeNews h2
		{
			white-space: normal;
		}
	
	#webnodeNews ins
	{
		display: block;
		margin: 0 0 7px 5px;
	}
	
	#webnodeNews p
	{
		margin: 0 0 7px 5px;
		padding: 0;
	}
	
	#webnodeNews .moreLink
	{
		float: right;
		background-position: right 6px;
		margin: 0 10px 0 0;
	}

/* end: #webnodeNews */


#weRecommend
{
	float: left;
	width: 200px; 
	margin: 0 0 0 18px;
}

	#weRecommend .boxText
	{
		height: 156px;
	}
	
	#weRecommend p
	{
		text-align: center;
	}
	
	#weRecommend a
	{
		font-size: 1.15em;
		font-weight: bold;
		white-space: nowrap;
	}

/* end: #weRecommend */

#tipOfDay
{
	width: 199px;
}

	#tipOfDay h2
	{
		margin: 5px 0 3px;
		padding: 0;
		font-size: 1.15em;
	}



#location,
#locationCat
{
	margin: 0;
	padding: 12px 8px; 
	font-size: .85em;
}

	#locationCat
	{
		margin-top: 15px;
		padding: 7px 8px;
		font-size: 1.15em;
		border-top: 1px solid #c7d2eb; 
	}

	#location a,
	#location span,
	#locationCat a,
	#locationCat span
	{
		padding: 0 5px 0 15px;
		background: url(./../img/layout/smallArrowBlue.png) 3px 3px no-repeat;
		color: #374060; 
	}
	
		#locationCat a,
		#locationCat span
		{
			background-image: url(./../img/layout/smallArrowOrange.png);
			background-position: 3px 5px;
			/*font-weight: bold;*/
		}
		
			#locationCat .firstItem,
			#locationCat .rootItem
			{
				padding-left: 0;
				background-image: none !important;
			}
			
			#locationCat .rootItem
			{
				padding-right: 0;
			}
	
		#location a:hover,
		#locationCat a:hover
		{
			background-image: url(./../img/layout/smallArrowDarkBlue.png);
		}
	
	#location i,
	#locationCat i
	{
		display: none; 
	}
/* end: #location */


	
	
#leftColumn
{
	position: relative;
	float: left;
	width: 200px;
	/*overflow: hidden;*/
}

	#leftColumn #signUp
	{
		margin-left: 0;
	}
	
	#leftMenu
	{
		background: #465377 url(./../img/layout/bgrLeftMenu.jpg) 0 0 no-repeat;
	}
	
		#leftMenuBottom
		{
			width: 200px;
			height: 8px;
			background: url(./../img/layout/bgrLeftMenuBottom.png) 0 0 no-repeat;
		}
	
		#leftMenu ul
		{
			margin: 0;
			padding: 8px 0 0;
			list-style-type: none;
		}
		
		#leftMenu li
		{
			margin: 0;
			padding: 0;
		}
		
		#leftMenu a
		{
			display: block;
			padding: 2px 5px 3px 25px;
			background: url(./../img/layout/smallArrowWhite.png) 12px 9px no-repeat;
			border-top: 1px solid #515d7f;
			border-bottom: 1px solid #3d4969;
			color: #fff;
			font-size: .9em;
			font-weight: bold;
		}
		
			#leftMenu a:hover,
			#leftMenu a.selected
			{
				text-decoration: none;
				background-color: #5c70a5;
				border-top-color: #6678aa;
				border-bottom-color: #374362;
			}
			
			#leftMenu .first a,
			#leftMenu .first a:hover,
			#leftMenu .first a.selected
			{
				border-top: none;
			}
			
			#leftMenu .last a,
			#leftMenu .last a:hover,
			#leftMenu .last a.selected
			{
				border-bottom: none;
			}
		
/* end: #leftColumn */


#rightColumn
{
	position: relative;
	float: right;
	width: 609px;
	overflow: hidden;
}

	#subpageContent,
	#leftContentText 
	{
		position: relative;
		width: 608px;
		overflow: hidden;
		font-size: 1.07em;
	}
	
		#subpageContent .boxText,
		#leftContentText .boxText
		{
			margin-left: 8px;
			margin-right: 8px;
			color: #374060;
		}
		
		#leftContentTextText
		{
			/*min-height: 542px;
			height: auto;*/
		}
	
		#subpageContent h1,
		#leftContentText h1,
		.tagsHeading span
		{
			margin: 0 0 .5em;
			padding: 0; 
			color: #374060;
			font-size: 2em;
		}
		
		#subpageContent h2,
		#leftContentText h2
		{
			margin: .5em 0 .1em;
			padding: 0; 
			color: #52638d;
			font-size: 1.75em;
			font-weight: normal;
		}
			#subpageContent form h2,
			#leftContentText form h2
			{
				margin-top: 0;
			}
		
		#subpageContent h3,
		#leftContentText h3
		{
			/*margin: 0 0 .3em;*/
			margin: 0 0 0em;
			padding: 0; 
			color: #52638d;
			font-size: 1.5em;
			font-weight: normal;
		}
		
		#subpageContent h4,
		#leftContentText h4
		{
			margin: 0 0 .3em;
			padding: 0; 
			color: #374060;
			font-size: 1.35em;
			font-weight: normal;
		}
		
		#subpageContent h5,
		#leftContentText h5,
		#subpageContent h6,
		#leftContentText h6
		{
			margin: 0 0 .5em;
			padding: 0; 
			color: #374060;
			font-size: 1em;
			font-weight: bold;
		}
		
		#subpageContent p,
		#leftContentText p
		{
			margin: 0;
			/*padding: 0 0 1em;*/
			padding: 0 0 1.7em;
			line-height: 1.75;
		}
		
		#subpageContent ul,
		#leftContentText ul
		{
			margin: 0;
			padding: 0 0 1em;
			list-style-type: none;
		}
		
		#subpageContent li,
		#leftContentText li
		{
			margin: 0 0 0 10px;
			padding: 0 0 3px 12px;
			background: url(./../img/layout/smallArrowOrange.png) 0 6px no-repeat;
		}
		
		#subpageContent .imageInfoLeft,
		#leftContentText .imageInfoLeft
		{
			position: relative;
			float: left;
			width: 261px;
			margin: 0 12px 8px 0;
			background: #e4e9fa url(./../img/layout/bgrImageInfo.png) bottom left no-repeat;
			overflow: hidden;
		}
		
			#subpageContent .imageInfoLeft p,
			#leftContentText .imageInfoLeft p
			{
				padding: 10px 8px 12px;
				color: #52638d;
				text-align: center;
			}
			
		#subpageContent blockquote,
		#leftContentText blockquote
		{
			position: relative;
			width: 558px;
			margin: 0;
			padding: 7px 12px 5px;
			background: #ecf1fa url(./../img/layout/bgrBlockQuote.png) 0 0 no-repeat;
			font-style: italic;
			overflow: hidden;
		}
		
			#subpageContent .blockquoteEnd,
			#leftContentText .blockquoteEnd
			{
				display: block;
				width: 582px;
				height: 7px;
				background: #ecf1fa url(./../img/layout/bgrBlockQuoteEnd.png) bottom left no-repeat;
				overflow: hidden;
			}
			
		#subpageContent table,
		#leftContentText table
		{
			margin: .5em 0;
			table-layout: fixed;
			border-spacing: 0;
			border-collapse: collapse;
			width: 100%;
			font-size: 100%;
			color: #52638d;
		}
		
			#subpageContent th,
			#subpageContent td,
			#leftContentText th,
			#leftContentText td
			{
				text-align: left;
				border-bottom: 1px solid #c7d2eb;
			}
			
				#subpageContent th,
				#leftContentText th
				{
					padding: 7px 5px 8px 10px;
					background: #eef2fa 0 0 no-repeat;
				}
				
					#subpageContent th.left,
					#leftContentText th.left
					{
						background-image: url(./../img/layout/bgrTheadLeft.png);
					}
					
					#subpageContent th.right,
					#leftContentText th.right
					{
						background-image: url(./../img/layout/bgrTheadRight.png);
						background-position:  top right;
					}
				
				#subpageContent td,
				#leftContentText td
				{
					padding: 1px 5px 5px 10px;
				}
				
	address.author
	{
		margin: 0 0 .5em;
		font-size: 1.25em;
		font-style: normal;
	}
	
	img.mediaDetailImage
	{
		float: right;
		margin: 0 0 0 10px;
	}
	
	a.originalArticle
	{
		font-weight: bold;
	}

	
/* end: #rightColumn */


#leftContent
{
	width: 610px;
	float: left;
	overflow: hidden;
}

	#leftContent #featuredSites
	{
		width: 610px;
		height: 291px;
		margin-left: 0;		
	}
	
	#leftContent #featuredSitesNavi .boxTitle
	{
		font-size: 1.1em;
	}
		
	#leftContent #featuredSitesTabs
	{
		top: -2px;
	}
	
	#leftContent #featuredSitesTabs a
	{
		background-position: 0 -99px;
	}
	
		#leftContent #featuredSitesTabs a span
		{
			background-position: right -99px;
		}
	
		#leftContent #featuredSitesTabs a:hover
		{
			background-position: 0 -66px;
		}
		
			#leftContent #featuredSitesTabs a:hover span
			{
				background-position: right -66px;
			}
			
		#leftContent #featuredSitesTabs #selectedTab a
		{
			background-position: 0 -132px;
			color: #fff;
		}

			#leftContent #featuredSitesTabs #selectedTab a span
			{
				background-position: right -132px;
			}

	#leftContent #featuredSitesTabs a.topTab
	{
		font-size: 1.2em;
		padding-left: 1.2em; 
		padding-right: 1.2em; 
	}
	
	#leftContent #featuredSitesContent
	{
		background: url(./../img/layout/bgrFeaturedToday.jpg) 0 0 no-repeat;
		height: 259px;
	}
	
	#leftContent #featuredSitesContent .boxCaseIn,
	#leftContent #featuredSitesContent .boxCaseHeader,
	#leftContent #featuredSitesContent .boxCaseTL,
	#leftContent #featuredSitesContent .boxCaseFooter,
	#leftContent #featuredSitesContent .boxCaseFL
	{
		background-image: none;
	}
	
	#leftContent .featuredSitesBlock
	{
		width: 580px;
		height: 230px;
		color: #c0cdf0;
	}
	
		#leftContent .featuredSitesBlock .featBlockLeft
		{
			float: left;
			width: 360px;
			overflow: hidden;
		}
		
			#leftContent .featBlockLeft h2,
			#leftContent .featBlockLeft h3
			{
				margin: 0;
				padding: 0 0 5px 12px;
				font-size: 1.5em;
				line-height: 1.1em;
				color: #fff;
				background: url(./../img/layout/middleArrowOchre.png) 0 5px no-repeat;
				font-size: 1.75em;
			}
			
				#leftContent .featBlockLeft h3
				{
					margin-top: 18px;
					font-size: 1.5em;
					font-weight: normal;
				}
			
				#leftContent .featBlockLeft h2 a,
				#leftContent .featBlockLeft h3 a
				{
					color: #fff;
				}
				
			#leftContent .featBlockLeft p
			{
				margin: 0 0 10px 12px;
			}
			
				#leftContent .featBlockLeft p.smallPerex
				{
					height: 3em;
					overflow: hidden;
				}
			
		#leftContent .featuredSitesBlock .featBlockRight 
		{
			float: left;
			margin: 0 0 0 20px;
			width: 200px;
			overflow: hidden;
		}
		
			#leftContent .featuredSitesBlock .featBlockRightIn 
			{
				height: 212px;
				overflow: hidden;
			}
		
			#leftContent .featBlockRight h3
			{
				margin: 0;
				padding: 0 0 5px;
				font-size: 1.2em;
				line-height: 1.1em;
				color: #fff;
			}
			
				#leftContent .featBlockRight h3 a
				{
					color: #fff;
				}
				
			#leftContent .featBlockRight p
			{
				margin: 0 0 10px;
			}
							
			#leftContent .featBlockRight .moreLink
			{
				float: right;
				background: url(./../img/layout/smallArrowOchre.png) right 6px no-repeat;
				color: #ffbe41;
			}
			
	#searchBox
	{
		position: relative;
		width: 610px;
		height: 58px;
		margin: 0;
		padding: 0;
		background: url(./../img/layout/bgrSearchBox.png) 0 0 no-repeat;
		overflow: hidden;
	}
	
		#searchBox fieldset
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		
			#searchBox legend
			{
				display: none;
				position: absolute;
				top: -10000px;
			}
	
			#searchBox label
			{
				float: left;
				display: block;
				width: 145px;
				height: 58px;
				line-height: 58px;
				padding: 0 0 0 29px;
				background: url(./../img/layout/middleArrowOchre.png) 13px 25px no-repeat;
				color: #fff;
				font-size: 1.1em;
				font-weight: bold;
			}
			
				#searchBox.catalogueSearch label
				{
					width: 240px;
				}
			
			#searchBox .inputCase
			{
				float: left;
				margin: 17px 0 0;
				height: 21px;
				padding: 4px 2px 0 5px; 
				background-position: 0 0;
			}
			
				#searchBox .inputCase input
				{
					width: 275px;
				}
				
					#searchBox.catalogueSearch .inputCase input
					{
						width: 205px;
					}
			
			#searchBox button
			{
				float: left;
				width: 105px;
				min-width: 105px;
				max-width: 105px;
				height: 25px;
				margin: 17px 0 0 10px;
				padding: 0 0 0 10px;
				background-image: url(./../img/layout/bgrButtonSearch2.png);
				color: #2e2e2e;
				font-size: 1.1em;
				text-align: left;
			}
			
				#searchBox button:hover
				{
					background-position: 0 -25px;
				}
				
				#searchBox button b
				{
					top: 9px;
					background-image: url(./../img/layout/smallArrowBlack.png);
				}
				
				#searchBox button span
				{
					width: 30px;
					height: 25px;
					background-image: url(./../img/layout/bgrButtonSearch2.png);
					background-position: -800px 0;
				}
				
					#searchBox button:hover span
					{
						background-position: -800px -25px;
					}
					
					
			#searchBox h2
			{
				float: none;
				display: block;
				margin: 0;
				padding: 0;
				color: #fff;
				font-weight: normal;
				font-size: 1.5em;
			}
			
				#searchBox h2 label
				{
					font-weight: normal;
				}					
			
				#searchBox h2 a
				{
					color: #fff;
				}					
					
	.catalogList
	{
		padding-bottom: 0 !important;
	}
	
		.catalogList li
		{
			display: block;
			margin: 5px 0 0;
			padding-bottom: 5px !important;
			/*border-bottom: 1px solid #c7d2eb;*/
			overflow: hidden;
			background-position: 0 13px !important;
		}
		
			.leftList li
			{
				margin-right: 10px;
			}
		
			.catalogList li.last
			{
				border-bottom: none;
				padding-bottom: 0 !important;
			}
		
			.catalogList h3
			{
				color: #374060;
				font-size: 1.75em !important;
				font-weight: normal !important; 
				margin: 0 !important;
				padding: 0 !important;
			}
				.catalogList h3 a
				{
					color: #374060;
				}
				
			.catalogList p
			{
				margin: 0 !important;
				padding: 0 !important;
				font-size: .95em !important;
				white-space: nowrap;
			}
			
				.catalogList p a
				{
					color: #52638d;
				}

	#catalogSubList
	{
		padding-top: 12px;
		border-top: 1px solid #c7d2eb;
	}
	
		#catalogSubList li
		{
			color: #52638d;
			padding-bottom: 5px !important;
		}
	
		#catalogSubList a
		{
			color: #52638d;
			font-weight: bold;
		}
	
	
	.catalogItem
	{
		width: 100%;
		padding: 0 0 15px 0;
		margin: 10px 0 0;
		background: url(./../img/layout/middleArrowBlue.png) 0 12px no-repeat;
		border-bottom: 1px solid #c7d2eb;
	}
	
		.catalogItem.last
		{
			padding-bottom: 0;
			border-bottom: none;
		}
	
		.catalogItem h2
		{
			font-weight: bold !important;
			margin: 0 0 0 10px !important;
			padding-left: 0 !important; 
		}
		
			#myProjects h2
			{
				margin-top: -5px !important;
				padding-top: 0 !important;
				font-size: 1.75em !important; 
				font-weight: normal !important;
			}
		
			/* #myProjects h2 a, */
			.catalogItem h2 a
			{
				color: #52638d; 
			}
		
		.catalogItem p
		{
			margin: 0 0 0 10px !important;
			padding: 0 !important;
		}
		
			.catalogItem p.tags
			{
				font-size: .95em;
				color: #52638d;
			}
			
				.catalogItem p.tags a
				{
					color: #52638d;
				}
			
			.catalogItem strong a,
			#myProjects strong a
			{
				color: #374060;
			}
		
		.catalogItem .moreLink
		{
			font-size: .95em;
			padding-right: 9px;
		}
	
		.catalogRight
		{
			float: right;
			width: 130px;
			height: 101px;
			margin: 5px 0 0 5px;
			overflow: hidden;
		}
		
	#contentDetail
	{
		
	}
	
		#contentDetail .boxText
		{
			/*height: 244px;*/
		}
		
			#userDetail .boxText,
			#websiteDetail .boxText
			{
				min-height: 156px;
				height: auto;
			}
		
		
		#detailText
		{
			float: right;
			width: 372px;
			margin: 7px 3px 0 0;
			padding: 0 0 0 18px;
			background: url(./../img/layout/bigArrowBlue.png) 4px 8px no-repeat;
			line-height: 1.33;
		}
		
			#userDetail #detailText,
			#websiteDetail #detailText
			{
				width: 385px;
				padding: 0;
				background: none;
			}
		
			#detailText h1
			{
				margin: 0;
				padding: 0;
				color: #fff;
				font-size: 1.5em;
			}
			
				#detailText h1 a
				{
					color: #fff;
				}

				#websiteDetail  h1
				{
					padding: 0 0 10px 18px;
					background: url(./../img/layout/bigArrowBlue.png) 4px 8px no-repeat;
				}
				
			#websiteDetail .addLink
			{
				float: right;
				width: 107px;
			}
			
			#detailText p
			{
				margin: 0 0 5px;
			}
			
			#detailText .moreLink
			{
				float: right;
				background: url(./../img/layout/smallArrowOchre.png) right 6px no-repeat;
				color: #fff; 
				font-size: .9em;			
			}
			
			#detailText table
			{
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0;
				table-layout: auto;
				margin-bottom: 1px;
			}

			
				#detailText th,
				#detailText td
				{
					border-bottom: 1px solid #505c7e;
					text-align: left;
				}
				
					#detailText .last th,
					#detailText .last td
					{
						border-bottom: none;
					}
				
					#detailText th
					{
						padding: 4px 5px 4px 18px; 
						vertical-align: top;
						background: url(./../img/layout/smallArrowBlue.png) 0 8px no-repeat;
						font-size: .85em;
					}
					
					#detailText td
					{
						padding: 2px 0 4px 5px;
						vertical-align: top;
						color: #fff;
						width: 100%;
					}
					
						#detailText td a
						{
							color: #fff;
						}
					
					#detailText #rowName
					{
						height: 2.5em;
						line-height: 2.5em;
					}
					
						#detailText #rowName th
						{
							height: 2.5em;
							line-height: 2.5em;
							background: url(./../img/layout/bigArrowBlue.png) 0 13px no-repeat;
						}
						
						#detailText #rowWeb th
						{
							background: url(./../img/layout/bgrWebRow.png) 0 7px no-repeat;
						}
						
						#detailText #rowWeb th
						{
							background: url(./../img/layout/bgrWebRow.png) 0 7px no-repeat;
						}
						
						#detailText #personRow td
						{
							font-weight: bold;
						}
						
						#detailText #tagsRow td
						{
							padding-top: 4px;
							font-size: .85em;
						}
					
			#detailText .desc
			{
				margin: 0 0 0 18px;
			}
			
			#detailText .website
			{
				margin: 0 0 0 0;
				padding: 0 0 10px 18px;
				background: url(./../img/layout/bgrWebRow.png) 0 6px no-repeat;
				border-bottom: 1px solid #505c7e;
			}
			
				#detailText .website a
				{
					color: #fff;
					font-weight: bold;
				}
						
		
		
		#detailImage
		{
			float: left;
			width: 186px;
			height: 231px;
			margin: 9px 0 14px 3px;
			overflow: hidden;
			font-size: .85em;
		}
		
			#userDetail #detailImage,
			#websiteDetail #detailImage
			{
				min-height: 156px;
				height: auto;
			}
		
			#detailImage img
			{
				margin-bottom: 5px;
			}
			
			#detailImage strong,
			#detailImage a
			{
				color: #fff;
			}
			
				#detailImage strong
				{
					font-size: 1.1em;
				}
				
	.contentItem
	{
		padding: 0 0 15px 0;
		margin: 10px 0 0;
		border-bottom: 1px solid #c7d2eb;
	}
	
			.contentItem .inactive,
			.contentItem .inactive h2,
			.contentItem .inactive span
			{
				color: #c0c0c0 !important;
			}
	
		.contentItem.last
		{
			padding-bottom: 0;
			border-bottom: none;
		}
		
		.contentItem h2
		{
			margin-bottom: 0 !important;
			font-size: 1.25em !important;
			font-weight: bold !important;
		}
			
		.contentItem p
		{
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
		}
		
		.contentItem .moreLink
		{
			/*font-size: .95em;*/
		}
		
		.contentImage
		{
			float: left;
			width: 130px;
			height: 109px;
			margin: 0 10px 0 0;
			overflow: hidden;
		}
		
			#myProjects .contentImage
			{
				width: 100px;
				height: 84px;
			}
		
			.contentImage.media
			{
				width: 175px;
				height: 110px;
				text-align: center;
			}
			
			.contentImage.squareMedia
			{
				width: 110px;
				height: 110px;
				padding: 5px;
				text-align: center;
				border: 1px solid #c7d2eb;				
			}
	
	#friendsBox
	{}
	
		#friendsBox ul
		{
			float: left;
			width: 125px;		
			margin: 0 10px 0 0;
			padding: 0 0 10px 10px;
			list-style-type: none;
		}
		
			#friendsBox li
			{
				padding: 2px 0 3px 12px;
				background: url(./../img/layout/smallArrowLighterBlue.png) 0 7px no-repeat;
			}
			
				#friendsBox li a
				{
					color: #52638d;
					font-size: 1.1em;
				}	
	
	#similarPages
	{}
	
		#similarPages .boxText
		{
			height: 150px;
			padding: 0 0 0 15px;
		}
		
			#similarPages .boxText p
			{
				line-height: 1.75;
		}
		
		#similarPages .featuredItem
		{
			margin: 0 15px 0 0;
		}
	
	
	#discussion 
	{
		margin-top: -5px;
	}
	
		#discussion table
		{
			margin-top: 15px;
		}
		
			#discussion th
			{
				width: 49px;
				padding: 5px 10px 8px 10px;
				background: url(./../img/layout/bgrThead.png) center top no-repeat;
				color: #374060;
				text-align: right;
				font-size: .95em;
			}
			
				#discussion th.left
				{
					width: 100%;
					padding-top: 7px;
					background: url(./../img/layout/bgrThead.png) left top no-repeat !important;
					text-align: left;
					font-size: 1.1em;
				}
				
				#discussion th.right
				{
					/*width: 125px;*/
					width: 75px;
					background: url(./../img/layout/bgrThead.png) right top no-repeat !important;
					/*white-space: nowrap !important;*/
					padding-left: 5px;
				}
			
				#discussion th a
				{
					color: #374060;
				}
				
			#discussion td
			{
				padding-top: 5px;
				text-align: right;
				font-size: .95em;
			}
			
				#discussion td.left
				{
					padding-left: 12px;
					background: url(./../img/layout/smallArrowLightBlue.png) 0 11px no-repeat;
					text-align: left;
				}
				
				#discussion td ins
				{
					color: #52638d;
					font-weight: bold;
				}
				
				#discussion td h2
				{
					margin-bottom: 0 !important;
					margin-top: 0 !important;
					font-size: 1.1em;
					font-weight: bold;
				}
				
				#discussion td i
				{
					color: #949db3;
					font-style: normal;
				}
		
		.discussionTools 
		{
			margin: 10px 0 0;
			height: 34px;
			line-height: 34px;
		}
		
			.discussionTools.top 
			{
				margin-bottom: -5px;
				padding-top: 10px;
				border-top: 1px solid #c7d2eb;
			}
			
			.discussionTools.bottom 
			{
				height: auto;
				border-top: 1px solid #c7d2eb;
			}
			
			.discussionTools .linkButton2
			{
				float: right;
				min-width: 150px;
				width: auto;
			}
	
		.comment
		{
			margin: 0 0 18px;
			padding: 0;
		} 

			.commentHead
			{
				position: relative;
				height: 35px;
				line-height: 35px;
				color: #52638d;
				margin: 0 6px 0 0;
				padding: 0 0 0 15px;
				background: url(./../img/layout/bgrThead.png) left bottom no-repeat;
				border-bottom: 1px solid #c7d2eb;
			}
			
				.commentHead b
				{
					position: absolute;
					top: 4px;
					right: -6px;
					width: 6px;
					height: 31px;
					background: url(./../img/layout/bgrThead.png) right bottom no-repeat;
					border-bottom: 1px solid #c7d2eb;
				}
				
				.commentSupport .commentHead,
				.commentSupport .commentHead b
				{
					background-image: url(./../img/layout/bgrSupportThead.png);
				}
				
				.commentSupport .commentShade
				{
					background: #EFF3FB;
					padding-bottom: 5px;
				}
			
				.commentHead .avatar
				{
					float: left;
					display: block;
					width: 35px;
					height: 35px;
					margin-right: 10px;
					overflow: hidden;
				}
				
				.commentHead h4
				{
					float: left;
					display: block;
					height: 35px;
					line-height: 40px;
					padding-right: .5em !important;
					color: #374060 !important;
					font-size: 1em !important;
					font-weight: bold !important;
				}
				
				.commentHead ins
				{
					float: left;
					display: block;
					height: 35px;
					line-height: 40px;
					color: #52638d;
					font-size: .95em;
				}
		
		.comment p.commentText
		{
			padding: 5px 2px 5px 12px !important;
			background: url(./../img/layout/smallArrowLightBlue.png) 3px 11px no-repeat;
			color: #52638d;
			line-height: 1.5;
		}
		 
		.comment .moreLink
		{
			padding-left: 12px;
		} 

			.comment.level1
			{
				margin-left: 0;
			}
			.comment.level2
			{
				margin-left: 28px;
			}
			
				.comment.level2 textarea
				{
					width: 386px;
					min-width: 386px;
					max-width: 386px;
				}
				
			.comment.level3
			{
				margin-left: 56px;
			}
			
				.comment.level3 textarea
				{
					width: 358px;
					min-width: 358px;
					max-width: 358px;
				}
				
			.comment.level4
			{
				margin-left: 84px;
			}
			
				.comment.level4 textarea
				{
					width: 330px;
					min-width: 330px;
					max-width: 330px;
				}
				
			.comment.level5
			{
				margin-left: 112px;
			}
			
				.comment.level5 textarea
				{
					width: 302px;
					min-width: 302px;
					max-width: 302px;
				}
				
			.comment.level6
			{
				margin-left: 140px;
			}
			
				.comment.level6 textarea
				{
					width: 274px;
					min-width: 274px;
					max-width: 274px;
				}
				

					
/* end: #leftContent */


#rightInfoCol
{
	position: relative;
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
	/*overflow: hidden;*/
}

	#rightInfoCol #signUp
	{
		margin-left: 0;
	}
	
	/* #rightInfoCol */
	
	
.paging
{
	margin: 5px 0 0 12px;
	color: #c7d2eb;
	font-weight: bold;
}

	.paging a
	{
	}
	
	.paging .selected
	{
		color: #374060;
	}
	
	.paging .leftEnd,
	.paging .left,
	.paging,
	.pagingEnd
	{
		position: relative;
		top: -1px; 
		/*font-size: .85em;*/
	}

/* end: .paging */


/* premium services */
.rbcPackagesListTick,
.rbcPackagesListCross
{
	display: block;
	width: 16px;
	height: 16px;
	margin: 3px auto 0;
}

	.rbcPackagesListTick
	{
		background: url(./../img/premium/iconTick.png) 0 0 no-repeat;
	}
	
	.rbcPackagesListCross
	{
		background: url(./../img/premium/iconCross.png) 0 0 no-repeat;
	}
	
	.rbcPackagePriceInfo
	{
		font-size: .95em;
	}
	
	th.cCell,
	td.cCell
	{
		text-align: center !important;
	}
	
	th.rCell,
	td.rCell
	{
		text-align: right !important;
	}
/* end: premium services */



/* samples */
.samplesGroup
{}

	.samplesGroup img
	{
		margin: 0 10px 20px;
	}
/* end: samples */

/* our team */
#ourTeam
{}

	#ourTeam h2
	{
		margin-top: 0;
	}
	
	.personImg
	{
		float: left;
		display: block;
		margin: 0 10px 0 0;
		border: 1px solid #c7d2eb;
	}
/* end: our team */

#stats
{
	position: absolute;
	bottom: 0;
	right: 0;
}



#signUpLink
{
	position: absolute;
	top: 101px;
	right: 8px;
	color: #374060;
	z-index: 100;
	white-space: nowrap;	
	
}

/* #videoText */ 
#videoText
{
	margin: 15px 0 0;
	text-align: left;
}
	#videoText .formRow label
	{
		/*display: none;*/
	}
	
	#videoText .formRow input#videocode
	{
		/*width: 570px;*/
	}
/* end: #videoText */


#homepageTitle
{
	position: absolute;
	top: -10000px;
	left: -15000px;
}


.packages
{
	
}

	.packages .left 
	{
		width: 150px;
	}
	
	.desc
	{
		padding: 3px 0 5px 0 !important;
		font-size: .95em;
		line-height: 1.25 !important;
	}
	
			
#addNewProject
{
	position: relative;
	top: 8px;
	right: 0;
}

#myProjects
{
	margin: 30px 0 0;
}

	#myProjects .tipLink
	{
		position: relative;
		top: 5px;
		float: right;
	}
	
	#myProjects h2 a,
	#myProjects .tipLink a
	{
		color: #52638d;
	}
	
	.projectsTools
	{
		line-height: 24px;
	}
	
		.projectsTools a,
		.projectsTools span
		{
			margin: 5px 0 0;
			display: block;
			float: left;
			height: 24px;
			line-height: 24px;
			color: #52638d;
		}
		
			.projectsTools span
			{
				padding: 0 5px;
				display: none;
			}
			
				.projectsTools span.installInfo
				{
					padding-left: 0;
					padding-right: 15px;
					display: block;
				}
			
			.projectsTools a
			{
				padding: 0 15px 0 32px;
				background: 0 0 no-repeat;
			}
			
				.projectsTools .editProject,
				.projectsTools .editEshop,
				.projectsTools .activateProject
				{
					background-image: url(./../img/layout/icons/edit.png);
					color: #f04f00;
					font-weight: bold;
				}
				
					.projectsTools .editEshop
					{
						background-image: url(./../img/layout/icons/editEshop.png);
					}
				
					.projectsTools .activateProject
					{
						background-image: url(./../img/layout/icons/activate.png);
					}
				
					.projectsTools .deleteProject
					{
						background-image: url(./../img/layout/icons/delete.png);
					}
				
				.projectsTools .viewPage
				{
					background-image: url(./../img/layout/icons/view.png);
				}
			
				.projectsTools .addToCatalogue
				{
					background-image: url(./../img/layout/icons/add.png);
					white-space: nowrap;
				}
	.centering
	{
		border: none !important;
	}
	
		.centering td
		{
			border: none !important;
			padding: 0 !important;
			text-align: center !important;
		}
		
			.centering td .addLink
			{
				float: none !important;
			}
		
		.centering td.space
		{
			/*width: 33%;*/
		}
	
	
	.addLink2
	{
		position: relative;
		display: block;
		min-width: 75px;
		width: auto;
		height: 23px;
		line-height: 23px;
		padding: 0 23px 0 23px;
		background: url(./../img/layout/bgrAddButton2.png) 0 0 no-repeat;
		color: #fff;	
		font-weight: bold;
		white-space: nowrap;
	}
	
		.addLink2 span
		{
			position: absolute;
			top: 0;
			right: -1px;
			display: block;
			width: 23px;
			height: 23px;
			background: url(./../img/layout/bgrAddButton2.png) top right no-repeat;
			cursor: pointer;
		}
		
			.addLink2:hover
			{
				text-decoration: none;
				background-position: 0 -23px;
			}
			
				.addLink2:hover span
				{
					background-position: -807px -23px;
				}	
	
.normalText
{
	font-weight: normal;
}


body#simple,
body#simple .boxText .formRow.error input
{
	background-image: none;
	
}
	
	body#simple #leftContentText
	{
		text-align: left;
	}

	body#simple .boxCase,
	body#simple .boxCaseIn,
	body#simple .boxCaseHeader,
	body#simple .boxText,
	body#simple .boxCaseTL,
	body#simple .boxCaseFooter,
	body#simple .boxCaseFL
	{
		background-image: none;
	}

	
	
	
#deleteForm
{
}

	#deleteForm fieldset
	{
		padding-bottom: 0;
	}
	
	#deleteForm table
	{
		margin-bottom: 0;
	}
	
	#deleteForm td
	{
		text-align: center;
		border-bottom: none;
	}

	#deleteForm td .formButton
	{
		margin: 0 auto;
		padding-left: 0;
		width: 170px;
	}
	 
		#deleteForm #noBtn
		{
			width: 100px;
		}
		
			#deleteForm #noBtn button
			{
				min-width: 100px;
				width: 100px;
			}
		 
		#deleteForm #yesBtn
		{
			width: 225px;
		}
		 
			#deleteForm #yesBtn button
			{
				min-width: 225px;
				width: 225px;
			} 
			
	#deleteProjectInfo
	{
		display: none;
		padding: 10px 0;
		text-align: center;
	}
	
.waitingBlock
{
	width: 100%;
	height: 100%;
	background: transparent url(../img/layout/loading.gif) center center no-repeat;
}	

.tagsHeading h1	
{
	display: inline;	
}

.tagsHeading span
{
	font-weight: bold;
}


.warningInfo
{
	margin: 3px 0 0 0;
	height: 32px;
	padding: 7px 0 5px 40px;
	background: url(./../img/layout/icons/warning.png) 0 center no-repeat;	
}

	.warningInfo[class]
	{
		min-height: 25px;
		height: auto;
	}
	
#expirationInfoBlock a,
.highlightedLinks a
{
	text-decoration: underline;
}
	#expirationInfoBlock a
	{
		font-weight: bold;
	}
	
p.disclaimer
{
	line-height: 1.3em !important;
}

span.avatar
{
	margin-left: 5px;
}

#cm-page 
{
	float: right; 
	position: relative; 
	top: 90px; 
	top: expression( 110 + 'px' );
	margin-right: 5px;
}

h4#cm-page
{
	display: block;
	font-size: 1.1em;
	padding-left: 12px;
	background:transparent url(./../img/layout/smallArrowOrange.png) no-repeat scroll left 8px;
}

#websiteDetail .boxCaseHeader,
#userDetail .boxCaseHeader,
#contentDetail .boxCaseHeader
{
	background-image: url(./../img/layout/bgrProjectDetailNo.jpg) !important;
	background-color: #2C3757;
}

.divAds
{
	text-align: left; 
	margin-left: 12px;
}

#contentDetail .divAds
{
	margin-left: -6px;
}

ul.ulPages
{
	font-size: 1.25em;
	font-weight: bold;
	color: #F8620B;
}

ul.ulPages li
{
	font-size: 1em;
	font-weight: normal;
	height: 32px;
	padding-left: 40px !important;
	color: #374060;
	margin-top: 10px !important;
	padding-top: 2px !important;
}

ul.ulPages li.liFree
{
	background: #FFFFFF url(./../img/layout/bgrStar.png) no-repeat 0 0 !important;
}

ul.ulPages li.liWeb
{
	background: #FFFFFF url(./../img/layout/bgrMouse.png) no-repeat !important;
}

ul.ulPages li.liSimple
{
	background: #FFFFFF url(./../img/layout/bgrCustom.png) no-repeat !important;
}

.divPages #divBigBox
{
	background: url(./../img/layout/bgrBigBox.jpg) no-repeat;
	position: relative;
	font-weight: bold;
	padding: 10px;
	padding-top: expression( 1 + 'px' );
	padding-bottom: expression( 1 + 'px' );
}

.divPages #divBigBox .divTopRight
{
	width: 8px;
	height: 5px;
	background: url(./../img/layout/bgrBigBox.jpg) no-repeat top right;
	position: absolute;
	top: 0px;
	right: 0px;
}

.divPages #divBigBox .divBottomRight
{
	width: 8px;
	height: 5px;
	background: url(./../img/layout/bgrBigBox.jpg) no-repeat bottom right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.divPages #divBigBox .divBottomLeft
{
	width: 8px;
	height: 5px;
	background: url(./../img/layout/bgrBigBox.jpg) no-repeat bottom left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.divPages #divBigBox .divBottom
{
	height: 5px;
	width: 100%;
	background: url(./../img/layout/bgrBigBox.jpg) no-repeat bottom left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
	
.divPages #divBigBox hr
{
	display: none;
}

.divPages #divBigBox #signUpIllustr
{
	background: url(./../img/layout/bgrKsicht.png) no-repeat;
}

.divPages #divBigBox .linkButton
{
	font-weight: bold;
	margin: auto;
	margin-bottom: 5px;
}


.divPages #divBigBox #formFooterArea
{
	margin-top: 10px;
}

.divPages #divBigBox .formRow
{
	position: relative;
	display: block;
	width: 100%;
	line-height: 25px;
	clear: both;
	z-index: 1;
}

.divPages #divBigBox h2
{
	color:#FFBE41;
	font-size:1.45em;
	font-weight:normal;
	line-height:1.2;
	padding:0;
	position:relative;
	z-index:10;
	margin: 0;
	position: relative;
	width: 150px;
	margin-bottom: 5px;
	margin-top: expression( -10 + 'px' );
}

#divBigBoxSignUp
{
	background:transparent url(/img/layout/loading.gif) no-repeat scroll center center;
	padding-top:62px;
	position:relative;
	text-align:center;
	top:50px;
	width:100%;
}

#signupForm
{
}

.divPages #divBigBox .inputCase
{
	width: 170px;
}

.divPages #divBigBox label,
.divPages #divBigBox .behindInput
{
	color: #FFFFFF;
	font-weight: normal;
}

.divPages #divBigBox .behindInput
{
	float: left;
}

.divPages #divBigBox fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

#rightInfoCol #leftContentText
{
	width: auto !important;
}

.divPages #rightInfoCol
{
	width: 215px;
}

.divPages #rightInfoCol label
{
	display: block;
}

.divPages #rightInfoCol .inputCase
{
	background-position:0 -25px;
	float:left;
	height:24px;
	padding:6px 5px 0;
	position:relative;
}

.divPages .formRow .inputCase span 
{
	background-position:-828px -25px;
	height:30px;
}

.divPages .formRow .inputCase input 
{
	color:#374060;
	font-size:1em;
	font-weight:bold;
	width:170px;
}

.divPages #rightInfoCol .formButton
{
	margin-top: 10px;
	padding-left: 55px;
}

.divPages #rightInfoCol .signupFormError
{
	padding-left: 1em !important;
}

.divPages #rightInfoCol .boxText
{
	overflow: visible !important;
}

.divPages #rightInfoCol #leftContentText
{
	overflow: visible !important;
}

.divPages #leftContent
{
	width: 595px;
}

.divPages #leftContentText
{
	width: auto;
}

#aMore
{
	cursor:pointer;
	padding:4px 10px 5px 16px;
	position:relative;
	z-index:50;
}

	#aMore.selected
	{
		background-color:#FFFFFF;
		border:1px solid #7D8BB0;
		border-top: none;
	}

#aMore i
{
	background: url(./../img/layout/smallArrowDownBlue.png) no-repeat scroll 4px 4px;
	display: block;
	position: absolute;
	width: 12px;
	height: 15px;
	left: 1px;
	bottom: 3px;
}

#divLinks
{
	background-color:#F0F2F9;
	border:1px solid #7D8BB0;
	position:absolute;
	z-index:49;
	left: 480px;
	bottom: 23px;
	display: none;
}

#divLinks ul
{
	padding: 0;
	margin: 0;
}

#divLinks ul li
{
	list-style: none;
	display: block;
}

#divLinks ul li a
{
	background:#F0F2F9 url(./../img/layout/smallArrowBlue.png) no-repeat scroll 17px 7px;
	color:#374060;
	display:block;
	margin:0;
	padding:1px 15px 2px 32px;
}

	#divLinks ul li a:hover
	{
		background-color: #FFFFFF;
		background-image: url(./../img/layout/smallArrowOrange.png);
		text-decoration: none;
	}
	
#divTrainings ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#divTrainings ul li
{
	background:transparent url(./../img/layout/smallArrowLighterBlue.png) no-repeat scroll 0 7px;
	border-bottom:1px solid #C7D2EB;
	padding:2px 0 3px 12px;
}

#divTrainings ul li a
{
	color: #52638D;
}

#divTrainings a.moreLink
{
	float: right;
	margin-top: 4px;
	background-position: right 6px;
}

#divTrainingsBox
{
	background: transparent url(./../img/layout/bgrBlueBox.jpg) no-repeat scroll;
	color: #FFFFFF;
	position: relative;
}

	#divTrainingsBox #divBlackboard
	{
		background: transparent url(./../img/layout/bgrTabula.png) no-repeat scroll;
		position: absolute;
		width: 60px;
		height: 60px;
		right: 10px;
		top: -15px;
	}

	#divTrainingsBox ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
		#divTrainingsBox ul li
		{
			
		}
		
	#divTrainingsBox a.moreLink
	{
		background-position:right 6px;
		color:#C8E6FA;
		display:block;
		float:right;
		margin-right:7px;
	}

	#divTrainingsBox li a
	{
		color: #C8E6FA;
		display: block;
		min-height: 35px;
		padding: 1px 2px 3px 30px;
		background: transparent url(./../img/layout/bigArrowTransparent.png) no-repeat scroll 0 4px;
		border-bottom: 1px solid #3D789E;
		font-size:0.9em;
		font-weight:bold;
		line-height:1.33;
	}
	
	#divTrainingsBox li a:hover
	{
		background: transparent url(./../img/layout/bigArrowGreenHover.png) no-repeat scroll 0 4px;
	}
		
	#divTrainingsBox #divTrainingsBoxContent
	{
		padding: 10px 5px 5px 10px; 
	}

	#divTrainingsBox .divPurpleBottom
	{
		background: transparent url(./../img/layout/bgrBlueBox.jpg) no-repeat scroll bottom left;
		height: 10px;
	}
	
	#divTrainingsBox h2
	{
		color:#FFFFFF;
		font-size:1.75em;
		font-weight:normal;
		line-height:1.15;
		margin:0;
		padding:0;
		position:relative;
		z-index:10;
		margin-bottom: 10px;
	}