/*
General creative page styles
*/

#maincontainer #column_centre_passmasters {
	padding-top:6px;
	padding-right:0px;
	padding-bottom:135px;
	width:615px;
}


#maincontainer #column_centre_passmasters h1.creative {
	display:block;
	width:250px;
	height:180px;
	background:url(../../images/pm/bg_pm_creative_title.png) 0px 0px no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:-10px;
	top:-15px;
	z-index:110;
}

#maincontainer #column_centre_passmasters div.intro {
	position:relative;
	z-index:100;
	float:left;
	width:200px;
	color:#333399;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	height:125px;
	/*margin-bottom:20px;*/
	display:block;
	padding:180px 0px 15px 0px;
}

#maincontainer #column_centre_passmasters div.intro p {
	line-height:1.2em;
}


/*
Styles for the creative pictures list
*/

#maincontainer #column_centre_passmasters #creative_pictures_container {
	float:right;
	padding:45px 0px 15px 15px;
	width:380px;
	background:url(../../images/pm/bg_pm_creative_pictures.gif);
	position:relative;
	z-index:100;
}

#maincontainer #column_centre_passmasters #creative_pictures_container h2 {
	background:url(../../images/pm/bg_pm_creative_subtitle_bg1.png);
	width:170px;
	height:40px;
	position:absolute;
	top:-12px;
	left:-3px;
	color:#FFFFFF;
	padding:15px 0px 0px 0px;
	margin:0px;
	text-align:center;
}

#maincontainer #column_centre_passmasters #creative_pictures_container p {
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	right:20px;
	top:13px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul {
	width:370px;
	padding:0px;
	margin:0px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li {
	width:185px;
	height:150px;
	padding:0px;
	margin:0px;
	float:left;
	background:none;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li a {
	display:block;
	position:relative;
	width:185px;
	height:150px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li a span.prizewinner {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:-5px;
	right:-5px;
	overflow:hidden;
	text-indent:-200px;
	background:url(../../images/pm/bg_pm_creative_list_prize.png);
	z-index:100;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li a:hover {
	text-decoration:none;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li a span.title {
	position:absolute;
	z-index:40;
	font-size:1.1em;
	color:#330033;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.hori a span.title {
	text-align:center;
	bottom:30px;
	width:155px;
	left:14px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.vert a span.title {
	text-align:right;
	top:43px;
	width:85px;
	right:16px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li a span.name {
	position:absolute;
	z-index:40;
	color:#666666;
	font-size:0.9em;
	font-weight:normal;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.hori a span.name {
	text-align:center;
	top:120px;
	width:160px;
	left:14px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.vert a span.name {
	text-align:right;
	bottom:25px;
	width:85px;
	right:16px;
	display:block;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker1 a, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker5 a {
	background:url(../../images/pm/bg_pm_creative_list_stick_1.png);
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker1 a img, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker5 a img {
	position:absolute;
	left:19px;
	top:16px;
	z-index:20;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker2 a, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker6 a {
	background:url(../../images/pm/bg_pm_creative_list_stick_2.png);
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker2 a img, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker6 a img {
	position:absolute;
	left:18px;
	top:16px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker3 a, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker7 a {
	background:url(../../images/pm/bg_pm_creative_list_stick_3.png);
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker3 a img, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker7 a img {
	position:absolute;
	left:19px;
	top:15px;
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker4 a, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker8 a {
	background:url(../../images/pm/bg_pm_creative_list_stick_4.png);
}

#maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker4 a img, #maincontainer #column_centre_passmasters #creative_pictures_container ul li.sticker8 a img {
	position:absolute;
	left:19px;
	top:16px;
}


/*
Styles for the creative poems and joke's list
*/

#maincontainer #column_centre_passmasters #creative_poems_container, #maincontainer #column_centre_passmasters #creative_jokes_container {
	clear:both;
	width:605px;
	padding:45px 0px 12px 5px;	
	margin-top:20px;
	position:relative;	
	float:left;
	z-index:50;
}

#maincontainer #column_centre_passmasters #creative_poems_container {
	background:url(../../images/pm/bg_pm_creative_poems.gif);
}

#maincontainer #column_centre_passmasters #creative_jokes_container {
	background:url(../../images/pm/bg_pm_creative_jokes.gif);
}

#maincontainer #column_centre_passmasters #creative_poems_container h2, #maincontainer #column_centre_passmasters #creative_jokes_container h2 {
	width:170px;
	height:40px;
	position:absolute;
	top:-12px;
	left:-3px;
	color:#FFFFFF;
	padding:15px 0px 0px 0px;
	margin:0px;
	text-align:center;
}

#maincontainer #column_centre_passmasters #creative_poems_container h2 {
	background:url(../../images/pm/bg_pm_creative_subtitle_bg2.png);
}

#maincontainer #column_centre_passmasters #creative_jokes_container h2 {
	background:url(../../images/pm/bg_pm_creative_subtitle_bg1.png);
}

#maincontainer #column_centre_passmasters #creative_poems_container p, #maincontainer #column_centre_passmasters #creative_jokes_container p {
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	right:20px;
	top:13px;
}

#maincontainer #column_centre_passmasters #creative_jokes_container p {
	color:#333333;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul, #maincontainer #column_centre_passmasters #creative_jokes_container ul {
	padding:0px;
	margin:0px;	
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li, #maincontainer #column_centre_passmasters #creative_jokes_container ul li {
	padding:0px;
	margin:0px;
	background:none;
	float:left;
	width:150px;
	height:95px;
}

#maincontainer #column_centre_passmasters #creative_jokes_container ul li {
	height:75px;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a {
	display:block;
	width:148px;
	height:95px;
}

#maincontainer #column_centre_passmasters #creative_jokes_container ul li a {
	height:75px;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a.button1 {
	background:url(../../images/pm/bg_pm_creative_list_poem1.png) 0px 0px no-repeat;
}	

#maincontainer #column_centre_passmasters #creative_poems_container ul li a.button2  {
	background:url(../../images/pm/bg_pm_creative_list_poem2.png) 0px 0px no-repeat;
}

#maincontainer #column_centre_passmasters #creative_jokes_container ul li a.button1 {
 	background:url(../../images/pm/bg_pm_creative_list_joke1.png) 0px 0px no-repeat;
}
 
#maincontainer #column_centre_passmasters #creative_jokes_container ul li a.button2 {
 	background:url(../../images/pm/bg_pm_creative_list_joke2.png) 0px 0px no-repeat; 
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.title, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.title  {
	font-size:1.1em;
	color:#330033;
	text-align:center;
	display:block;
	padding:15px 7px 3px 7px;
}

#maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.title {
	color:#FFFFFF;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.name, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.name {
	color:#666666;
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
	padding:0px 5px;
	display:block;
	margin:0 auto;
}

#maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.name {
	color:#FFFFFF;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.poemimage, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.poemimage  {
	display:block;
	position:absolute;
	top:-3px;
	left:-5px;
	width:70px;
	height:55px;
	background:url(../../images/pm/bg_pm_sub_article_sticker.png);
	z-index:5;	
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.poemimage img, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.poemimage img  {
	position:absolute;
	left:7px;
	top:6px;
	z-index:10;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.poemimagebg, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.poemimagebg {
	display:block;
	float:left;
	width:60px;
	height:50px;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.prizewinner, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.prizewinner {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:-12px;
	bottom:-4px;
	overflow:hidden;
	text-indent:-200px;
	background:url(../../images/pm/bg_pm_creative_list_prize.png);
	z-index:100;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a span.prizewinnerbg, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a span.prizewinnerbg {
	display:block;
	float:left;
	width:35px;
	height:30px;
}

#maincontainer #column_centre_passmasters #creative_poems_container ul li a:hover, #maincontainer #column_centre_passmasters #creative_jokes_container ul li a:hover {
	text-decoration:none;
}

/*
Styles for the AJAX pop-up
*/

#ajax_content {
	text-align:center;
	width:auto;
	overflow:visible;
	background:none;
	border:none;
	padding:0px;
}

#ajax_content h2 {
	font-size:1.8em;
	color:#990000;
	padding:0px;
	margin:0px auto;
	width:360px;
	text-align:center;
	height:50px;
	padding-top:25px;
	background:url(../../images/pm/bg_pm_creative_item_title.gif) left top no-repeat;
	position:relative;
	top:20px;
	z-index:100;
}

#ajax_content div.imagebox {
	padding:0px;
	margin:0px auto;
	background:url(../../images/pm/bg_pm_creative_itembg_mid.gif) repeat-y;
	position:relative;
	z-index:50;
}

#ajax_content div.imagebox img {
	position:relative;
	padding:20px;
	z-index:100;
}

#ajax_content div.imagebox span.top, #ajax_content div.content span.top {
	background:url(../../images/pm/bg_pm_creative_itembg_top.gif) repeat-y;	
	display:block;
	position:absolute;
	width:100%;
	height:100px;
	top:-10px;
	left:0px;
}

#ajax_content div.imagebox span.bot, #ajax_content div.content span.bot {
	background:url(../../images/pm/bg_pm_creative_itembg_bot.gif) repeat-y;	
	display:block;
	position:absolute;
	width:100%;
	height:100px;
	bottom:-10px;
	left:0px;	
}

#ajax_content div.content {
	padding:50px 0px 40px 0px;
	margin:0px auto;
	background:url(../../images/pm/bg_pm_creative_itembg_mid.gif) repeat-y;
	position:relative;
	z-index:50;
	width:400px;
}

#ajax_content div.content p {
	padding:0px;
	margin:0px;
	padding:0px 50px 10px 50px;
	font-size:1.2em;
	line-height:1.3em;
	position:relative;
	z-index:50;
}


#ajax_content span.contentimage {
	display:block;
	background:url(../../images/sticker_bg_title.png) no-repeat;
	width:215px;
	height:170px;
	position:absolute;
	left:-150px;
	top:70px;
	z-index:200;
}

#ajax_content span.contentimage img {
	position:absolute;
	left:17px;
	top:14px;
}


#ajax_content p#prizewinner {
	position:absolute;
	z-index:250;
	width:100px;
	height:100px;
	background:url(../../images/pm/bg_pm_creative_item_prize.png);
	overflow:hidden;
	text-indent:-100px;
	top:15px;
	left:-65px;
}

#ajax_content p#author {
	margin:0px;
	padding-top:15px;
	width:241px;
	height:40px;
	background:url(../../images/pm/bg_pm_creative_item_author.gif);
	position:absolute;
	bottom:-42px;
	z-index:105;
	right:20px;
}

#ajax_content p#author span.textreplacement {
	font-size:1.3em;
	color:#000066;
	display:block;
}

#ajax_content a.forwardButton {
	display:block;
	width:70px;
	height:45px;
	position:absolute;
	right:-35px;
	bottom:2px;
	background:url(../../images/pm/bg_pm_creative_item_next.png) 0px 0px;
	overflow:hidden;
	text-indent:-300px;
	z-index:210;
}

#ajax_content a.forwardButton:hover {
	background:url(../../images/pm/bg_pm_creative_item_next.png) 0px -45px;
}

#ajax_content a.backwardButton {
	display:block;
	width:70px;
	height:45px;
	position:absolute;
	left:10px;;
	bottom:-45px;
	background:url(../../images/pm/bg_pm_creative_item_last.png) 0px 0px;
	overflow:hidden;
	text-indent:-300px;	
	z-index:200;
}

#ajax_content a.backwardButton:hover {
	background:url(../../images/pm/bg_pm_creative_item_last.png) 0px -45px;
}

#ajax_content a.closeButton {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	right:-10px;
	top:50px;
	background:url(../../images/pm/bg_pm_creative_item_close.png) 0px 0px;
	overflow:hidden;
	text-indent:-300px;	
	z-index:200;
}

#ajax_content a.closeButton:hover {
	background:url(../../images/pm/bg_pm_creative_item_close.png) 0px -50px;
}

#loading-icon {
	z-index:1000;
}