/* Info Box */

#infoBoxBottom, #infoBox { background: url(../img/bg/infobox.png) no-repeat }

#infoBoxBottom {
	background-position: right bottom;
	margin: 0 0 40px;
	padding: 0 0 5px;
}
	#infoBox {
		padding: 18px 1px 12px;
		overflow: hidden;
	}
		#infoBox #videoContainerTop, #infoBox #videoContainerBottom, #infoBox #videoContainer { background: url(../img/bg/video-container.png) no-repeat }

		#infoBox #videoContainerTop {
			float: left;
			padding: 10px 0 0;
		}
			#infoBox #videoContainerBottom {
				background-position: right bottom;
				padding: 0 0 10px;
			}
				#infoBox #videoContainer {
					background-position: center 0;
					background-repeat: repeat-y;
					padding: 12px 35px 12px 20px;
					width: 529px;
				}
					#infoBox #videoContainer h2 {
						color: #0070b8;
						font-size: 28px;
						margin: 0 0 7px;
					}
					#infoBox #videoContainer p { font-size: 1.09em }

					#infoBox #videoContainer #videos {
						margin: 24px 0 0;
						overflow: hidden;
					}
						#infoBox #videoContainer #videos ul#videoList {
							float: left;
							width: 160px;
						}
							#infoBox #videoContainer #videos ul#videoList li { margin: 0 0 2px }

								#infoBox #videoContainer #videos ul#videoList li a {
									background: #c8eaff;
									border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
									color: #000;
									display: block;
									font-size: 1.09em;
									padding: 7px 30px 7px 10px;
									position: relative;
								}
									#infoBox #videoContainer #videos ul#videoList li a span {
										background-position: -9999px 0;
										color: #5fa3d1;
										font-size: .82em;
										position: absolute;
										top: 7px; right: 10px;
									}

								#infoBox #videoContainer #videos ul#videoList li a:hover {
									background: #6cacd5;
									color: #fff;
								}
									#infoBox #videoContainer #videos ul#videoList li a:hover span { color: #fff }

								#infoBox #videoContainer #videos ul#videoList li.active a {
									background: #6cacd5;
									color: #fff;
									font-weight: bold;
								}
									#infoBox #videoContainer #videos ul#videoList li.active a span {
										background-position: 0 -1414px;
										display: block;
										text-indent: -9999px;
										width: 5px; height: 8px;
										top: 10px; right: 14px;
									}

						#infoBox #videoContainer #videos div.video { float: right }

							#infoBox #videoContainer #videos div.video p { margin: 0 }

		#infoBox #features {
			float: right;
			width: 365px;
		}
			#infoBox #features ul.features-list { margin: 30px 0 0 }

				#infoBox #features ul.features-list li {
					background: url(../img/sprite-features.png) no-repeat;
					margin: 0 0 16px;
					padding: 0 30px 0 42px;
				}
					#infoBox #features ul.features-list li h3 {
						color: #0070b8;
						font-size: 1.09em;
						font-weight: bold;
						margin: 0 0 5px;
					}
					#infoBox #features ul.features-list li p { margin: 0 }

				#infoBox #features ul.features-list li.feature-2 { background-position: 0 -333px }
				#infoBox #features ul.features-list li.feature-3 { background-position: 0 -666px }
				#infoBox #features ul.features-list li.feature-4 { background-position: 0 -999px }

			#infoBox #features #linksContainer {
				margin: 30px 0 0 40px;
				overflow: hidden;
			}
				#infoBox #features #linksContainer p.bt { float: left }

					#infoBox #features #linksContainer p.bt a, #infoBox #features #linksContainer p.bt a span { background: url(../img/bg/button-10.png) no-repeat }

					#infoBox #features #linksContainer p.bt a {
						display: block;
						margin: 0 12px 0 0;
					}
						#infoBox #features #linksContainer p.bt a span {
							background-position: right -54px;
							color: #7e6c17;
							display: block;
							font-size: 16px;
							font-weight: bold;
							text-shadow: 0 1px 0 #f1d269;
							text-transform: uppercase;
							margin: 0 -12px 0 0;
							padding: 14px 30px;
						}

					#infoBox #features #linksContainer p.bt a:hover {
						background-position: right -108px;
						margin: 0 0 0 12px;
					}
						#infoBox #features #linksContainer p.bt a:hover span {
							background-position: 0 -162px;
							text-shadow: 0 -1px 0 #f1d269;
							margin: 0 0 0 -12px;
						}

				#infoBox #features #linksContainer p.link {
					float: left;
					font-size: 1.09em;
					margin: 12px 0 0 12px;
				}
					#infoBox #features #linksContainer p.link a {
						color: #2469a1;
						text-decoration: underline;
						margin: 0 0 0 5px;
					}


/* Info Box */

	/*#myAjevaInfoBoxTop, #myAjevaInfoBoxBottom, #myAjevaInfoBox { background: url(../img/bg/my-ajeva-infobox.gif) no-repeat }

		#myAjevaInfoBoxTop {
			margin: 0 0 30px;
			padding: 5px 0 0;
		}
			#myAjevaInfoBoxBottom {
				background-position: right bottom;
				padding: 0 0 5px;
			}*/
				#myAjevaInfoBox {
					/*background-position: center 0;
					background-repeat: repeat-y;*/
					background: #e7fcea;
					border: 1px solid #a1c7a6;
					border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
					margin: 0 0 30px;
					padding: 16px 20px 24px;
					overflow: hidden;
					position: relative;
				}
					#myAjevaInfoBox h2 {
						color: #089308;
						font-size: 28px;
						margin: 0 0 10px;
					}
					#myAjevaInfoBox h2 + p {
						color: #089308;
						font-size: 12px;
						line-height: 18px;
						text-shadow: 0 1px 0 #fff;
						margin: 0 0 20px;
					}
						#myAjevaInfoBox h2 + p a:hover {
							color: #00468c;
							text-decoration: underline;
						}

					#myAjevaInfoBox #videos { float: left }

						#myAjevaInfoBox #videos ol#videoList {
							float: left;
							width: 210px;
						}
							#myAjevaInfoBox #videos ol#videoList li { margin: 0 0 2px }

								#myAjevaInfoBox #videos ol#videoList li a {
									background: #9bc7a0;
									border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
									color: #077c07;
									display: block;
									font-size: 12px;
									padding: 7px 30px 7px 8px;
									position: relative;
								}
									#myAjevaInfoBox #videos ol#videoList li a span {
										background-position: -9999px 0;
										color: #077c07;
										font-size: .82em;
										position: absolute;
										top: 7px; right: 9px;
									}

								#myAjevaInfoBox #videos ol#videoList li a:hover {
									background: #089308;
									color: #fff;
								}
									#myAjevaInfoBox #videos ol#videoList li a:hover span { color: #fff }

								#myAjevaInfoBox #videos ol#videoList li.active a {
									background: #089308;
									color: #fff;
									font-weight: bold;
								}
									#myAjevaInfoBox #videos ol#videoList li.active a span {
										background-position: 0 -1414px;
										display: block;
										text-indent: -9999px;
										width: 5px; height: 8px;
										top: 11px; right: 10px;
									}

						#myAjevaInfoBox #videos div.video { float: left; margin: 0 0 0 13px }

							#myAjevaInfoBox #videos div.video p { margin: 0 }


					/*#startupTipsTop, #startupTipsBottom, #startupTips { background: url(../img/bg/my-ajeva-startup.gif) no-repeat }*/

						/*#startupTipsTop {
							float: right;
							padding: 5px 0 0;
							width: 330px;
						}
							#startupTipsBottom {
								background-position: right bottom;
								padding: 0 0 5px;
							}*/
								#startupTips {
									/*background-position: center 0;
									background-repeat: repeat-y;*/
									float: right;
									background: #c4e4c8;
									border: 1px solid #a1c7a6;
									border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
									padding: 10px 20px;
									width: 253px;
								}
									#startupTips h3 {
										background: url(../img/sprite-features.png) no-repeat 0 -335px;
										color: #056405;
										font-size: 16px;
										font-weight: bold;
										text-shadow: 0 1px 0 #fff;
										margin: 0 0 4px -8px;
										padding: 4px 0 4px 40px;
									}
									#startupTips ul { margin: 0 }

										#startupTips ul li {
											border-top: 1px solid #b2d5b7;
											padding: 7px 0 8px;
										}
										#startupTips ul li:first-child { border: 0 none }

											#startupTips ul li h4 {
												color: #056405;
												font-size: 11px;
												font-weight: bold;
												margin: 0 0 2px;
											}
											#startupTips ul li p { margin: 0 }


					#myAjevaInfoBox p.close { top: 5px; right: 6px }

						#myAjevaInfoBox p.close a { background-position: 0 -2325px }
						#myAjevaInfoBox p.close a:hover { background-position: 0 -2347px }
						#myAjevaInfoBox p.close a:active { background-position: 0 -2369px }


/* Empty Page */

#empty { /*-*/ }

	#empty > h2 {
		font-size: 30px;
		font-weight: bold;
		margin: 12px 0;
		padding: 0 5px;
	}
	#empty > p {
		font-size: 12px;
		line-height: 22px;
		padding: 0 6px;
	}
	#empty div.form-message-warning {
		margin: 20px 6px 20px 5px;
		padding-left: 20px;
	}
		#empty div.form-message-warning p { font-weight: bold }

	#empty div.example-top, #empty div.example-bottom, #empty div.example { background: url(../img/bg/example-box.png) no-repeat }

	#empty div.example-top {
		margin: 20px auto 30px;
		padding: 10px 0 0;
		width: 918px;
		position: relative;
	}
		#empty div.example-bottom {
			background-position: right bottom;
			padding: 0 0 10px;
		}
			#empty div.example {
				background-position: center 0;
				background-repeat: repeat-y;
				padding: 42px 20px 30px;
			}
				#empty div.example p.example-strip {
					background: url(../img/bg/example-strip.png) no-repeat;
					text-indent: -9999px;
					width: 156px; height: 157px;
					position: absolute;
					top: 3px; right: 3px;
				}
				#empty div.example p.img {
					text-align: center;
					margin: 0;
				}