/* General */

/** Basic **/

html
{
	overflow-x: hidden;
}

body
{
	margin: 0px;
	padding: 0px;
	min-width: 975px;
	background-color: #2d2c2c;
	background-image: url("http://images.kameleoon.com/common/site/general/footer-background.jpg");
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

a img
{
	border: 0px;
}

.Hidden
{
	display: none;
}

.NoOverflow
{
	overflow: hidden;
}

fieldset
{
	border: solid 1px #9b9585;
}

div.Content
{
	position: relative;
	background-repeat: repeat;
	z-index: 1;
}

div.BackgroundDecoration
{
	position: absolute;
	overflow: hidden;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}

div.TopDecoration
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

div.BottomDecoration
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

div.LeftDecoration
{
	position: absolute;
	overflow: hidden;
	top: 0px;
	bottom: 0px;
	left: 0px;
}

div.RightDecoration
{
	position: absolute;
	overflow: hidden;
	right: 0px;
	bottom: 0px;
	top: 0px;
}

div.TopLeftDecoration
{
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.TopRightDecoration
{
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.BottomLeftDecoration
{
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.BottomRightDecoration
{
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/** Common **/

.ListFrame
{
	list-style-image: url("http://images.kameleoon.com/common/site/general/bullet.png");
	width: 40%;
	margin: 0px auto 30px auto;
	font-size: 18px;
	background-color: #f4ffdb;
	border: 1px dashed #404b18;
	padding: 10px 20px 10px 10px;
	line-height: 140%;
	text-align: center;
	min-width: 700px;
}

.KeyboardSequence
{
	color: #2e3436;
	font-weight: bold;
}

.MenuSequence
{
	color: #2e3436;
	font-style: italic;
	font-weight: bold;
}

h1
{
	font-size: 26px;
	color: #404b18;
	text-shadow: 1px 1px 1px rgba(183, 206, 102, 0.5);
}

.ImportantSentence
{
	text-shadow: 1px 1px 1px rgba(183, 206, 102, 0.5);
}

.CodeSnippet
{
	position: relative;
	overflow: hidden;
}

.CodeSnippet > .TopLeftDecoration
{
	height: 5px;
	width: 5px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/codesnippet-top-left.png");
}

.CodeSnippet > .TopRightDecoration
{
	height: 5px;
	width: 5px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/codesnippet-top-right.png");
}

.CodeSnippet > .BottomLeftDecoration
{
	height: 5px;
	width: 5px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/codesnippet-bottom-left.png");
}

.CodeSnippet > .BottomRightDecoration
{
	height: 5px;
	width: 5px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/codesnippet-bottom-right.png");
}

.CodeSnippet > .TopDecoration
{
	background-color: #000000;
	height: 0px;
	left: 5px;
	right: 5px;
	width: auto;
	display: block;
	border-bottom: solid 5px #3f310e;
}

.CodeSnippet > .BottomDecoration
{
	background-color: #000000;
	height: 0px;
	left: 5px;
	right: 5px;
	width: auto;
	display: block;
	border-top: solid 5px #3f310e;
}

.CodeSnippet > .LeftDecoration
{
	background-color: #000000;
	width: 0px;
	top: 5px;
	bottom: 5px;
	height: auto;
	display: block;
	border-right: solid 5px #3f310e;
}

.CodeSnippet > .RightDecoration
{
	background-color: #000000;
	width: 0px;
	top: 5px;
	bottom: 5px;
	height: auto;
	display: block;
	border-left: solid 5px #3f310e;
}

.CodeSnippet > .Content
{
	color: #ffffff;
	padding: 10px 20px;
	font-family: Andale Mono;
	font-size: 14px;
	overflow: auto;
}

.CodeSnippet > .BackgroundDecoration
{
	background-color: #3f310e !important;
	display: block;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}

/* Layout */

/** Header **/

#headerRegion
{
	background-image: url("http://images.kameleoon.com/common/site/general/header-background.jpg");
	background-position: center top;
	font-family: Verdana, sans-serif;
	font-size: 12pt;
	padding-top: 8px;
	height: 125px;
}

#headerRegionCenteredArea
{
	margin: auto;
	width: 975px;
	position: relative;
	color: white;
}

#headerRegionCenteredArea .Logo
{
	position: absolute;
	top: 10px;
	left: 120px;
}

html[lang="en"] #headerRegionCenteredArea .CatchPhrase
{
	position: absolute;
	top: 20px;
	left: 320px;
}

html[lang="fr"] #headerRegionCenteredArea .CatchPhrase
{
	position: absolute;
	top: 43px;
	left: 292px;
}

html[lang="en"] #headerRegionCenteredArea .DesignFreely
{
	position: absolute;
	top: 58px;
	left: 410px;
}

html[lang="fr"] #headerRegionCenteredArea .DesignFreely
{
	position: absolute;
	top: 62px;
	left: 310px;
}

#headerRegionCenteredArea .Decoration
{
	background-image: url("http://images.kameleoon.com/common/site/general/header-decoration.png");
	position: absolute;
	top: 40px;
	left: 650px;
	width: 219px;
	height: 60px;
}

#headerRegionRightArea
{
	float: right;
}

#headerRegionRightArea a
{
	text-decoration: none;
	color: white;
}

#headerRegionRightArea .SignupLinks a:hover
{
	text-decoration: underline;
}

#headerRegionRightArea span.Separated
{
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/header-menu-decoration.png");
	background-position: right;
	padding-right: 25px;
	margin: 2px;
}

#headerRegionRightArea span.SocialNetworks
{
	margin-left: 10px;
}

#headerRegionRightArea .Signup
{
	color: #6b8025;
}

#headerRegionRightArea .SocialNetworks img
{
	padding-right: 5px;
}

/* Language Switcher */

.LanguageSwitcher img.LanguageTriangle
{
	left: 8px;
	top: -4px;
	padding-right: 3px;
}

.LanguageSwitcher
{
	position: relative;
}

.LanguageSwitcher img
{
	position: relative;
	top: 2px;
}

.LanguageSwitcher div.Menu
{
	padding-top: 15px;
	position: absolute;
	bottom: -60px;
	left: 0px;
	display: none;
}

.LanguageSwitcher:hover div.Menu
{
	display: block;
}

div.LocaleList
{
	font-weight: normal;
	width: 100px;
	background-color: #1f233e;
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

div.LocaleList ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.LocaleList ul li
{
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	height: 20px;
	cursor: pointer;
	font-size: 12px;
}

#headerRegionRightArea div.LocaleList ul li:hover a
{
	color: #0480b7;
}

div.LocaleList ul li span
{
	position: relative;
	top: 3px;
}

div.LocaleList ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	margin: -2px;
	padding: 2px;
}

div.LocaleList ul li img
{
	float: right;
	margin-right: 4px;
}

/** Navigation Region **/

#navigationRegion
{
	position: relative;
	z-index: 2;
}

#navigationRegionTopArea
{
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-background.png");
	height: 30px;
}

#navigationRegionBottomArea
{
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-bottom-background.png");
	height: 30px;
}

#navigationRegionTopArea .CenteredBlock, #navigationRegionBottomArea .CenteredBlock
{
	margin: auto;
	width: 975px;
}

#navigationRegionTopArea span
{
	position: relative;
}

div.HoverNavigationMenu
{
	display: none;
	position: absolute;
	top: 30px;
	left: -4px;
	min-width: 110px;
	z-index: 1;
}

div.HoverNavigationMenu a
{
	display: block;
}

#navigationRegion div.HoverNavigationMenu a:hover
{
	color: #edd400;
}

#navigationRegion #navigationRegionBottomArea a:hover
{
	color: #edd400;
}

span:hover div.HoverNavigationMenu
{
	display: block;
}

div.HoverNavigationMenu > .TopLeftDecoration
{
	height: 8px;
	width: 12px;
	display: block;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-top-left.png");
}

div.HoverNavigationMenu > .TopRightDecoration
{
	height: 8px;
	width: 12px;
	display: block;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-top-right.png");
}

div.HoverNavigationMenu > .BottomLeftDecoration
{
	height: 12px;
	width: 12px;
	display: block;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-bottom-left.png");
}

div.HoverNavigationMenu > .BottomRightDecoration
{
	height: 12px;
	width: 12px;
	display: block;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-bottom-right.png");
}

div.HoverNavigationMenu > .TopDecoration {
	display: block;
	height: 8px;
	left: 12px;
	right: 12px;
	width: auto;
	background-color: #a40000 !important;
}

div.HoverNavigationMenu > .BottomDecoration
{
	display: block;
	height: 12px;
	left: 12px;
	right: 12px;
	width: auto;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-bottom.png");
}

div.HoverNavigationMenu > .LeftDecoration
{
	display: block;
	width: 12px;
	top: 8px;
	bottom: 12px;
	height: auto;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-left.png");
}

div.HoverNavigationMenu > .RightDecoration
{
	display: block;
	width: 12px;
	top: 8px;
	bottom: 12px;
	height: auto;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-hover-menu-right.png");
}

div.HoverNavigationMenu > .BackgroundDecoration
{
	display: block;
	left: 12px;
	right: 12px;
	top: 8px;
	bottom: 12px;
	background-color: #a40000 !important;
}

div.HoverNavigationMenu > .Content
{
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

#navigationRegion span
{
	display: inline-block;
	color: white;
	line-height: 30px;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-separator.png");
	background-position: right;
	position: relative;
}

#navigationRegion a
{
	text-decoration: none;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
}

#navigationRegion #navigationRegionBottomArea a
{
	padding: 0px 30px;
}

#navigationRegion #navigationRegionBottomArea a.FirstLink
{
	padding-left: 15px;
}

#navigationRegionTopArea span:hover, #navigationRegionTopArea span.SelectedSection
{
	background-color: #a40000;
}

#navigationRegion span.SelectedSubsection a
{
	color: #fcaf3e;
}

#navigationRegion span span
{
	display: none;
}

#navigationRegion span.SelectedSubsection span
{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 7px;
	background-image: url("http://images.kameleoon.com/common/site/general/navigation-triangle.png");
	background-position: center;
}

/** Splash Region **/

#splashRegion
{
	background-image: url("http://images.kameleoon.com/common/site/general/splash-background.jpg");
	height: 250px;
	position: relative;
}

#splashRegion .LeftBlock
{
	float: left;
	width: 3%;
	height: 100%;
}

#splashRegion .RightBlock
{
	float: right;
	width: 3%;
	height: 100%;
	position: relative;
	z-index: 10;
}

#splashRegion .DesignPage
{
	height: 230px;
	width: 480px;
	display: inline-block;
	/*overflow: auto;*/
	/*position: fixed;*/
	margin: 0px auto 0px auto;
	position: relative;
}

#splashRegion .DesignPage a
{
	display: block;
	text-decoration: none;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

html[lang="en"] #splashRegion .DesignPage
{
	background-image: url("http://images.kameleoon.com/common/site/en/splash-before-after.png");
}

html[lang="fr"] #splashRegion .DesignPage
{
	background-image: url("http://images.kameleoon.com/common/site/fr/splash-before-after.png");
}

#splashRegion .DesignPage:hover
{
	background-position: 0px -230px;
}

#splashRegion .DesignPage span
{
	position: relative;
	right: 500px;
}

#splashRegionDemoArea
{
	float: right;
	height: 235px;
	width: 305px;
	background-repeat: no-repeat;
	margin-top: 15px;
	position: relative;
	z-index: 1;
}

html[lang="en"] #splashRegionDemoArea
{
	background-image: url("http://images.kameleoon.com/common/site/en/splash-demo-background.png");
}

html[lang="fr"] #splashRegionDemoArea
{
	background-image: url("http://images.kameleoon.com/common/site/fr/splash-demo-background.png");
}

#splashRegionDemoArea #setupGenericForm
{
	margin-top: 55px;
	margin-left: 25px;
	margin-bottom: 35px;
}

#splashRegionDemoArea input[type=text]
{
	width: 230px;
	border-top: 1px solid #ce5c00;
	border-bottom: 1px solid #fffe9b;
	border-left: 1px solid #ce5c00;
	border-right: 1px solid #fffe9b;
	float: left;
}

#splashRegionDemoArea .GoButton
{
	background-image: url("http://images.kameleoon.com/common/site/general/splash-demo-go.png");
	height: 25px;
	border: none;
	width: 24px;
	padding: 0px;
	margin-left: 5px;
	background-color: transparent;
	position: relative;
	top: -2px;
	cursor: pointer;
	z-index: 1;
}

#splashRegionDemoArea .OtherDemos
{
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	text-align: center;
	padding: 0px 10px 5px 10px;
	margin-bottom: -3px;
}

#splashRegionDemoArea .OtherDemos a
{
	text-decoration: none;
	color: black;
}

#splashRegionDemoArea .OtherDemos:hover a
{
	color: #5b2900;
}

#splashRegion .Shadow
{
	background-image: url("http://images.kameleoon.com/common/site/general/splash-bottom-shadow.png");
	position: absolute;
	bottom: 0px;
	height: 13px;
	left: 0px;
	right: 0px;
	z-index: 2;
}

/** Main region **/

#mainRegion
{
	min-height: 300px;
	padding: 1px 50px 30px 3%;
	clear: both;
	background-color: #fcf9f1;
	position: relative;
	z-index: 1;
}

#mainRegionLeftArea .Intro
{
	font-family: "Trebuchet MS", sans-serif;
	color: #404b18;
	margin: 15px 10px 25px 10px;
	padding: 8px 8px 8px 50px;
}

#mainRegionLeftArea .Intro h1
{
	margin: 0px;
}

#mainRegionLeftArea .Intro ul
{
	list-style-image: url("http://images.kameleoon.com/common/site/main/main-top-bullet.png");
	font-size: 16px;
	margin-top: 30px;
}

#mainRegionLeftArea .Intro li
{
	margin-bottom: 20px;
}

.RoundedFrame > .TopLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/rounded-frame-top-left.png");
}

.RoundedFrame > .TopRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/rounded-frame-top-right.png");
}

.RoundedFrame > .BottomLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/rounded-frame-bottom-left.png");
}

.RoundedFrame > .BottomRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/general/rounded-frame-bottom-right.png");
}

.RoundedFrame > .TopDecoration
{
	background-color: #404b18;
	height: 1px;
	left: 8px;
	right: 8px;
	display: block;
}

.RoundedFrame > .BottomDecoration
{
	background-color: #404b18;
	height: 1px;
	left: 8px;
	right: 8px;
	display: block;
}

.RoundedFrame > .LeftDecoration
{
	background-color: #404b18;
	width: 1px;
	top: 8px;
	bottom: 8px;
	display: block;
}

.RoundedFrame > .RightDecoration
{
	background-color: #404b18;
	width: 1px;
	top: 8px;
	bottom: 8px;
	display: block;
}

.RoundedFrame
{
	position: relative;
	padding: 8px;
}

.RoundedFrame > .Content
{
	background-color: transparent !important;
	color: #404b18;
}

.RoundedFrame > .BackgroundDecoration
{
	background-color: transparent !important;
	display: block;
	left: 8px;
	right: 8px;
	top: 8px;
	bottom: 8px;
}

.Intro .TopLeftAdditionalDecoration
{
	position: absolute;
	top: -3px;
	left: -3px;
	height: 38px;
	width: 47px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/main/rounded-frame-top-left-additional.png");
}

#mainRegionLeftArea
{
	overflow: hidden;
}

#mainRegionRightArea
{
	float: right;
	margin: 50px 0px 50px 3%;
	position: relative;
	width: 33%;
	min-width: 350px;
}

#mainRegionRightArea h2
{
	text-align: center;
}

#mainRegionRightArea > .TopLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/main/main-right-top-left.png");
}

#mainRegionRightArea > .TopRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/main/main-right-top-right.png");
}

#mainRegionRightArea > .BottomLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/main/main-right-bottom-left.png");
}

#mainRegionRightArea > .BottomRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/main/main-right-bottom-right.png");
}

#mainRegionRightArea > .TopDecoration
{
	background-color: #5c6e20;
	height: 1px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-bottom: solid 7px #9bb935;
}

#mainRegionRightArea > .BottomDecoration
{
	background-color: #5c6e20;
	height: 1px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-top: solid 7px #9bb935;
}

#mainRegionRightArea > .LeftDecoration
{
	background-color: #5c6e20;
	width: 1px;
	top: 8px;
	bottom: 8px;
	height: auto;
	display: block;
	border-right: solid 7px #9bb935;
}

#mainRegionRightArea > .RightDecoration
{
	background-color: #5c6e20;
	width: 1px;
	top: 8px;
	bottom: 8px;
	height: auto;
	display: block;
	border-left: solid 7px #9bb935;
}

#mainRegionRightArea > .Content
{
	font-family: Verdana, Arial, Lucida Sans, sans-serif;
	/*color: #7f7f7f;*/
	color: black;
	font-size: 11px;
	padding: 8px 20px 8px 20px;
	text-align: justify;
}

#mainRegionRightArea > .BackgroundDecoration
{
	background-color: #9bb935;
	background-image: url("http://images.kameleoon.com/common/site/main/main-right-background.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	left: 8px;
	right: 8px;
	top: 8px;
	bottom: 8px;
}

#mainRegionBottomArea
{
	background-image: url("http://images.kameleoon.com/common/site/main/main-bottom-decoration.png");
	width: 320px;
	height: 32px;
	margin: 30px auto 0px auto;
}

#splashRegion #setupGenericPopup {
	position: absolute;
	left: -360px;
	top: 130px;
	padding: 17px 17px 17px 17px;
	width: 350px;
	z-index: 10;
}

/** Footer **/

#footerRegion
{
	padding: 20px 0px 0px 30px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

#footerRegionLeftArea
{
	/*width: 60%;*/
	width: 45%;
	color: white;
	float: left;
	border-right: 3px solid #2b2524;
}

#footerRegionLeftAreaContent
{
	float: right;
	margin-right: 0px;
}

#footerRegionRightArea
{
	color: white;
	margin-right: 30px;
	padding-left: 30px;
	overflow: hidden;
}

#footerRegionLeftArea div, #footerRegionRightArea div
{
	float: left;
	margin-right: 50px;
	font-weight: bold;
	font-size: 14px;
}

#footerRegionRightArea div
{
	margin-right: 25px;
}

#footerRegion ul
{
	padding-top: 5px;
	list-style-image: none;
	list-style-type: none;
	color: #929292;
	padding-left: 0px;
}

#footerRegion ul li, #footerRegion ul li a
{
	font-weight: normal;
	color: #929292;
	margin-bottom: 4px;
	text-decoration: none;
	font-size: 12px;
}

#footerRegion ul li a:hover
{
	color: #3eb1e7;
	text-decoration: none;
}

#footerRegion .Copyright
{
	float: none;
	clear: both;
	text-align: right;
	margin-right: 0px;
	font-weight: normal;
}

/* Landing Page */

/** Blog **/

.BlogEntry
{
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
}

.BlogCategory
{
	font-size: 16px;
	color: black;
	font-family: Verdana, sans-serif;
	padding: 5px 5px 5px 10px;
	clear: both;
	background-color: #fdf4a7;
	line-height: 21px;
	margin: 0px 25px 0px 20px;
}

.BlogTitle
{
	color: #6b8025;
	font-family: "Trebuchet MS", sans-serif;
	line-height: 26px;
	position: relative;
	float: left;
	z-index: 1;
}

.BlogTitle h2
{
	margin: 0px;
	font-size: 20px;
}

.BlogTitle .Content
{
	position: relative;
	z-index: 1;
	padding: 10px 35px 10px 25px;
}

.BlogTitle .Content span
{
	display: inline-block;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-decoration-title.png");
	width: 20px;
	height: 11px;
	margin-right: 10px;
}

.BlogTitle .BackgroundDecoration
{
	background-color: #e9e5d9;
	position: absolute;
	top: 32px;
	bottom: 0px;
	left: 29px;
	right: 29px;
}

.BlogTitle > .TopDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-top.png");
	background-repeat: repeat-x;
	height: 32px;
	top: 0px;
	left: 29px;
	right: 29px;
}

.BlogTitle .RightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-right.png");
	background-repeat: repeat-y;
	width: 29px;
	top: 32px;
	bottom: 4px;
	right: 0px;
}

.BlogTitle .TopLeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-top-left.png");
	background-repeat: repeat-x;
	width: 29px;
	height: 32px;
	top: 0px;
	left: 0px;
}

.BlogTitle > .TopRightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-top-right.png");
	background-repeat: repeat-x;
	width: 29px;
	height: 32px;
	top: 0px;
	right: 0px;
}

.BlogContent
{
	clear: both;
	position: relative;
	overflow: hidden;
}

.BlogContent > .Content
{
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	font-family: "Trebuchet MS", sans-serif;
	text-align: justify;
	z-index: 1;
	position: relative;
}

.BlogContent .Content a
{
	color: #6b8025;
}

.BlogContent > .BackgroundDecoration
{
	background-color: #e9e5d9;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 29px;
	right: 29px;
}

.BlogEntry > .TopDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-top.png");
	background-repeat: repeat-x;
	height: 32px;
	top: 35px;
	left: 29px;
	right: 29px;
}

.BlogEntry .BottomDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-bottom.png");
	background-repeat: repeat-x;
	height: 30px;
	bottom: 0px;
	left: 29px;
	right: 29px;
}

.BlogEntry .LeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-left.png");
	background-repeat: repeat-y;
	width: 29px;
	top: 32px;
	left: 0px;
	bottom: 30px;
}

.BlogEntry > .RightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-right.png");
	background-repeat: repeat-y;
	width: 29px;
	top: 67px;
	bottom: 30px;
	right: 0px;
}

.BlogEntry > .TopRightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-top-right.png");
	background-repeat: repeat-x;
	width: 29px;
	height: 32px;
	top: 35px;
	right: 0px;
}

.BlogEntry .BottomLeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-bottom-left.png");
	width: 29px;
	height: 30px;
	bottom: 0px;
	left: 0px;
}

.BlogEntry .BottomRightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/main/main-article-bottom-right.png");
	width: 29px;
	height: 30px;
	bottom: 0px;
	right: 0px;
}

/* Demonstration Page */

#mainRegion #setupGenericPopup
{
	margin-top: 15px;
	margin-left: 20px;
	position: relative;
	padding: 17px 17px 17px 17px;
	width: 450px;
}

#mainRegion #setupGenericUrl
{
	width: 400px;
	font-size: 18px;
}

#goButton
{
	background-image: url("http://images.kameleoon.com/common/site/resources/go-button.png");
	height: 30px;
	border: none;
	width: 40px;
	padding: 0px;
	margin-left: 40px;
}

#goButton:hover
{
	background-position: -40px 0px;
}

#setupGenericPopup .Content
{
	position: relative;
	z-index: 1;
	font-size: 12px;
	margin-right: 0px;
}

#setupGenericPopup .BackgroundDecoration
{
	position: absolute;
	top: 7px;
	bottom: 35px;
	left: 10px;
	right: 10px;
	background-color: #ffffff;
}

#setupGenericPopup .TopDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-top.png");
	background-repeat: repeat-x;
	height: 7px;
	top: 0px;
	left: 23px;
	right: 23px;
}

#setupGenericPopup .TopDecoration img
{
	position: relative;
	top: -17px;
}

#setupGenericPopup .BottomDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-bottom.png");
	background-repeat: repeat-x;
	height: 35px;
	bottom: 0px;
	left: 18px;
	right: 17px;
}

#setupGenericPopup .LeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-left.png");
	background-repeat: repeat-y;
	width: 10px;
	top: 17px;
	bottom: 35px;
	left: 0px;
}

#setupGenericPopup .RightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-right.png");
	background-repeat: repeat-y;
	width: 10px;
	top: 17px;
	bottom: 35px;
	right: 0px;
}

#setupGenericPopup .TopLeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-top-left.png");
	background-repeat: repeat-x;
	width: 23px;
	height: 17px;
	top: 0px;
	left: 0px;
}

#setupGenericPopup .TopRightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-top-right.png");
	background-repeat: repeat-x;
	width: 23px;
	height: 17px;
	top: 0px;
	right: 0px;
}

#setupGenericPopup .BottomLeftDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-bottom-left.png");
	width: 18px;
	height: 35px;
	bottom: 0px;
	left: 0px;
}

#setupGenericPopup .BottomRightDecoration
{
	position: absolute;
	background-image: url("http://images.kameleoon.com/common/site/general/popup-bottom-right.png");
	width: 17px;
	height: 35px;
	bottom: 0px;
	right: 0px;
}

h2#genericDemonstrationTitle
{
	margin-bottom: 10px;
	color: #096589;
}

h2#demonstrationTitle
{
	margin-top: 50px;
	color: #005278;
}

.DemoDecoration
{
	background-image: url("http://images.kameleoon.com/common/site/resources/demo-decoration.png");
	width: 538px;
	height: 29px;
	margin-bottom: 10px;
}

.DemoLink
{
	width: 540px;
	float: left;
}

.DemoDownload
{
	float: left;
	position: relative;
	margin-top: 10px;
}

.DemoPresentation
{
	clear: left;
}

#socialNetworksDemoPromotion
{
	margin-top: 25px;
	margin-bottom: 15px;
	font-style: italic;
}

#socialNetworksDemoPromotion textarea
{
	margin: 10px 0px 10px 0px;
	border: 1px solid gray;
	width: 95%;
	max-height: 100px;
}

#socialNetworksDemoPromotion .Twitter
{
	background: url("http://images.kameleoon.com/common/site/resources/twitter-button.png") bottom left no-repeat;
	color: #ffffff;
	border: solid 1px #5472ad;
	padding: 0px 10px 0px 34px;
	height: 25px;
	margin-right: 30px;
	cursor: pointer;
}

#socialNetworksDemoPromotion .Twitter:hover
{
	background: url("http://images.kameleoon.com/common/site/resources/twitter-button.png") top left no-repeat;
	border: solid 1px #445c8d;
}

#socialNetworksDemoPromotion .Facebook
{
	background: url("http://images.kameleoon.com/common/site/resources/facebook-button.png") bottom left no-repeat;
	color: #ffffff;
	border: solid 1px #5472ad;
	padding: 0px 10px 0px 34px;
	height: 25px;
	cursor: pointer;
}

#socialNetworksDemoPromotion .Facebook:hover
{
	background: url("http://images.kameleoon.com/common/site/resources/facebook-button.png") top left no-repeat;
	border: solid 1px #445c8d;
}

#socialNetworksDemoPromotion form
{
	margin-bottom: 15px;
	text-align: center;
}

/* Platforms Page */

.Platforms
{
	color: #404b18;
}

.Platforms em
{
	color: #ce5c00;
	font-style: normal;
}

.Guide ul li
{
	margin-bottom: 10px;
}

/* FAQ Page */

.FAQ
{
	color: #404b18;
}

#faqCategories
{
	list-style-image: url("http://images.kameleoon.com/common/site/general/bullet.png");
	width: 40%;
	margin: 0px auto 30px auto;
	font-size: 18px;
	background-color: #f4ffdb;
	border: 1px dashed #404b18;
	padding: 10px 20px 10px 10px;
	line-height: 140%;
	text-align: center;
	min-width: 700px;
}

#faqCategories ul li
{
	margin-bottom: 8px;
}

#faqCategories ul li a
{
	margin-left: 8px;
	position: relative;
	bottom: 3px;
}

.FAQ h2, .Platforms h2
{
	font-size: 1.2em;
	border-bottom: 1px solid #404b18;
	overflow: hidden;
	padding-bottom: 5px;
	margin-top: 30px;
}

.Question
{
	color: #ce5c00;
	font-size: 1.05em;
}

.Answer
{
	padding-left: 50px;
	margin: 10px 0px;
	text-align: justify;
	line-height: 140%;
}

/* Guide Page */

.Guide
{
	color: #404b18;
}

#integrationGuides
{
	list-style-image: url("http://images.kameleoon.com/common/site/general/bullet.png");
	width: 40%;
	margin: 0px auto 30px auto;
	font-size: 18px;
	background-color: #f4ffdb;
	border: 1px dashed #404b18;
	padding: 10px 20px 10px 10px;
	line-height: 140%;
	text-align: center;
	min-width: 700px;
}

#integrationGuides ul li
{
	margin-bottom: 10px;
}

.Guide h2
{
	color: #404b18;
	text-shadow: 1px 1px 1px rgba(183, 206, 102, 0.5);
}

.Guide h3
{
	border-bottom: 2px solid black;
	overflow: hidden;
	padding-bottom: 5px;
	margin-top: 30px;
}

.Guide em
{
	color: #ce5c00;
	font-style: normal;
}

/* Pricing Page */

.Pricing
{
	color: #404b18;
}

.Pricing em
{
	color: #ce5c00;
	font-style: normal;
}

#pricingTable
{
	width: 60%;
	min-width: 600px;
	margin: 0px auto 25px auto;
	position: relative;
}

#pricingTable table
{
	font-size: 17px;
	border: 1px solid #404b18;
	border-collapse: separate;
	border-spacing: 0px;
	padding: 2px;
	width: 100%;
	background-color: #ffffff;
}

.Pricing table td
{
	padding: 10px;
}

.Pricing table td, .Pricing table th
{
	border-top: 1px solid #404b18;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #404b18;
}

div.Pricing table th
{
	border-top: none;
}

.Pricing table td.RightColumn, .Pricing table th.RightColumn
{
	padding: 10px;
	border-right: none;
}

#pricingTable > .TopLeftDecoration
{
	left: -8px;
	top: -8px;
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-top-left.png");
}

#pricingTable > .TopRightDecoration
{
	right: -8px;
	top: -8px;
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-top-right.png");
}

#pricingTable > .BottomLeftDecoration
{
	left: -8px;
	bottom: -8px;
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-bottom-left.png");
}

#pricingTable > .BottomRightDecoration
{
	right: -8px;
	bottom: -8px;
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-bottom-right.png");
}

#pricingTable > .TopDecoration
{
	background-repeat: repeat-x;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-top.png");
	height: 8px;
	top: -8px;
	display: block;
}

#pricingTable > .BottomDecoration
{
	background-repeat: repeat-x;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-bottom.png");
	height: 8px;
	bottom: -8px;
	display: block;
}

#pricingTable > .LeftDecoration
{
	background-repeat: repeat-y;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-left.png");
	width: 8px;
	left: -8px;
	display: block;
}

#pricingTable > .RightDecoration
{
	background-repeat: repeat-y;
	background-image: url("http://images.kameleoon.com/common/site/solutions/pricing-table-right.png");
	width: 8px;
	right: -8px;
	display: block;
}

#integrationPrices
{
	list-style-image: url("http://images.kameleoon.com/common/site/solutions/bullet.png");
}

#integrationPrices li
{
	margin-bottom: 30px;
}

.Pricing #customDesign ul li
{
	margin-bottom: 10px;
}

#pricingSections
{
	list-style-image: url("http://images.kameleoon.com/common/site/general/bullet.png");
	width: 40%;
	margin: 0px auto 20px auto;
	font-size: 18px;
	background-color: #f4ffdb;
	border: 1px dashed #404b18;
	padding: 10px 5px 0px 10px;
	line-height: 140%;
	text-align: center;
	min-width: 700px;
}

#pricingSections span
{
	font-size: 14px;
	position: relative;
	bottom: 3px;
}

#pricingSections span a
{
	font-size: 18px;
	margin-right: 20px;
}

#pricingSections ul li
{
	margin-bottom: 15px;
}

/* Compatibility */

.Wrapper
{
	width: 975px;
	margin: 20px auto 20px auto;
}

/* Main Region (old) */

#mainRegion a
{
	color: #0480b7;
}

#mainRegionCenterArea
{
	z-index: 1;
	padding-left: 20px;
	padding-bottom: 20px;
	position: relative;
}

#mainRegionNavigationArea
{
	float: right;
	position: relative;
	left: 0px;
	padding: 15px 0px 20px 50px;
}

#mainRegionNavigationArea.Customer .Navigation div.BottomSpacedLarge
{
	margin-bottom: 50px;
}

#mainRegionNavigationArea.Customer .Navigation div:hover
{
	background-image: url("http://images.kameleoon.com/common/site/customer/item-menu-hover.png");
}

#mainRegionNavigationArea.Customer .Navigation div:hover a
{
	color: #ffffff;
}

#mainRegionNavigationArea a
{
	display: block;
}

html[lang="fr"] #mainRegionNavigationArea.Customer a
{
	font-size: 15px;
}

#mainRegionNavigationArea.Customer a.Logout
{
	vertical-align: bottom;
	display: inline-block;
}

html[lang="en"] #mainRegionNavigationArea.Customer a.Logout
{
	width: 80px;
	height: 31px;
	background-image: url("http://images.kameleoon.com/common/site/en/logout.png");
}

html[lang="en"] #mainRegionNavigationArea.Customer a.Logout:hover
{
	background-position: -80px 0px;
}

html[lang="fr"] #mainRegionNavigationArea.Customer a.Logout
{
	width: 147px;
	height: 35px;
	background-image: url("http://images.kameleoon.com/common/site/fr/logout.png");
}

html[lang="fr"] #mainRegionNavigationArea.Customer a.Logout:hover
{
	background-position: -147px 0px;
}

/* Products Page */

.ProductWrapper
{
	width: 800px;
	height: 150px;
	margin: 20px auto;
	border: 1px solid #9b9585;
	padding: 15px;
}

.ProductClass
{
	font-weight: bold;
	color: #ce5c00;
}

.ProductIcon
{
	margin-top: 10px;
}

.ProductDescriprion
{
	float: right;
	width: 700px;
}

/* Analyst Page */

.IntroductionBloc
{
	width: 40%;
	margin: 0px auto 20px auto;
	background-color: #f4ffdb;
	border: 1px dashed #404b18;
	padding: 10px 5px 10px 10px;
	line-height: 140%;
	text-align: center;
	min-width: 700px;
}

.IntroductionBloc ul
{
	list-style: none;
}

.IntroductionBloc .StepItem
{
	display: inline-block;
	width: 75px;
	float: left;
	background-color: #ce5c00;
	padding: 2px;
	text-align: center;
	color: white;
	margin-right: 25px;
	margin-top: 6px;
}

.IntroductionBloc .ContentItem
{
	margin-bottom: 12px;
}

#readOurStuff {
	padding-left: 45px;
	text-align: justify;
	background-image: url("http://images.kameleoon.com/common/site/solutions/question.png");
	background-repeat: no-repeat;
	margin: auto;
}

#whitePaperControlsWrapper {
	width: 400px;
	margin: auto;
}

#contentWrapper
{
	width: 75%;
	margin: auto;
	margin-top: 12px;
	text-align: justify;
}

#contentWrapper h2
{
	color: #404b18;
	border-bottom: #404b11 solid 1px;
}

#contentWrapper>ul
{
	padding: 0px;
}

#contentWrapper>ul ul
{
	padding: 0px;
	list-style-image: url("http://images.kameleoon.com/common/site/solutions/bullet-star.png");
	margin: 12px auto 12px auto;
}

#contentWrapper>ul ul li
{
	margin: auto auto 12px 45px;
}

#contentWrapper em {
	color: #ce5c00;
}

#demoWrapper
{
	width: 80%;
	margin: auto;
	padding: 10px;
	border: 1px solid #404b11;
}

#demoWrapper a
{
	display: block;
	width: 142px;
	margin: 15px auto auto auto;
}

#processTest li
{
	margin-bottom: 6px;
	margin-left: 60px;
	list-style: none;
	padding-left: 40px;
	padding-top: 6px;
	height: 32px;
}

#processTest li#processTestStep1
{
	background-image: url("http://images.kameleoon.com/common/site/solutions/listitem01.png");
	background-repeat: no-repeat;
}

#processTest li#processTestStep2
{
	background-image: url("http://images.kameleoon.com/common/site/solutions/listitem02.png");
	background-repeat: no-repeat;
}

#processTest li#processTestStep3
{
	background-image: url("http://images.kameleoon.com/common/site/solutions/listitem03.png");
	background-repeat: no-repeat;
}

#processTest li#processTestStep4
{
	background-image: url("http://images.kameleoon.com/common/site/solutions/listitem04.png");
	background-repeat: no-repeat;
}

/* Other */

.GreenButton
{
	border: none;
	background-color: transparent;
	background-image: url("http://images.kameleoon.com/common/site/solutions/green-button.png");
	background-repeat: no-repeat;
	width: 132px;
	height: 31px;
	color: black !important;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
	padding-top:6px;
}

.GreenButton:hover
{
	text-decoration: underline;
	background-image: url("http://images.kameleoon.com/common/site/solutions/green-button-hovered.png");
}

.GreenButton.SignUp
{
	margin-left: 50px;
}
/* Customer Domain */

#mainRegionNavigationArea.Customer .Navigation
{
	position: relative;
	left: 0px;
	padding-top: 20px;
	padding-left: 10px;
	width: 190px;
	margin-right: 15px;
	font-family: Verdana, sans-serif;
}

#mainRegionNavigationArea.Customer .Navigation a
{
	text-decoration: none;
	color: #2e3436;
}

em
{
	font-weight: bold;
}

.CustomerDomain
{
	overflow: hidden;
}

.CustomerDomain p
{
	text-align: justify;
}

.CustomerDomain p.Center
{
	text-align: center;
}

.CustomerDomain .CodeSnippet
{
	padding: 25px;
	margin: 10px;
	border: solid black 1px;
	background-color: #f7f7f7;
	overflow: hidden;
}

div.InstallationError
{
	background-color: #ffc4c4;
	border: 1px solid #efb4b4;
	padding: 15px;
	overflow: hidden;
}

div.InstallationOK
{
	background-color: #a4efae;;
	border: 1px solid #359b42;
	padding: 15px;
	overflow: hidden;
}

div.WarningError
{
	background-color: #ffffcc;
	border: 1px solid #efb4b4;
	padding: 15px;
}

span.InstallationError
{
	color: red;
	font-weight: bold;
}

.CodeSnippet .Important
{
	font-style: italic;
	color: red;
}

table
{
	border-collapse: collapse;
	font-size: 13px;
}

table td, table th
{
	border: 1px solid #dddddd;
	padding: 5px 10px;
}

table.SmallText
{
	font-size: 0.65em;
}

h2.SectionTitle
{
	color: #005278;
	text-align: center;
}

.NavigationItem
{
	position: relative;
	padding: 5px;
	margin-bottom: 15px;
}

.NavigationItem .TopLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/customer/customer-navigation-item-top-left.png");
}

.NavigationItem .TopRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-color: #babdb6;
}

.NavigationItem .BottomLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-color: #babdb6;
}

.NavigationItem .BottomRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/customer/customer-navigation-item-bottom-right.png");
}

.NavigationItem .TopDecoration
{
	background-color: #000000;
	height: 0px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-bottom: solid 8px #babdb6;
}

.NavigationItem .BottomDecoration
{
	background-color: #000000;
	height: 0px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-top: solid 8px #babdb6;
}

.NavigationItem .LeftDecoration
{
	background-color: #000000;
	width: 0px;
	top: 8px;
	bottom: 8px;
	border-right: solid 8px #babdb6;
}

.NavigationItem .RightDecoration
{
	background-color: #000000;
	width: 0px;
	top: 8px;
	bottom: 8px;
	border-left: solid 8px #babdb6;
}

.NavigationItem > .Content
{
	line-height: normal !important;
	background-color: transparent !important;
}

.NavigationItem .BackgroundDecoration
{
	background-color: #babdb6 !important;
	display: block;
	left: 8px;
	right: 8px;
	top: 8px;
	bottom: 8px;
}

.NavigationItem:hover .BackgroundDecoration
{
	background-color: #2e3436 !important;
	display: block;
	left: 8px;
	right: 8px;
	top: 8px;
	bottom: 8px;
}

.NavigationItem:hover .TopLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/customer/customer-navigation-item-hover-top-left.png");
}

.NavigationItem:hover .TopRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-color: #2e3436;
}

.NavigationItem:hover .BottomLeftDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-color: #2e3436;
}

.NavigationItem:hover .BottomRightDecoration
{
	height: 8px;
	width: 8px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("http://images.kameleoon.com/common/site/customer/customer-navigation-item-hover-bottom-right.png");
}

.NavigationItem:hover .TopDecoration
{
	background-color: #000000;
	height: 0px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-bottom: solid 8px #2e3436;
}

.NavigationItem:hover .BottomDecoration
{
	background-color: #000000;
	height: 0px;
	left: 8px;
	right: 8px;
	width: auto;
	display: block;
	border-top: solid 8px #2e3436;
}

.NavigationItem:hover .LeftDecoration
{
	background-color: #000000;
	width: 0px;
	top: 8px;
	bottom: 8px;
	border-right: solid 8px #2e3436;
}

.NavigationItem:hover .RightDecoration
{
	background-color: #000000;
	width: 0px;
	top: 8px;
	bottom: 8px;
	border-left: solid 8px #2e3436;
}

/* Tables */

/** Sites List **/

#listSites
{
	width: 100%;
	font-size: 12px;
}

td.CodeCell, td.UsersCell, td.StatusCell
{
	text-align: center;
}

td.CodeCell {
	font-size: 14px;
}

td.NameCell div
{
	overflow: hidden;
}

td.URLCell div
{
	max-width: 380px;
	overflow: hidden;
}

td.NumberCell
{
	width: 20px;
}

td.StatusOK
{
	background-color: #a4efae;
}

td.StatusWarning
{
	background-color: #ffc4c4;
}

td.StatusCell img
{
	display: block;
	margin: auto;
}

/** Site Status **/

#siteStatus
{
	width: 100%;
}

tr.StatusOK
{
	background-color: #a4efae;
}

tr.StatusError
{
	background-color: #ffc4c4;
}

/* Forms */

/** Signup **/

form#signupForm fieldset, form#updateAccountForm, form#createMemberForm
{
	width: 700px;
	margin: 0px auto;
}

form#signupForm #planFieldSet
{
	width: 1000px;
	margin: 20px auto 0px auto;
}

form#signupForm #dataFieldSet
{
	width: 1000px;
	margin: 20px auto 0px auto;
}

#signupDetails
{
	width: 320px;
	float: right;
}

#upgradePlanForm #signupDetails
{
	width: auto;
	float: none;
}

#signupDetailsFieldSet
{
	width: 400px;
	float: none;
	margin: 30px auto 0px auto;
}

.Plan
{
	font-family: Trebuchet MS;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}

.PlanBox
{
	height: 124px;
	width: 152px;
	padding: 5px 3px 5px 3px;
	background-repeat: no-repeat;
	background-position: center center;
}

#freePlan .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/free.png");
}

#freePlan.Selected .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/free-selected.png");
}

#bronzePlan .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/bronze.png");
}

#bronzePlan.Selected .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/bronze-selected.png");
}

#silverPlan .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/silver.png");
}

#silverPlan.Selected .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/silver-selected.png");
}

#goldPlan .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/gold.png");
}

#goldPlan.Selected .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/gold-selected.png");
}

#platinumPlan .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/platinum.png");
}

#platinumPlan.Selected .PlanBox
{
	background-image: url("http://images.kameleoon.com/common/site/customer/signup/platinum-selected.png");
}

form#signupForm input[type="text"], form#signupForm input[type="password"], form#updateAccountForm input[type="text"], form#updateAccountForm input[type="password"]
{
	font-size: 16px;
}

form#signupForm .InputField, form#updateAccountForm .InputField
{
	width: 300px;
}

html[lang="en"] form#signupForm label, html[lang="en"] form#updateAccountForm label, html[lang="en"] form#updateAccountForm .Label
{
	width: 200px;
}

html[lang="en"] form#signupForm fieldset, html[lang="en"] form#updateAccountForm fieldset
{
	padding-left: 20px;
	padding-right: 20px;
}

html[lang="fr"] form#signupForm label, html[lang="fr"] form#updateAccountForm label, html[lang="fr"] form#updateAccountForm .Label
{
	width: 230px;
	font-size: 14px;
}

html[lang="fr"] form#signupForm fieldset, html[lang="fr"] form#updateAccountForm fieldset
{
	padding-left: 10px;
	padding-right: 10px;
}

html[lang="fr"] form#signupForm fieldset.Details label, html[lang="fr"] fieldset.Details form#updateAccountForm label
{
	width: 150px;
	font-size: 14px;
}

/** Login **/

form#loginForm
{
	width: 500px;
}

form#loginForm .InputField
{
	width: 210px;
	font-size: 18px;
}

html[lang="en"] form#loginForm label
{
	width: 120px;
}

html[lang="en"] form#loginForm fieldset
{
	padding-left: 70px;
	padding-right: 70px;
}

html[lang="fr"] form#loginForm label
{
	width: 180px;
}

html[lang="fr"] form#loginForm fieldset
{
	padding-left: 40px;
	padding-right: 40px;
}

/** Add a Kameleoon site **/

form#createSiteForm
{
	width: 600px;
	margin: 30px auto 0px auto;
}

form#createSiteForm .InputField
{
	width: 260px;
	font-size: 14px;
}

html[lang="en"] form#createSiteForm label
{
	width: 260px;
	font-size: 14px;
	margin-right: 25px;
}

html[lang="fr"] form#createSiteForm label
{
	width: 260px;
	font-size: 14px;
	margin-right: 25px;
}

/** Payment **/

#amountChoice
{
	text-align: center;
	margin-bottom: 20px;
}

#customChoice
{
	border: 1px solid black;
	width: 50px;
	height: 1em;
}

/** Create a member **/

form#createMemberForm .InputField
{
	width: 320px;
}

html[lang="en"] form#createMemberForm label
{
	width: 210px;
}

html[lang="fr"] form#createMemberForm label
{
	width: 210px;
}
/*************** General CSS ******************/
/*
/* The CSS here should only contain helpers classes and conventions.
/*
/**********************************************/

/* General (CSS reset) */



/* Inline elements */

a.ImageLink {
	text-decoration: none !important;
}

.Action {
	cursor: pointer;
	text-decoration: underline;
	text-align: left;
	color: blue;
}

.Tab {
	background-color: transparent;
	padding-right: 7px;
	text-decoration: none !important;
}

.Tab > img {
	vertical-align: bottom;
}

.SelectedTab {
	background-color: transparent;
	padding-top: 5px;
}

span.Important {
	font-weight: bold;
	color: red;
}

.Bold {
	font-weight: bold;
}

.Italic {
	font-style: italic;
}

/* Block elements */

.SmallFont {
	font-size: 12px;
}

.Clear {
	clear: both;
}

.NoClear {
	clear: none !important;
}

div.Clearer {
	clear: both;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

div.Relative {
	position: relative;
}

.Hidden {
	display: none;
}

.TabSection {
	margin: 10px 5px 0px 5px;
}

.TabHeader {
	padding-top: 4px;
}

.TabContent {
	border-style: solid;
	border-width: 4px 2px 2px 2px;
	border-color: #ffa436;
}

.Block {
	display: block;
}

.Center {
	text-align: center;
}

.Left {
	text-align: left;
}

.Right {
	text-align: right;
}

.Justify {
	text-align: justify;
}

.CenteredBlock {
	margin-left: auto;
	margin-right: auto;
}

.VariableWidthCenteredBlock {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.LeftFloatChildren * {
	float: left;
}

.LeftFloat {
	float: left;
}

.RightFloat {
	float: right;
}

.LeftAbsolute {
	position: absolute;
	left: 0px;
	top: 0px;
}

.SuccessMessage {
	background-color: #a4efae;
	border: 1px solid green;
	padding: 4px 4px 4px 4px;
}

.NormalMessage {
	background-color: #ffdb4c;
	border: 1px solid orange;
	padding: 4px 4px 4px 4px;
}

.ErrorMessage {
	background-color: #ef86a8;
	border: 1px solid red;
	padding: 4px 4px 4px 4px;
}

.ShrinkedWidth {
	width: 75%;
}

/* Margin and Padding presets */

.TopSpaced {
	margin-top: 10px;
}

.TopSpacedLarge {
	margin-top: 30px;
}

.TopPadded {
	padding-top: 10px;
}

.TopPaddedLarge {
	padding-top: 30px;
}

.BottomSpaced {
	margin-bottom: 10px;
}

.BottomSpacedLarge {
	margin-bottom: 30px;
}

.BottomSpacedSmall {
	margin-bottom: 5px;
}

.BottomPadded {
	padding-bottom: 10px;
}

.LeftPadded {
	margin-left: 25px;
}

.LeftSpacedSmall {
	margin-left: 5px;
}

.LeftSpaced {
	margin-left: 15px;
}

.LeftSpacedLarge {
	margin-left: 50px;
}

.RightSpacedSmall {
	margin-right: 5px;
}

.RightSpaced {
	margin-right: 15px;
}

.RightSpacedLarge {
	margin-right: 50px;
}

.RightPadded {
	margin-right: 25px;
}

/* Shadows */

.ShadowLeft {
	background-image: url("http://images.kameleoon.com/common/shadow-left.png");
	width: 8px;
	height: 100%;
	position: absolute;
	left: -8px;
	top: 0px;
}

.ShadowRight {
	background-image: url("http://images.kameleoon.com/common/shadow-right.png");
	width: 8px;
	height: 100%;
	position: absolute;
	right: -8px;
	top: 0px;
}

.ShadowTop {
	background-image: url("http://images.kameleoon.com/common/shadow-top.png");
	width: 100%;
	height: 8px;
	position: absolute;
	top: -8px;
}

.ShadowBottom {
	background-image: url("http://images.kameleoon.com/common/shadow-bottom.png");
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: -8px;
}

.ShadowTopLeftCorner {
	background-image: url("http://images.kameleoon.com/common/shadow-top-left-corner.png");
	width: 7px;
	height: 7px;
	position: absolute;
	left: -7px;
	top: -7px;
}

.ShadowTopRightCorner {
	background-image: url("http://images.kameleoon.com/common/shadow-top-right-corner.png");
	width: 7px;
	height: 7px;
	position: absolute;
	right: -7px;
	top: -7px;
}

.ShadowBottomLeftCorner {
	background-image: url("http://images.kameleoon.com/common/shadow-bottom-left-corner.png");
	width: 7px;
	height: 7px;
	position: absolute;
	left: -7px;
	bottom: -7px;
}

.ShadowBottomRightCorner {
	background-image: url("http://images.kameleoon.com/common/shadow-bottom-right-corner.png");
	width: 7px;
	height: 7px;
	position: absolute;
	right: -7px;
	bottom: -7px;
}
/* General */

button.ButtonRemoved
{
	cursor: pointer;
	background-color: transparent;
	border: 0px;
	padding: 0px;
	outline: none;
}

button.Link
{
	cursor: pointer;
}

/** Labels **/

label
{
	font-weight: bold;
	text-align: left;
}

label.RadioLabel
{
	font-weight: normal;
	float: none;
	position: static;
}

fieldset label, label.KameleoonStandard
{
	float: left;
	clear: left;
	position: relative;
	top: 4px;
}

label.OwnLine
{
	float: none;
	position: static;
}

fieldset label.Inline
{
	float: none;
	clear: none;
	position: relative;
	top: 0px;
}

fieldset label.AutoWidth
{
	width: auto !important;
}

fieldset label.Up
{
	float: none;
	clear: both;
	display: block;
}

fieldset label.Below
{
	float: none;
	clear: both;
}

label.Inactive
{
	font-weight: normal;
}

.Label
{
	float: left;
	font-weight: bold;
}

/** Forms **/


form.KameleoonStandard
{
	padding: 10px 3px 5px 2px;
}

form.KameleoonSmall
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
}

.GeneralFormMessage
{
	margin-bottom: 5px;
}

.ValidFormField
{
	background-color : #a4efae;
	border: 1px solid green;
}

.InvalidFormField
{
	background-color: #ef86a8;
	border: 1px solid red;
}

.InvalidFormMessage
{
	background-color: #ef86a8;
	border: 1px solid red;
	padding: 4px 4px 4px 4px;
	overflow: hidden;
}

.ValidFormMessage
{
	background-color: #a4efae;
	border: 1px solid green;
	padding: 4px 4px 4px 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

span.FormFieldStatus
{
	margin-left: 5px;
	padding: 1px 3px 1px 3px;
}

div.FormFieldStatus
{
	margin-top: 3px;
	padding: 1px 3px 1px 3px;
}

fieldset div.FieldRow, div.FieldRow.KameleoonStandard
{
	padding-top: 8px;
	padding-left: 6px;
	overflow: hidden;
}

form.KameleoonSmall fieldset div.FieldRow
{
	padding-top: 2px;
	padding-left: 0px;
}

fieldset div.KameleoonFirstField, div.KameleoonFirstField.KameleoonStandard
{
	padding-top: 2px;
}

div.KameleoonFormFieldInfoClearer
{
	clear: both;
	float: none;
	height: 5px;
}

div.KameleoonFormFieldInfo
{
	clear: both;
	float: none;
	background-color: #ffdb4c;
	border: 1px solid #37005f;
	font-size: 85%;
	color: #666666;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 5px 2px 5px;
}

form .SubmitButton.Bottom
{
	margin-top: 10px;
}

form .AddRemoveControls
{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 50px;
}

option
{
	clear: both;
}

.FieldRow input[type="text"], .FieldRow input[type="password"], form.KameleoonStandard .FieldRow input[type="checkbox"], .FieldRow input[type="file"],
form.KameleoonStandard select
{
	margin-left: 20px;
}

input[type="checkbox"].ActivationCheckbox
{
	margin-left: 0px;
}

input[type="checkbox"].KameleoonNoMargin, input[type="text"].KameleoonNoMargin, input[type="file"].KameleoonNoMargin, form.KameleoonStandard select.KameleoonNoMargin
{
	margin-left: 0px;
}

form.KameleoonStandard input.Block
{
	display: block;
	margin: auto;
}

textarea.Inline
{
	margin-left: 20px;
	margin-top: 0px;
	clear: none;
}

form.KameleoonSmall .FieldRow input
{
	margin-left: 5px;
}

/* Form styling, variant 1 */

form.KameleoonStandardForm1
{
	color: #322d1b;
	font-family: Verdana, sans-serif;
}

form.KameleoonStandardForm1 label
{
	top: 8px;
}

form.KameleoonStandardForm1 fieldset
{
	padding-top: 15px;
	padding-bottom: 15px;
}

form.KameleoonStandardForm1 input[type="text"], form.KameleoonStandardForm1 input[type="password"]
{
	border-top: solid 1px #babdb6;
	border-bottom: solid 1px #babdb6;
	border-left: none;
	border-right: none;
	background-color: white;
	width: 100%;
	height: 23px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
	font-size: inherit;
}

form.KameleoonStandardForm1 input[type="submit"]
{
	background-image: url("http://images.kameleoon.com/site/solutions/signup.png");
	border-top: solid 1px #babdb6;
	background-color: transparent;
	height: 34px;
	border: none;
	width: 84px;
	padding: 0px 0px 4px 0px;
	font-family: Trebuchet MS;
	font-size: 1.2em;
	margin-left: 20px;
	cursor: pointer;
}

form.KameleoonStandardForm1 div.FieldRow
{
	padding-top: 5px;
	padding-bottom: 5px;
}

form.KameleoonStandardForm1 .RightColumn
{
	margin-left: 520px;
}

.InputField
{
	position: relative;
	float: left;
	padding: 0px 5px 0px 5px;
	height: 30px;
}

.InputField.OwnLine
{
	float: none;
	margin-top: 8px;
}

select.OwnLine
{
	margin-top: 8px;
}

.InputFieldLeftArea
{
	position: absolute;
	width: 5px;
	height: 100%;
	left: 0px;
	background-image: url("http://images.kameleoon.com/common/site/customer/form-field.png");
}

.InputFieldRightArea
{
	position: absolute;
	width: 5px;
	height: 100%;
	right: 0px;
	background-image: url("http://images.kameleoon.com/common/site/customer/form-field.png");
	background-position: -5px 0px;
}