/******************* General css *******************/
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
li {
	margin-left: -25px;
}
hr {
	color: #CCC;
	border: 1px;
}

.redtext{ color:#ed1c24;}

.floatl{ float:left;}
.floatr{ float:right;}

.hr{ margin:10px 0;}

/******************* container css *******************/


.header {
	font-size: 12px;
	font-weight: bold;
}
.starpicks {
	color: #900;
}
.masthead {
	/*background: url(images/masthead_bg.gif) top left no-repeat;*/
	width: 750px;
	height: 200px;
	padding: 5px;
}
.intro h2{
	font-size:16px;
	padding-bottom:0;
	margin-bottom:0;
	/*line-height:24px;*/
}
.intro p, .intro2 p{
	margin-bottom:0;
	padding-bottom:0;
}
.intro {
	float:left;
	font-size: 12px;
	padding: 0px;
	width: 680px;
	/*line-height: 20px;*/
	/*width: 321px;*/
	/*height: auto;*/
}

/*  9july 2010 */
.j-intro { width:680px; margin:5px 0 0 0; padding:0; font:12px Arial, Helvetica, sans-serif; float:left;}

	.j-intro h2{ margin-top:10px;}
	
#contest01{background:url(images/bgbg.jpg) no-repeat; width:689px; margin:0; padding:0; }

#contest01-bottom{clear:both; margin:0; padding:0; width:689px; height:10px; background:#eeeeee url(images/retro-contest-bottom.jpg) no-repeat;}

.scrolla {
	padding:10px 0 0 120px;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	width:500px;
}
	.scrolla span { margin:0; padding:0; font:bold 16px Arial, Helvetica, sans-serif; color:#ee1c24; }
	.scrolla p { margin:0; padding:0; font:bold 11px Arial, Helvetica, sans-serif; }

.scrollb { 
	margin:26px 0 0 62px; 
	font:12px Arial, Helvetica, sans-serif; 
	float:left; 
	/*clear:both;*/
}
	.scrollb table{ padding:0; margin:0;}
	.scrollb table tr td{ padding:5px 0;}
	
.scrollc {padding:30px 0 0 60px; margin:0; font:12px Arial, Helvetica, sans-serif; width:400px; height:130px;  float:left; clear:both;}
	.scrollc p { margin:0; padding:0; font:bold 11px Arial, Helvetica, sans-serif; }
	.scrollc .tiny { margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif; }

/*T&C*/
.scrolld {
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	width:689px;
	float:left;
	margin-top:11px;
}

	.scrolld .header-copy{ height:16px;}
	
#retro-tab, #retro-body p { 
	background:none;
	border:0;
	padding:0 50px;
	width: auto;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
}
	#retro-tab strong, #retro-body strong{color:#000;}
	
#retro-body{
	width:689px;
	background:#f3dec1 url(images/retro-contest-bg.jpg) repeat-y;
	font:11px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}


.intro2 {
	float:left;
	font-size: 14px;
	padding: 0;
	margin-left:34px;
	text-align:left;
}

.intro-line {
	float:left;
	height:auto;
	width: 2px;
	padding: 0px 18px;
}
.intro-new {
	float:left;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 0px;
	width: 321px;
	/*height: auto;*/
}
.step{
	float:left;
	clear:left;
	width:auto;
	height:23px;
	padding: 5px 5px 0px 0px;
}
.step-right{
	float:left;
	width:230px;
	height:auto;
	padding: 10px 0px 0px 0px;
}
.icon{
	float:left;
	clear:left;
	width:14px;
	height:14px;
	padding: 3px 5px 0px 0px;
}
.icon-right{
	float:left;
	width:290px;
	height:auto;
	padding: 3px 0px 0px 0px;
}
.intro strong {
	color: #990000;
}
.introcaption {
	font-size: 10px;
	line-height: 2em;
}
.spanel {
	float: left;
	/*position: relative;*/
	width: 150px;
	height: 725px;
	overflow: hidden;
	padding-left: 10px;
}
.spanelhead {
	background: url(images/spanel_head.jpg) top left no-repeat;
	text-align: left;
	font-weight: bold;
	width: 180px;
	height: 90px;
	overflow: hidden;
	clear: both;
}
.spanelcontent {
	width: 170px;
	background: url(images/spanel_content.jpg) top left repeat-y;
	height: 630px;
	overflow: hidden;
	clear: both;
	padding: 0px 5px;
}
.spanelfoot {
	background: url(images/spanel_foot.jpg) top left no-repeat;
	width: 180px;
	height: 10px;
	overflow: hidden;
	clear: both;
}

.mpanel {
	float: left;
	/*position: relative;*/
	width: 660px;
	/*height: auto;*/
}
.mpanelhead {
	background: url(images/mpanel_head.jpg) top left no-repeat;
	text-align: left;
	font-weight: bold;
	padding: 12px 15px 2px 15px;
	width: 630px;
	height: 21px;
	overflow: hidden;
	clear: both;
	font-size: 12px;
	line-height: 1em;
}
.mpanelhead strong {
	color: #900;
	font-size: 12px;
}
.mpanelcontent {
	width: 630px;
	background: url(images/mpanel_content.jpg) top left repeat-y;
	/*height: auto;*/
	overflow: hidden;
	clear: both;
	padding: 10px 15px;
}
.mpanelcontent .hilite {
	color: #900;
}
.mpanelfoot {
	background: url(images/mpanel_foot.jpg) top left no-repeat;
	width: 660px;
	height: 10px;
	overflow: hidden;
	clear: both;
}
.panel {
	background: #EEE;
	width: 760px;
	/*height: auto;*/
	overflow: visible;
}
.panelhead {
	background: url(images/panel_head.jpg) top left no-repeat;
	width: 775px;
	height: 63px;
	overflow: hidden;
	clear: both;
}

.panelcontent {
	background: url(images/panel_content.jpg) top left repeat-y;
	/*position: relative;*/
	width: 760px;
	/*height: auto;*/
	min-height:100px;
	#padding-top:20px;
	float:left;
	overflow: visible;
	clear: both;
}
	
.panelcontent2 {
	background: url(images/panel_content.jpg) top left repeat-y;
	/*position: relative;*/
	width: 760px;
	/*height: auto;*/
	min-height:100px;
	#padding-top:20px;
	float:left;
	overflow: visible;
	clear: both;
	padding-left:30px;
	#width: 730px;
}

.panelcontent3 {
	background: url(images/panel_content3.jpg) top left repeat-y;
	/*position: relative;*/
	width: 760px;
	/*height: auto;*/
	min-height:100px;
	#padding-top:20px;
	float:left;
	overflow: visible;
	clear: both;
}

.panelcontent4 {
	background: url(images/panel_content4.jpg) top left repeat-y;
	/*position: relative;*/
	width: 760px;
	/*height: auto;*/
	min-height:100px;
	#padding-top:20px;
	float:left;
	overflow: visible;
	clear: both;
}

.panelfoot {
	background: url(images/panel_foot.jpg) top left no-repeat;
	/*position: relative;*/
	width: 760px;
	height: 35px;
	overflow: hidden;
	clear: both;
}

.panelfoot2 {
		background: url(images/panel_foot2.jpg) top left no-repeat;
		/*position: relative;*/
		width: 760px;
		height: 45px;
		overflow: hidden;
		clear: both;
}

.panelfoot3 {
		background: url(images/panel_foot3.jpg) top left no-repeat;
		/*position: relative;*/
		width: 760px;
		height: 45px;
		overflow: hidden;
		clear: both;
}
.panelfoot4 {
		background: url(images/panel_foot4.jpg) top left no-repeat;
		/*position: relative;*/
		width: 760px;
		height: 45px;
		overflow: hidden;
		clear: both;
}	
.ipanelhead {
	background: url(images/ipanel_head.jpg) top left no-repeat;
	width: 700px;
	height: 10px;
	overflow: hidden;
	clear: both;
	float:left;
}
.ipanelcontent {
	background: url(images/ipanel_content.jpg);
	text-align: left;
	/*position: relative;*/
	padding: 5px 20px;
	width: 660px;
	/*min-height:820px; 620
	overflow: visible;*/
	clear: both;
	display:block;
	float:left;
}
.ipanelfoot {
	background: url(images/ipanel_foot.jpg) top left no-repeat;
	/*position: relative;*/
	width: 700px;
	height: 10px;
	overflow: hidden;
	clear: both;
	float:left;
}
.ipanelcontent strong {
	color: #900;
}

.ppanelrow {
	width: 700px;
/*	height: 200px;*/
	overflow: visible;
}
.ppanelrow a {
	color: #900;
}
.ppanelleft {
	float: left;
	width: 220px;
	/*position: relative;*/
	height: 200px;
}

.ppanelleft2 {
	float: left;
	width: 220px;
	/*position: relative;*/
	height: 250px;
}

.ppanelspacer {
	float: left;
	/*position: relative;*/
	width: 20px;
}
.ppanelhead {
	background: url(images/ppanel_head.jpg) top left no-repeat;
	text-align: left;
	font-weight: bold;
	padding: 10px 15px 2px 15px;
	width: 190px;
	height: 23px;
	overflow: hidden;
	clear: both;
	font-size: 11px;
	line-height: 1em;
	color: #DDD;
}
.ppanelhead2 {
	background: url(images/ppanel_head3.jpg) top left no-repeat;
	text-align: left;
	font-weight: bold;
	padding: 10px 15px 2px 15px;
	width: 190px;
	height: 23px;
	overflow: hidden;
	clear: both;
	font-size: 11px;
	line-height: 1em;
	color: #DDD;
}
.ppanelcentre {
	background: url(images/ppanel_content.jpg) top left repeat-y;
	/*position: relative;*/
	width: 220px;
	height: 155px;
	overflow: hidden;
	clear: both;
}

.ppanelcentre2 {
	background: url(images/ppanel_content.jpg) top left repeat-y;
	/*position: relative;*/
	width: 220px;
	height: 200px;
	overflow: hidden;
	clear: both;
}

.ppanelcontent {
	text-align: left;
	/*position: relative;*/
	padding: 0px 0px 0px 0 px;
	width: 210px;
	height: 225px;
	overflow: visible;
	clear: both;
	font-size: 11px;
	vertical-align: top;
}

.ppanelcontent2 {
	text-align: left;
	/*position: relative;*/
	padding: 3px 10px;
	width: 190px;
	height: 205px;
	overflow: visible;
	clear: both;
	font-size: 11px;
}

.ppanelcontent p, .ppanelcontent2 p {
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
}
.ppanelcontent strong, .ppanelcontent2 strong {
	color: #900;
}
.ppanelcontentup {
	font-size: 9px;
}
.ppanelcontentcode {
	font-size: 9px;
}
.ppanelfoot {
	background: url(images/ppanel_foot.jpg) top left no-repeat;
	/*position: relative;*/
	width: 220px;
	height: 10px;
	overflow: hidden;
	clear: both;
}

.content {
	display:inline-block;
	text-align: left;
	padding: 5px 0px;
	width: 680px;
	/*height: auto;*/
	overflow: visible;
}
.footer {
	padding: 5px 10px;;
	width: 730px;
	/*height: auto;*/
}

/* open - close tag */
.header-copy { 
	width:97%;
	height: 22px;
	padding-top:4px;
	padding-left:11px;	
	text-align: left;
	color:#FFFFFF;
	cursor: pointer;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0pt;
	margin-left: 0pt;
	
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	background:url(images/grey-bg.jpg) repeat-x;
	
	border-top:#bfbfbf solid 1px;
	border-left:#bfbfbf solid 1px;
	border-right:#bfbfbf solid 1px;
}


.sub-copy {
	font-size:12px;
	margin-left:0;
	width:99%;
}

.openlanguage{ /*class added to contents when they are open*/
	text-decoration:none;
}

.closedlanguage{ /*class added to contents when they are closed*/
	text-decoration:none;padding-top:4px;
}

.contenttb { 
	font-size:11px;
	width:100%;
	margin-left:0px; 
	background:#f0f4f7 url(images/grey-tb-bg.gif) repeat-x;
}
.contenttb td{
	border-left:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
}

.redtbright{border-right:#CCC solid 1px;}

.contenttb td p{ padding:5px 0px 5px 24px; margin:0;}



/* safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.scrolla p{ line-height:14px;}
.scrollb {margin-top: 32px;}


}