/* NEWS PREVIEW SCROLLER */

#news_updates_preview .scroll-pane {
	position:relative; float:left;
	width:560px; height:140px;
	margin:0; padding:0;
	overflow:auto;
	}

#news_updates_preview ul,
#news_updates_preview li {
	position:relative;
	width:465px;
	margin:0; padding:0;
	}
#news_updates_preview li {
	position:relative;
	width:465px;
	margin:0 0 11px 72px; /* Left margin positions li for date to be set to left of li */
	padding:0;
	}
#news_updates_preview .date { position:absolute; top:0; left:-72px; }  /* Left position places date left of li */
#news_updates_preview .date { color:#cc0000; }
#news_updates_preview a:link, 
#news_updates_preview a:visited { color:#836e51; font-weight:bold; text-decoration:none; }
#news_updates_preview a:hover, 
#news_updates_preview a:active { color:#dfd0b6; font-weight:bold; text-decoration:none; }


/* NEWS ARTICLE/UPDATE VIEWER */

#news_updates_viewer .scroll-pane {
	position:relative;
	width:680px; height:330px;
	overflow:auto;
	}
#news_updates_viewer .title { position:relative; margin:0; padding:0; }
#news_updates_viewer .article_image, 
#news_updates_viewer .article_text {
	position:relative; float:left; display:inline;
	margin:0; padding:0;
	}
#news_updates_viewer .title { 
	width:680px;
	margin-bottom:12px;
	font-size:16px; line-height:1.1;
	color:#999; font-weight:bold;
	}
#news_updates_viewer .title span { color:#cc0000; margin-right:15px; }
#news_updates_viewer .article_image { width:360px; margin:0; padding:0; }
#news_updates_viewer .article_text { width:290px; }


/* ELEMENTAL POWERS SCROLLER */

#elemental_powers_viewer .scroll-pane {
	position:relative;  float:left; display:inline;
	margin:0; padding:0;
	width:590px; height:250px;
	overflow:auto;
	}
.power,
.power .desc,
.power .video,
.power .video img  { 
	position:relative; float:left; display:inline;
	margin:0; padding:0;  }
.power { width:550px; margin-bottom:130px; }
.power .desc { width:314px; padding-right:20px; }
.power .video { width:216px; }
.power .video img { display:block; margin:0 0 6px 0; }
.power .video .button {
	background: url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/button-video.gif) no-repeat 0 0; 
	position:relative; float:left; display:block;
	width:184px; height:32px;
	margin:0; padding:0 32px 0 0;
	font-size:11px; line-height:32px;
	color:#fff; font-weight:bold;
	text-align:right;
	}
.power .video a:link, .power .video a:visited { color:#fff; text-decoration:none; }
.power .video a:hover, .power .video a:active { color:#fff; text-decoration:underline; }

#elemental_powers_viewer .title {
	position:absolute;
	top:14px; left:58px;
	display:block;
	width:585px; height:32px;
	font-size:15px; line-height:32px;
	color:#ccbbbb; font-weight:bold;
	text-align:center;
	}
#elemental_powers_viewer .tabs {
	position:absolute;
	top:46px; left:58px;
	display:block;
	width:605px; height:60px;
	font-size:10px; line-height:60px;
	color:#ccbbbb; font-weight:bold;
	}
#elemental_powers_viewer .tabs p { 
	position:relative;  float:left; display:inline;
	margin:0; padding:0;
	width:121px; color:#CC0000; 
	}
#elemental_powers_viewer .tabs a:link, #elemental_powers_viewer .tabs a:visited { color:#ccbbbb; text-decoration:none; }
#elemental_powers_viewer .tabs a:hover, #elemental_powers_viewer .tabs a:active { color:#ccbbbb; text-decoration:underline; }
#elemental_powers_viewer .tabs a { margin:0 0 0 1px; padding:0; }

.power .desc h3 {
	font-size:17px; line-height:1.3;
	color:#838383; font-weight:bold;
	}
.power .desc p,
.power .desc ul { margin:0 0 1.2em 2px; padding: 0;}
.power .desc ul li { background:none; list-style:disc; margin:0 0 1.5em 1em; padding:0; }


/* STANDARD CONTENT VIEWER */

#content_viewer .scroll-pane {
	position:relative;  float:left; display:inline;
	margin:0; padding:0;
	width:590px; height:275px;
	overflow:auto;
	}
#content_viewer .title {
	position:absolute;
	top:14px; left:58px;
	display:block;
	width:585px; height:32px;
	font-size:15px; line-height:32px;
	color:#ccbbbb; font-weight:bold;
	text-align:center;
	}
#content_viewer .article_image,
#content_viewer .image,
#content_viewer .image img,
#content_viewer .article_text {
	position:relative; float:left; display:inline;
	margin:0; padding:0;
	}
#content_viewer .article_image { 
	width:270px; 
	margin:0; padding:0;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#fff;
	}
#content_viewer .image {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-caption.gif) no-repeat bottom left;
	width:250px; height:159px;
	margin:0 0 30px 0; padding:0;
	text-indent:5px;
	}
#content_viewer .article_image .image p { margin:0; padding:0; line-height:20px;  }
#content_viewer .article_text { width:280px; }
.article_text h3 {
	font-size:17px; line-height:1.3;
	color:#838383; font-weight:bold;
	}


/* DOWNLOADS VIEWER/SCROLLER */

#downloads_viewer .scroll-pane {
	position:relative;  float:left; display:inline;
	margin:0; padding:0;
	width:590px; height:260px;
	overflow:auto;
	}
#downloads_viewer .title {
	position:absolute;
	top:14px; left:58px;
	width:590px; height:32px;
	margin:0 0 40px 0; padding:0;
	font-size:15px; line-height:32px;
	color:#ccbbbb; font-weight:bold;
	text-align:center;
	}
.wallpapers, .skins, .select {
	position:relative; float:left; display:inline;
	width:216px;
	margin:0; padding:0;
	}
.wallpapers { margin:0; padding:0 29px 0 37px; }
.skins { margin:0; padding:0 37px 0 29px; }
.wallpapers h3, .skins h3 {
	position:relative; display:block;
	width:201px; height:32px;
	margin:0 0 8px 0; padding:0 0 0 15px;
	font-size:11px;
	line-height:32px;
	}
.wallpapers h3, .skins h3 { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-wp-themes-title.gif) no-repeat 0 0; }
.wallpapers .select {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-reflection-res.jpg) no-repeat bottom left;
	height:160px;
	margin:0 0 16px 0; padding:0;
	text-align:center;
	}
.wallpapers .res {
	position:relative; float:left; display:inline;
	width:65px; height:16px;
	margin:6px 3px 0 4px; padding:0;
	}
.wallpapers .select .res a {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/button-resolution.gif) no-repeat 0 0;
	position:relative; display:block;
	width:65px; height:16px;
	margin:0; padding:0;
	text-align:center;
	}
.wallpapers .select a:link, .wallpapers .select a:visited { color:#fff; text-decoration:none; }
.wallpapers .select a:hover, .wallpapers .select a:active { color:#fff; text-decoration:underline; }

.skins .select {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-reflection-theme.jpg) no-repeat bottom left;
	height:200px;
	margin:0 0 16px 0; padding:0;
	}
.skins .select img { margin:0 0 6px 0; }
.skins .platform {
	position:relative; float:left; display:inline;
	width:213px; height:16px;
	margin:0 2px 4px 2px; padding:0;
	}
.skins .select .platform a {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/button-theme.gif) no-repeat 0 0;
	position:relative; display:block;
	width:203px; height:16px;
	margin:0; padding:0 5px;
	}
.skins .select a:link, .skins .select a:visited { color:#fff; text-decoration:none; }
.skins .select a:hover, .skins .select a:active { color:#fff; text-decoration:underline; }


/* GAMES VIEWER/SCROLLER */

#games_viewer .scroll-pane {
	position:relative;  float:left; display:inline;
	margin:0; padding:0;
	width:590px; height:250px;
	overflow:auto;
	}
#games_viewer .title {
	position:absolute;
	top:14px; left:58px;
	width:590px; height:32px;
	margin:0 0 40px 0; padding:0;
	font-size:15px; line-height:32px;
	color:#ccbbbb; font-weight:bold;
	text-align:center;
	}
.left_column, .right_column {
	position:relative; float:left; display:inline;
	width:216px;
	margin:0;
	}
.left_column { padding:0 29px 0 37px; }
.right_column {padding:0 37px 0 29px; }
.game { margin:0 0 30px 0; padding:0; clear:both; }
.game span, .game span a { margin:0 0 0 5px; padding:0; color:#cc0000; font-weight:bold; }
.game span a:link, .power span a:visited { color:#cc0000; text-decoration:none; }
.game span a:hover, .power span a:active { color:#cc0000; text-decoration:underline; }
.game img { margin:0 0 6px 0; }
.game .button {
	background: url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/button-game.gif) no-repeat 0 0; 
	position:relative; float:left; display:block;
	width:178px; height:32px;
	margin:0 0 8px 0; padding:0 0 0 38px;
	font-size:11px; line-height:32px;
	color:#fff; font-weight:bold;
	}
.game a.button:link, .power a.button:visited { color:#fff; text-decoration:none; }
.game a.button:hover, .power a.button:active { color:#fff; text-decoration:underline; }










/* The styles below apply to ALL scrolling text */

.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }

.jScrollPaneTrack {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/track.gif) repeat-y 4px 0;
	position:absolute;
	cursor:pointer;
	top:0; right:0; 
	height:100%;
	}
.jScrollPaneDrag {
	background:#ccc;
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	border-top:1px solid #e9e9e9;
	border-left:1px solid #e9e9e9;
	}
.jScrollPaneDragTop {
	position:absolute;
	top:0; left:0;
	overflow:hidden;
	}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0; left:0;
	overflow:hidden;
	}
a.jScrollArrowUp {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/scroll-arrow-up.gif) no-repeat;
	position:absolute;
	top:0; right:0;
	display:block;
	height:5px;
	text-indent:-7000px;
	overflow:hidden;
	z-index:1;
	}
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }

a.jScrollArrowDown {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/scroll-arrow-down.gif) no-repeat 0 0;
	position:absolute;
	bottom:0; right:0;
	display:block;
	height:5px;
	text-indent:-7000px;
	overflow:hidden;
	z-index:1;
	}
a.jScrollArrowDown:hover { /*background-color:#f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color:#f00;*/ }