/* #region rotatorContainer */
#rotatorContainer { width: 960px; height: 350px; background: #000; position: relative; }
	#rotatorContainer .rotContents { width: 960px; height: 350px; position: absolute; top: 0; left: 0; z-index: 50; }
	#rotatorContainer .rotContentsInner { width: 960px; height: 350px; position: relative; }

	#rotatorContainer .videoBox { width: 265px; height: 190px; position: absolute; top: 50px; right: 50px; background: #414141 url(../i/rotator/rot-video-bg.jpg) repeat-x; }
	#rotatorContainer .videoContainer { width: 259px; height: 159px; background-repeat: no-repeat; background-position: 50% 50%; display: block; padding: 3px; }
	#rotatorContainer .videoBox .playVideo,
	#rotatorContainer .videoBox .play Video:visited { width: 259px; height: 52px; padding: 53px 0 54px; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(../i/rotator/rot-video-play.png); text-align: center; text-indent: -9999em; }
	#rotatorContainer .videoBox .gameActions { height: 30px; position: relative; background: #1a1817; }
		#rotatorContainer .videoBox .gameActions a,
		#rotatorContainer .videoBox .gameActions a:visited { background-repeat: repeat-x; line-height: 21px; height: 21px; width: 252px; text-align: center; color: #ccc; text-decoration: none; position: absolute; top: 6px; background-repeat: repeat-x; font-size: 11px; }
			#rotatorContainer .videoBox .gameActions a:hover { color: #fff; text-decoration: none; }
		#rotatorContainer .videoBox .gameActions .goToSite { left: 7px; background-image: url(../i/rotator/rot-videobox-button-bg1.jpg); }
		#rotatorContainer .videoBox .gameActions .registerToGame { left: 136px; background-image: url(../i/rotator/rot-videobox-button-bg2.jpg); }


	#rotatorContainer .rotSlider { width: 960px; height: 73px; position: absolute; bottom: 0px; left: 0px; z-index: 51; background: transparent url(../i/rotator/rot-slider-bg.png) repeat-x; color: #fff; font-size: 11px; }
	#rotatorContainer #rotatorSwitcher { width: 175px; height: 73px; position: absolute; top: 0px; left: 40px; }
	#rotatorContainer #rotatorSwitcherInner { width: 175px; height: 73px; position: relative; }
	#rotatorContainer .switcherButton { background: transparent url(../i/rotator/rot-switcher-bg.png) repeat-x; width: 98px; height: 28px; color: #515151; line-height: 28px; padding: 0 0 0 10px; margin: 0; font-size: 12px; position: absolute; left: 15px; display: block; text-decoration: none; }
		#rotatorContainer .switcherButton:hover,
		#rotatorContainer .switcherButton.active { color: #ffc20e; background-image: url(../i/rotator/rot-switcher-bg-hover.png); text-decoration: none; }
	#rotatorContainer #gamesSwitcher { top: 5px; }
	#rotatorContainer #eventsSwitcher { top: 40px; }

	#rotatorContainer .rotSliderInner { width: 704px; height: 73px; position: relative; margin: 0 0 0 216px; overflow: hidden; }
	#rotatorContainer .sliderItemsContainer { width: 99999em; height: 73px; position: absolute; margin: 0; padding: 0; list-style-type: none; }
	#rotatorContainer .sliderItem { width: 166px; height: 63px; float: left; padding: 5px; }
		#rotatorContainer .sliderItem:hover,
		#rotatorContainer .sliderItem.current { background: transparent url(../i/rotator/rot-slider-active-bg.jpg) repeat-x; color: #ffc20e; }

		#rotatorContainer .sliderItem a,
		#rotatorContainer .sliderItem a:visited { color: #fff; text-decoration: none; }
			#rotatorContainer .sliderItem a:hover { color: #ffc20e; text-decoration: none; }
		#rotatorContainer .sliderItem:hover a { color: #ffc20e; }

		#rotatorContainer .sliderItem.current a,
		#rotatorContainer .sliderItem.current a:visited { color: #fff; text-decoration: none; }
			#rotatorContainer .sliderItem.current a:hover { color: #ffc20e; text-decoration: none; }


		#rotatorContainer .sliderItem h4 { font-size: 12px; font-weight: bold; line-height: 1em; color: #ffc20e; padding: 2px 0 0; margin: 0; }
		#rotatorContainer .sliderItem img { float: left; width: 47px; height: 47px; margin: 6px 10px 6px 0; border: 2px solid #fff; }
		#rotatorContainer .sliderItem:hover h4,
		#rotatorContainer .sliderItem.current h4 { color: #fff; }
		#rotatorContainer .sliderItem:hover img,
		#rotatorContainer .sliderItem.current img { border: 3px solid #ffc20e; margin: 4px 9px 4px 0; }

#rotPrevSlide1, #rotNextSlide1,
#rotPrevSlide2, #rotNextSlide2 { position: absolute; display: block; bottom: 0px; width: 15px; height: 44px; padding: 14px 12px 15px 13px; z-index: 51; }
#rotPrevSlide1,
#rotPrevSlide2 { left: 0; }
#rotNextSlide1,
#rotNextSlide2 { right: 0; }
/* #endregion rotatorContainer */

/* #region gameBox */
.gameBox { background: #fff; color: #000; width: 340px; height: 130px; float: left; margin: 4px; font-size: 11px; }
	.gameBox .inner { padding: 15px 10px; }

.major { height: 170px; font-size: 12px; }
.gameBox .gameImg { width: 130px; float: left; padding: 0 0; margin: 0 0; }

.gameBox .gameImg { width: 90px; float: left; }
	.gameBox .gameImg img { width: 90px; height: 105px; border: 1px solid #8d8d8d; }
.gameBox.major .gameImg { width: 120px; }
	.gameBox.major .gameImg img { width: 120px; height: 140px; }

.gameBox .gameInfo { width: 220px; height: 100px; float: right; padding: 0 0 0 10px; margin: 0 0; position: relative; color: #9c9c9c; }
.gameBox.major .gameInfo { width: 190px; height: 140px; }

.gameBox h4 { font-size: 16px; padding: 0 0; margin: 0 0; color: #172b3d; }
	.gameBox h4 em { font-size: 12px; color: #f58220; font-style: normal; }
	.gameBox h4 a,
	.gameBox h4 a:visited { color: #172b3d; text-decoration: none; }
		.gameBox h4 a:hover { color: #003e70; text-decoration: none; }

.gameBox .gameInfo .gameIcons { padding: 0 0 5px; display: block; }
.gameBox .gameInfo p { margin: 0 0 0.5em; }
.gameBox .gameInfo .gameDetailsLink { position: absolute; bottom: 0; right: 0; width: 89px; height: 25px; }
	.gameBox .gameInfo .gameDetailsLink a { display: block; width: 89px; height: 25px; text-indent: -9999em; background: url(../i/layout/mainpage-game-button.png) no-repeat; /*background:  transparent url(../i/layout/continue-reading.gif) no-repeat;*/ }
		.gameBox .gameInfo .gameDetailsLink a.comingsoon { background: url(../i/layout/mainpage-game-button.png) 0 -27px no-repeat; }
.gameBox.major .gameInfo .gameDetailsLink { width: 27px; height: 28px; }
	.gameBox.major .gameInfo .gameDetailsLink a { width: 27px; height: 28px; background: transparent url(../i/layout/continue-reading-big.gif) no-repeat; }
/* #endregion gameBox */

#sideBarSocialIcons { height: 32px; padding: 11px; background: #333 url(../i/social/sidebar-bg.jpg) repeat-x; margin: 0 0 5px; }
	#sideBarSocialIcons a { display: block; padding: 0 10px; width: 32px; height: 32px; float: left; background-image: url(../i/social/sprtr.png); background-repeat: no-repeat; background-position: right center; }
		#sideBarSocialIcons a:last-child { background-image: none; }



/* #region loginPanel */
#loginPanel { background: transparent url(../i/layout/home-login-bg.jpg) no-repeat; margin-bottom: 5px; width: 234px; height: 235px; position: relative; color: #fff; }
	#loginPanel h3 { position: absolute; top: 3px; left: 17px; font-size: 16px; font-weight: bold; color: #fff; line-height: 21px; width: 200px; height: 21px; line-height: 21px; padding: 0; margin: 0; }
	#loginPanel a,
	#loginPanel a:visited,
	#loginPanel a:hover { color: #fff; text-decoration: none; }
	#loginPanel .formContainer { position: absolute; top: 30px; left: 5px; height: 60px; width: 226px; background: transparent url(../i/layout/home-login-form-bg.png) no-repeat; z-index: 2; }

	#loginPanel .loginUsername,
	#loginPanel .loginPassword { position: absolute; font-size: 11px; color: #d3d3d3; background: transparent; line-height: 14px; width: 130px; height: 14px; left: 4px; border: 0px none; z-index: 3; }
	#loginPanel .loginUsername { top: 7px; }
	#loginPanel .loginPassword { top: 36px; }
		#loginPanel .loginUsername:focus,
		#loginPanel .loginPassword:focus { color: #000; }
	#loginPanel .loginSubmit { position: absolute; font-size: 11px; font-weight: bold; color: #fff; background: transparent; width: 66px; height: 45px; left: 155px; top: 7px; border: 0px none; padding: 0; z-index: 3; }
	#loginPanel .registerLink,
	#loginPanel .registerLink:visited,
	#loginPanel .registerLink:hover { position: absolute; left: 0px; top: 125px; font-size: 12px; color: #472900; text-decoration: none; text-align: left; line-height: 20px; font-weight: bold; background: transparent url(../i/layout/home-login-register-bg.png) no-repeat; width: 235px; height: 79px; padding: 20px 0 0 25px; }

		#loginPanel .registerLink .uyeol { font-size: 20px; }
	#loginPanel #facebookLoginButton { position: absolute; top: 200px; left: 4px; width: 227px; height: 32px; z-index: 99; cursor: pointer; }

		#loginPanel #facebookLoginButton a,
		#loginPanel #facebookLoginButton a:visited,
		#loginPanel #facebookLoginButton a:hover { font-size: 12px; color: #fff; text-decoration: none; text-align: center; line-height: 21px; font-weight: bold; width: 227px; height: 32px; display: block; background: transparent url(../i/layout/home-facelogin.png) no-repeat; text-indent: -9999em; }
	#loginPanel .loginTexts { position: absolute; left: 10px; top: 93px; width: 212px; height: 40px; }

	#loginPanel.loggedin { }
		#loginPanel.loggedin .profileText { padding: 25px 10px 0; font-family: arial; }
		#loginPanel.loggedin .profileImg { float: left; width: 70px; height: 70px; padding: 10px 0 10px 0; }
			#loginPanel.loggedin .profileImg img { width: 70px; height: 70px; border: 1px solid #000; }
		#loginPanel.loggedin .profileInfos { float: right; width: 136px; height: 60px; padding: 10px 0 0 0; }
		#loginPanel.loggedin h4 { color: #ffdb25; margin: 0; line-height: 1em; font: 12px arial; }
		#loginPanel.loggedin .newNotifsmessage { color: #fff; font-weight: bold; background: #f03d25; padding: 0px 3px; font-size: 10px; position: absolute; top: 76px; left: 156px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

		#loginPanel.loggedin .newNotifsicons { color: #fff; font-weight: bold; background: #f03d25; padding: 0px 3px; font-size: 10px; position: absolute; top: 93px; left: 156px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

		#loginPanel.loggedin .LastLogin { color: #C6C6C6; font: 9px arial; }


		#loginPanel.loggedin .Profileupdate { position: absolute; top: 112px; left: 10px; font: 11px arial; }

		#loginPanel.loggedin .Password { position: absolute; top: 126px; left: 10px; font: 11px arial; }

		#loginPanel.loggedin .profileWarnings,
		#loginPanel.loggedin .profileWarnings a,
		#loginPanel.loggedin .profileWarnings a:visited { color: #ffc905; }

	#loginPanel .buttns,
	#loginPanel .buttns:visited,
	#loginPanel .buttns:hover { position: absolute; left: 3px; font-size: 12px; color: #000; text-decoration: none; text-align: center; line-height: 34px; font-weight: bold; background-repeat: no-repeat; width: 230px; height: 34px; }

	#loginPanel.loggedin .getJPLink,
	#loginPanel.loggedin .getJPLink:visited #loginPanel.loggedin .getJPLink:hover { top: 160px; background: transparent url(../i/layout/home-login-button1-bg.png); }
	#loginPanel.loggedin .logOutLink,
	#loginPanel.loggedin .logOutLink:visited #loginPanel.loggedin .logOutLink:hover { top: 190px; background: transparent url(../i/layout/home-login-button2-bg.png); }

/* #endregion loginPanel */

#LightboxLogin { background: transparent url(../i/register-form/bg.png); width: 100%; position: fixed; z-index: 9999; overflow: hidden; height: 100%; top: 0px; left: 0px; }

	#LightboxLogin #ContentBg { z-index: 99999; background: #000000; width: 595px; height: 555px; top: 20%; margin: 0 auto; position: relative; border: 1px solid #229ffd; }


	#LightboxLogin .TopSubtitle { background: transparent url(../i/register-form/TopSubtitle.png) top no-repeat; width: 595px; height: 50px; top: 30px; position: absolute; }

	#LightboxLogin #ContentBg .Close { background: transparent url(../i/register-form/CloseBtns.png) no-repeat; color: white; width: 45px; height: 42px; position: absolute; right: -20px; top: -20px; text-indent: -9999em; }

	#LightboxLogin .TopSubtitle span { font: 22px Trebuchet MS; color: white; position: relative; left: 24px; top: 12px; }


#JGHOMERightBanner { position: relative; }

	#JGHOMERightBanner .bx-pager { bottom: 0; right: 0; position: absolute; z-index: 99; }
		#JGHOMERightBanner .bx-pager a { text-decoration: none !important; font-size: 16px; font-weight: bold; width: 13px; height: 15px; display: block; float: left; padding: 2px 2px 4px 6px; }
		#JGHOMERightBanner .bx-pager .pager-link { margin: 2px; background: url(../i/overlay/RightBannerSlider-Radius.png) no-repeat; color: #999999; }
		#JGHOMERightBanner .bx-pager .pager-active { color: #333333; background: url(../i/overlay/RightBannerSlider-Radius.png) -20px 0 no-repeat; }

.RightBannerSlider li { width: 233px; height: 425px; }
	.RightBannerSlider li a { width: 233px; height: 425px; display: block; }
		.RightBannerSlider li a img { width: 233px; height: 425px; }

/*sc*/
#homeLightboxArea { text-align: center; display: none; }
	#homeLightboxArea img { max-width: 960px; }