/*
 * 
 * Style sheet for Panasonic YCN website
 * October 2008
 * 
 */


/*
 * Basic elements
 */

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #000000;
	font-size: 12px;
}

body.popup{
	background-color: #ffffff;
	color: #000000;
	padding: 60px 56px 0px 56px;
}

body.popupterms{
	background-color: #ffffff;
	color: #000000;
	padding: 20px 56px 0px 56px;
}

/*body.galleryview{
	background-color: #ffffff;
	color: #000000;
	padding: 12px 28px 0px 36px;
}*/

a{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #969185;
	text-decoration: none;
}

a img{
	border:0;
}

form{
	margin:0px;
	padding:0px;
}

ul {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #969185;
	padding:0;
	margin:0;
	width: 276px;
}

ul li{
	padding:3px 0px 0px 0px;
	margin: 0 0 0 1.4em;
}

#container{
	width: 1278px;
	height: 655px;
	margin:0 auto;
	background-image: url('../images/background.jpg');
	background-position: top left;
	background-repeat: no-repeat;	
	background-color: #ffffff;
}

.home #container {
	background-image: url('../images/backgroundline.jpg');
}


h1.ycn{
	text-transform: lowercase;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	overflow: hidden;
	width: 90px;
	height: 55px;
	padding:0px;
	margin:0px;
}

.home h1.ycn{
	height: 82px;
}	

.toolkit h1.ycn{
	height: 81px;
	width: 70px;	
}

.career h1.ycn{
	height: 81px;
	width: 70px;	
}

h1.ycn a{
	display:block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

h1.ycn a span{
	display:block;
	width: 100%;
	height: 100%;
	background-image: url('../images/ycnlogo.jpg');
}

.home h1.ycn a span{
	background-image: url('../images/ycnlogohome.gif');
}

.enter h1.ycn a span{
	background-image: url('../images/ycnlogo_enter.jpg');
}

.prizes h1.ycn a span{
	background-image: url('../images/ycnlogo_prizes.jpg');
}

.toolkit h1.ycn a span{
	background-image: url('../images/ycnlogotoolkit.gif');
}

.career h1.ycn a span{
	background-image: url('../images/ycnlogotoolkit.gif');
}

#nav{
	position: absolute;
	top: 14px;
	margin-left: 397px;
	width: 520px;
	color: #969185;
	z-index: 10;
}

#menu{
	position: absolute;	
	top: 44px;	
	width:100%;
}

#nav ul.mainnav{
	margin:0px;
	padding:0px 0px 3px 0px;	
	text-align:center;
	width:100%;
	border-bottom: 1px solid #000000;
}

#nav ul.subnav{
	clear:both;
	margin:0px;
	padding:3px 0px 0px 0px;	
	text-align:center;
	width:100%;
}

#nav ul.mainnav li,
#nav ul.subnav li{
	display: inline;
	border-right: 1px solid #969185;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	font-size: 12px;
}



#nav ul.mainnav li a,
#nav ul.subnav li a{
	text-decoration: none;
	color: #969185;
	font-size: 12px;
}

#nav ul.mainnav li a:hover,
#nav ul.subnav li a:hover {
	text-decoration: underline;
}

.home #nav ul.mainnav li a.about,
.about #nav ul.mainnav li a.brief,
.viral #nav ul.mainnav li a.brief,
.showreel #nav ul.mainnav li a.brief,
.prizes #nav ul.mainnav li a.prizes,
.prizeinfo #nav ul.mainnav li a.prizes,
.enter #nav ul.mainnav li a.enter,
.contact #nav ul.mainnav li a.contact,
.gallery #nav ul.mainnav li a.gallery,
.galleryview #nav ul.mainnav li a.gallery,
.terms #nav ul.mainnav li a.terms,
.toolkit #nav ul.mainnav li a.toolkit,
.vote #nav ul.mainnav li a.vote,
.shortlist #nav ul.mainnav li a.vote,
.winners #nav ul.mainnav li a.winners,
.winners09 #nav ul.mainnav li a.winners09,
.viewwinners #nav ul.mainnav li a.winners,
.viewwinners09 #nav ul.mainnav li a.winners09,
.career #nav ul.mainnav li a.career
{
	color: #000000;
}

#nav ul.mainnav li.last,
#footernav ul li.last,
#nav ul.subnav li.last{
	border: 0;
}

a.pageNav:hover {
	text-decoration: underline;
}

h2.panasonic{
	position: absolute;
	text-transform: lowercase;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	overflow: hidden;
	width: 126px;
	height: 34px;
	padding:0px;
	margin:0px;
	margin-left:187px;
}

h2.panasonic a{
	display:block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

h2.panasonic a span{
	display:block;
	width: 100%;
	height: 100%;
	background-image: url('../images/panasoniclogo.gif');
}

.home h2.panasonic a span{
	background-image: url('../images/panasoniclogohome.gif');
}

#main{
	position: absolute;
	margin-left: 276px;
	top: 121px;
	width:900px;
}

.prizeinfo #main{
	top: 89px;
}

.home #main{
	margin-left:422px;
	top: 89px;
	z-index: 5;	
	width:700px;
}

.contact #main{
	margin-left:459px;
	top: 89px;	
	width:700px;	
}

.toolkit #main{
	margin-left:459px;
	width:700px;	
	top: 89px;	
}

.career #main{
	margin-left:459px;
	width:700px;	
	top: 89px;	
	z-index:5;
}

.about #main{
	top: 89px;
}

.vote #main{
	margin-left:442px;
	width:700px;	
	z-index:10;
	top: 89px;	
}

.gallery #main {
	position: absolute;
	margin-left: 378px;
	top: 142px;
	width:800px;
}

.galleryview #main {
	position: absolute;
	margin-left: 424px;
	top: 89px;
	width:700px;
}

.viral #main, .showreel #main {
	position: absolute;
	margin-left: 424px;
	top: 89px;
	width:700px;
}

.shortlist #main {
	position: absolute;
	margin-left: 424px;
	top: 89px;
	width:700px;
}

.viewwinners #main, .viewwinners09 #main {
	position: absolute;
	margin-left: 424px;
	top: 89px;
	width:700px;
}


.winners #main, .winners09 #main{
	margin-left:459px;
	width:700px;	
	z-index:10;
	top: 111px;	
}

#ticker{
	position: absolute;
	z-index: 15;
	top: 426px;
	margin-left: 709px;
}

#prizebutton{
	position: absolute;
	z-index: 15;
	top: 416px;
	margin-left: 782px;	
}

#main h2, #voteform h2{
	margin:0px;
	padding:0px;
	font-family: 'Times New Roman', serif;
	font-size: 24px;
	font-style: italic;
	color: #ef0707;
	font-weight: normal;
}

.home #main h2{
	color: #ef0707;
}

#main p a, td a{
	color: #444444;
	text-decoration: underline;	
}

#boattip{
	position: absolute;
	margin-left: 377px;
	top: 496px;
	width:48px;
	height: 88px;
	background-image: url('../images/boat.jpg');
}

.black{
	color: #000000;
}

.red{
	color: #ef0707;
}

input.form,textarea.form, select{
	border: 1px solid #cfcfcf;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	font-size:12px;
	line-height: 12px;
	margin:0px;
	padding:0px;	
	background-image: url('../images/inputbg.gif');
}

.inputerror, #errors{
	border: 1px solid #ef0707;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	font-size:12px;
	margin:0px;
	padding:0px;	
	background-image: url('../images/inputbg.gif');	
}



#errors{
	padding:5px;
	border: 2px solid #ef0707;
}

#errors ul{
	color: #000000;
}

#uploading{
	display:none;
	padding:6px 3px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #969185;	
	font-size:12px;	
	text-align:center;
	width:274px;
}

h3, div h3{
	margin:0;
	padding: 18px 0px 0px 0px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

h3.subhead{
	font-family: 'Times New Roman', serif;
	font-size: 14px;
	font-style: italic;
	color: #969185;
	font-weight: normal;
	padding:0px;
}

p{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #969185;
	width:276px;
	padding: 5px 0px 5px 0px;	
}

td{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #969185;	
}

label{
	font-family: Arial, Helvetica, sans-serif;
	color: #969185;	
	font-size:12px;
	margin:0px;
	padding:0px;	
}


.home p{
	width:226px;
}

.popupterms p{
	width:400px;
}

/*.galleryview p{
	width:448px;
}*/

.popupterms ul, .popupterms ul li{
	width:auto;
}

#col1,#col2{
	float:left;
	width: 356px;
}

#col1 p, #col2 p{
	padding: 5px 0px 5px 0px;
}

.enter #col1{
	width:315px;
}

.enter #col2{
	margin-top: 16px;
}

a.downloadbrief{
	display:block;
	width:91px;
	font-family: 'Times New Roman', serif;
	font-size: 13px;
	font-style: italic;	
	color: #f57373;
	text-decoration: none;
	background-image: url('../images/downloadbrief.gif');
	background-position: top right;
	background-repeat: no-repeat;
	margin-top:4px;
	padding-right:22px;
	cursor: pointer;	
}

#briefholder{
	padding-top:20px;
}

#briefleft{
	float:left;
	width:155px;
	width:169px;
}

#briefleft img{
	padding-top:4px;
	padding-bottom:7px;
}

#briefright{
	float:left;
	width:38px;
}

#imgleft{
	position:absolute;
	width:245px;
	height:371px;
	top:96px;
	margin-left:0px;
	background-position: top left;
	background-repeat: no-repeat;
}

.about #imgleft, .prizeinfo #imgleft{
	background-image: url('../images/brief/left.jpg');
	width: 498px;
	height: 453px;
	top: 67px;
}

.home #imgleft{
	background-image: url('../images/homeleft.jpg');	
	width: 290px;
	height: 309px;
	top: 83px;
	margin-left: 119px;
}

.enter #imgleft{
	background-image: url('../images/enterleft.jpg');	
	width: 226px;
	height: 222px;
	top: 294px;
	margin-left: 34px;
}

.contact #imgleft{
	background-image: url('../images/contactleft.jpg');	
	width: 579px;
	height: 346px;
	top: 196px;
	margin-left: 26px;
}

.toolkit #imgleft{
	background-image: url('../images/toolkitleft.jpg');	
	width: 304px;
	height: 428px;
	top: 1px;
	margin-left: 130px;
}

.career #imgleft{
	background-image: url('../images/careerleft.jpg');	
	width: 306px;
	height: 327px;
	top: 128px;
	margin-left: 114px;
}

.gallery #imgleft{
	background-image: url('../images/galleryleft.jpg');	
	width: 378px;
	height: 517px;
	top: 66px;
	margin-left: 0px;
}

.galleryview #imgleft{
	background-image: url('../images/galleryviewleft.jpg');	
	width: 210px;
	height: 509px;
	top: 82px;
	margin-left: 219px;
}

.viral #imgleft, .showreel #imgleft{
	background-image: url('../images/galleryviewleft.jpg');	
	width: 210px;
	height: 509px;
	top: 82px;
	margin-left: 219px;
}


.shortlist #imgleft{
	background-image: url('../images/shortlistleft.jpg');	
	width: 395px;
	height: 503px;
	top: 41px;
	margin-left: 28px;
}

.viewwinners #imgleft, .viewwinners09 #imgleft{
	background-image: url('../images/shortlistleft.jpg');	
	width: 395px;
	height: 503px;
	top: 41px;
	margin-left: 28px;
}



.vote #imgleft{
	background-image: url('../images/voteleft.jpg');	
	width: 460px;
	height: 500px;
	top: 143px;
	margin-left: 0px;
}

.winners #imgleft, .winners09 #imgleft{
	background-image: url('../images/winnersleft.jpg');	
	width: 373px;
	height: 403px;
	top: 126px;
	margin-left: 185px;
}

#imgright{
	position:absolute;
	width:244px;
	height:120px;
	top:277px;
	margin-left:1034px;
	background-position: top left;
	background-repeat: no-repeat;
}

.about #imgright,.prizeinfo #imgright{
	background-image: url('../images/brief/right.jpg');
	width: 251px;
	height: 213px;
	top: 210px;
	margin-left: 940px;		
}

.home #imgright{
	background-image: url('../images/homeright.jpg');
	width: 541px;
	height: 416px;
	top: 41px;
	margin-left: 657px;	
}

.enter #imgright{
	background-image: url('../images/enterright.jpg');
	width: 331px;
	height: 476px;
	top: 143px;
	margin-left: 947px;	
	z-index:2;	
}

.contact #imgright{
	background-image: url('../images/contactright.jpg');
	width: 421px;
	height: 357px;
	top: 153px;
	margin-left: 857px;	
}

.toolkit #imgright{
	background-image: url('../images/toolkitright.jpg');
	width: 410px;
	height: 326px;
	top: 160px;
	margin-left: 800px;	
}

.career #imgright{
	background-image: url('../images/careerright.jpg');
	width: 558px;
	height: 599px;
	top: 21px;
	margin-left: 684px;	
	z-index:1;
}

.gallery #imgright{
	background-image: url('../images/galleryright.jpg');
	width: 301px;
	height: 529px;
	top: 61px;
	margin-left: 978px;	
}

.galleryview #imgright{
	background-image: url('../images/galleryviewright.jpg');
	width: 237px;
	height: 371px;
	top: 82px;
	margin-left: 850px;	
}

.viral #imgright,.showreel #imgright{
	background-image: url('../images/galleryviewright.jpg');
	width: 237px;
	height: 371px;
	top: 82px;
	margin-left: 850px;	
}

.shortlist #imgright{
	background-image: url('../images/galleryviewright.jpg');
	width: 237px;
	height: 371px;
	top: 82px;
	margin-left: 850px;	
}

.viewwinners #imgright, .viewwinners09 #imgright{
	background-image: url('../images/galleryviewright.jpg');
	width: 237px;
	height: 371px;
	top: 82px;
	margin-left: 850px;	
}


.vote #imgright{
	background-image: url('../images/votenew.jpg');
	width: 537px;
	height: 559px;
	top: 12px;
	margin-left: 740px;	
}

.shortlist #imgright{
	background-image: url('../images/shortlistright.jpg');
	width: 404px;
	height: 343px;
	top: 227px;
	margin-left: 855px;	
}

.viewwinners #imgright, .viewwinners09 #imgright{
	background-image: url('../images/shortlistright.jpg');
	width: 404px;
	height: 343px;
	top: 227px;
	margin-left: 855px;	
}




.winners #imgright, .winners09 #imgright{
	background-image: url('../images/winnersright.jpg');
	width: 589px;
	height: 429px;
	top: 126px;
	margin-left: 682px;	
}


#votetwo{
	position: absolute;
	margin-left: 1037px;
	top: 335px;
	width:242px;
	height: 202px;
	background-image: url('../images/voteright2.jpg');
}

#voteoptions{
	position: absolute;
	margin-left: 456px;
	padding-left:0px;
	padding-top:11px;
	top: 335px;
	width:300px;
	height: 225px;
	background-image: url('../images/shortlist/background.jpg');
	z-index:99;
}

#voteoptions img{
	padding:0px 0px 0px 14px;
}

#uploadfile{
	width: 298px;
	background-color: #ffffff;
	border-right: 11px solid #000000;
	border-left: 11px solid #000000;
	border-bottom: 11px solid #000000;	
	color: #333333;	
	height: 444px;
}

#formcontent{
	padding: 12px 6px 0px 6px;
	background-color: #ffffff;
}

#uploadfile label{
	color: #333333;	
	font-weight: bold;
}

#voteform label{
	font-weight: bold;	
}

#formholder{
	background-image: url('../images/formleft.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	padding: 0px 0px 0px 42px;
	z-index:5;
}

#uploadfile label.labelerror{
	color: #ef0707;
}

td{
	padding: 0px 0px 1px 0px;
}

#ibtag{
	display:none;
}

p.labelerror{
	width: auto;
	color:#EF0707;
	text-align:left;
	font-size:10px;
}

a.download{
	color: #ed0707;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}

#thegallery{
	border: 9px solid #000000;
}

#voteform{
	position:absolute;
	margin-left: 869px;
	top: 87px;
	z-index:10;
	width:300px;
	color: #000000;
}

.winners #main p, .winners09 #main p{
	width: 386px;
}

#podium{
	position:absolute;
	margin-left: 471px;
	top: 402px;
	z-index:10;
	width:479px;
	height: 135px;
	background-image: url('../images/podium.jpg');
}

.winners09 #podium{
	background-image: url('../images/podium09.jpg');
}

#winner1{
	position:absolute;
	margin-left: 451px;
	top: 214px;
	z-index:15;
	width:172px;

}

#winner1 p{
	width:116px;
	text-align:center;
	padding-left: 56px;	
}

#winner2 p{
	width:96px;
	text-align:center;
	padding-left: 13px;	
}

#winner3 p{
	width:95px;
	text-align:center;
	padding-left: 10px;	
}

#winner4 p{
	width:96px;
	text-align:center;
	padding-left: 10px;	
}

#winner2{
	position:absolute;
	margin-left: 625px;
	top: 274px;
	z-index:15;
	width:109px;

}
#winner3{
	position:absolute;
	margin-left: 734px;
	top: 304px;
	z-index:15;
	width:105px;

}
#winner4{
	position:absolute;
	margin-left: 839px;
	top: 332px;
	z-index:15;
	width:106px;
}

.winners09 #winner4{
	top: 310px;
}

.first{
	padding-top:10px !important;
}

#footernav{
	position: absolute;
	top: 610px;
	margin-left: 50px;
	width: 400px;
	color: #969185;
	z-index: 10;
}


#footernav ul{
	margin:0px;
	padding:0px 0px 0px 0px;	
	font-size: 10px;
	width: 400px;
}


#footernav ul li{
	display: inline;
	border-right: 1px solid #969185;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	font-size: 10px;
}



#footernav ul li a {
	text-decoration: none;
	color: #969185;
	font-size: 10px;
}


#footernav ul li a:hover {
	text-decoration: underline;
}


#footernavright{
	position: absolute;
	top: 610px;
	margin-left: 830px;
	text-align:right;
	width: 400px;
	color: #969185;
	z-index: 10;
	font-size: 10px;
	line-height:18px;
	vertical-align:baseline;
}