/* STRUCTURE.CSS
PROJECT: THE MEGAs
v2
------------------------------------------------*/

/* COLOURS
	pink:#D60065;
	dark blue:005685;
	text:#333; */

* {
	margin:0;
	padding:0;
	xxborder:1px solid;
	}

body {
	color:#333;
	background-color:#fff;
	text-align:center;
	}

/* =STRUCTURE  
------------------------------------------------*/
.wrapper {
	position:relative;
	width:76em;
	margin:0 auto;
	}

.branding {
	width:637px;
	height:94px;
	padding:20px 0 30px 0;
	}

.branding img {
	border:none;
	}
	
.content-wrapper {
	position:relative;
	}
	/*Admin content wrapper not relative= causes problems with tooltip*/
.content-wrapper-admin {
	position:auto;
	}

/* change height on "FORM" wrapper here*/		
.primary-1-col {
	width:52em;
	border-right:1px solid #ccc;
	height:34em;
	xxpadding-left:0.7em;
	}
/* change height on "FORM" wrapper here*/	
html>body .primary-1-col {
	height:auto;
	min-height:34em;
	}

.primary-1-col-main .hr {
	margin-right:10px;
}

.primary-2-col, .primary-3-col {
	width:52em;
	border-right:1px solid #ccc;
	height:34em;
	}

html>body .primary-2-col, html>body  .primary-3-col {
	width:52em;
	border-right:1px solid #ccc;
	height:auto;
	min-height:34em;
	}

.secondary-col {
	width:13em;
	position:absolute;
	left:52.35em;
	}

html>body .secondary-col {
	width:13em;
	position:absolute;
	left:53em;
	}

img {
	border:0;
	}
	
img.center-image {
	display:block;
	margin-right:0.8em;
	}


img.float-left-image {
	margin:5px 0.8em 0 0;
	float:left;
	}

img.list-bullet {
	padding-top:0.5em;
	float:left;
	}

img.padding-b {
	padding-bottom:1em;
	}

img.margin-t {
	margin-top:0.5em;
	}

.null-header {
	background:url(../images/null-header.gif) no-repeat 0 center;
	width:15em;
	color:#fff;
	}


.welcome-header {
	background:url(../images/welcome-header.gif) no-repeat 0 center;
	width:25em;
	}

.who-can-enter-header {
	background:url(../images/who-can-enter-header.gif) no-repeat 0 center;
	width:15em;
	}

.the-categories-header {
	background:url(../images/the-categories-header.gif) no-repeat 0 center;
	width:15em;
	}

.the-judges-header {
	background:url(../images/the-judges-header.gif) no-repeat 0 center;
	width:15em;
	}
.the-judging-process-header {
	background:url(../images/judging-process-header.gif) no-repeat 0 center;
	width:15em;
	}

.the-event-header {
	background:url(../images/the-event-header.gif) no-repeat 0 center;
	width:15em;
	}
.the-shortlist-header {
	background:url(../images/the-shortlist-header.gif) no-repeat 0 center;
	width:15em;
	}

.the-winners-header {
	background:url(../images/the-winners-header.gif) no-repeat 0 center;
	width:15em;
	}
.our-partners-header {
	background:url(../images/our-partners-header.gif) no-repeat 0 center;
	width:15em;
	}

.contacts-header {
	background:url(../images/contacts-header.gif) no-repeat 0 center;
	width:15em;
	}

.sign-up-for-updates-header {
	background:url(../images/sign-up-for-updates-header.gif)no-repeat 0 center;
	width:15em;
	}
	
.submit-header {
	background:url(../images/submit-header.gif) no-repeat 0 center;
	/*background:url(../images/judges-area-header.jpg) no-repeat 0 center;*/
	width:15em;
	}


.innovator-header {
	background:url(../images/innovator-header.gif) no-repeat 0 center;
	width:25em;
	}

.innovator2008-header {
	background:url(../images/innovator-2008-header.gif) no-repeat 0 center;
	width:25em;
	}

.rising-header {
	background:url(../images/rising-star-header.gif) no-repeat 0 center;
	width:25em;
	}

.independent-blog-header {
	background:url(../images/independent-blog-header.gif) no-repeat 0 center;
	width:25em;
	}

.innovation-header {
	background:url(../images/innovation-header.gif) no-repeat 0 center;
	width:25em;
	}

.innovation-tech-header {
	background:url(../images/innovation-tech-header.gif) no-repeat 0 center;
	width:25em;
	}

.launch-header {
	background:url(../images/launch-header.gif) no-repeat 0 center;
	width:25em;
	}

.ad-campaign-header {
	background:url(../images/ad-campaign-header.gif) no-repeat 0 center;
	width:25em;
	}


.brand-identity-header {
	background:url(../images/brand-identity-header.gif) no-repeat 0 center;
	width:25em;
	}


.pr-campaign-header {
	background:url(../images/pr-campaign-header.gif) no-repeat 0 center;
	width:25em;
	}

.commercial-header {
	background:url(../images/commercial-header.gif) no-repeat 0 center;
	width:25em;
	}
	
.independent-media-header {
	background:url(../images/independent-media-header.gif) no-repeat 0 center;
	width:25em;
	}
	
.brand-reputation-header{
	background:url(../images/brand-reputation-header.gif) no-repeat 0 center;
	width:25em;
	}
	
.corporate-communications-he{
	background:url(../images/corporate-communications-he.gif) no-repeat 0 center;
	width:25em;
	}
	
	

.innovation-creative-header {
	background:url(../images/innovation-creative-header.gif) no-repeat 0 center;
	width:25em;
	}
	
.connecting-networks-header {
	background:url(../images/connecting-networks-header.gif) no-repeat 0 center;
	width:25em;
	}

.community-header {
	background:url(../images/community-header.gif) no-repeat 0 center;
	width:25em;
	}
	
.nominate-header {
	background:url(../images/nominate-header.gif) no-repeat 0 center;
	width:25em;
	}

.contact-us-header {
	background:url(../images/h1-contact-us.gif) no-repeat 0 center;
	width:25em;
	}
	
.sketch-header {
	background:url(../images/sketch-header.gif) no-repeat -7px center;
	width:25em;
	}
	
.inline-list-header {
	font-weight:bold;
	margin:0;
	padding:0;
	}

ul.inline-list {
	padding:0 10px 0 0;
	}
	
li.inline-list {
	font-size:1.1em;
	line-height:1.5em;
	padding-top:0.5em;
	display:block;
	list-style:none;
	background:url(../images/list-bullet.gif) no-repeat left 1em;
	padding-left:1.5em;
	}



/*
=GLOBAL GENERAL STYLING
--------------------------------------------------------*/
.clear {
	clear:both;
	}
		
.hr {
	border-top:1px dashed #ccc;
	height:1px;
	margin:0;
	}

html>body .hr {
	border-top:1px dashed #ccc;
	height:1px;
	margin-bottom:0.7em;
	}

.hr .first-hr {
	border-top:1px dashed #ccc;
	height:1px;
	margin:0px 0 1em 0;
	}

.hr hr {
	visibility:hidden;
	}

.float-left {
	float:left;
	}
	
.float-right {
	float:right;
	}


.padding-b {
	padding-bottom:1em;
	}
.centre
{
	text-align:center;
}
/* popup tooltip*/
     a.popup, a.popup:visited {
position: relative;
text-decoration: none;
margin: auto;
padding: auto;
}

 a.popup span {display: none;}

 a.popup:hover {
color: #f00; text-indent: 0;
} 
a.popup:hover span{
display: block;
position: absolute;
top: 0px;
left: 120px;
width: 250px;
color: #000;
	border:#D60065 1px solid;
	background-color : #ffffff;
}


.rankingsList li
{
	 display : inline;
}

a:focus {
	outline-style: none;
	}

q:before, q:after 
	{content: '';
	}
	
/*---------Additions 18/09/2008 for vid----*/

#judging-process-video 
{
	margin:0 auto;
	width:600px;/* same as the vid*/
	
}


/* GALLERY CODE 
======================================================*/

.galleria {
	list-style:none;
	list-style-image:none;
	width:200px
}

.galleria li {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}

/*
.galleria li a {
	display:none
} 

.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}



.galleria li div img {
	cursor:pointer
}



.galleria li.active div img, .galleria li.active div {
	display:block
}


.galleria li .caption {
	display:block;
	padding-top:.5em
}
*/

.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}

* html .galleria li div span {
	width:400px
} /* MSIE bug */






/* BEGIN DEMO STYLE */
	* {
	margin:0;
	padding:0;
}
.galleria-wrapper {
	background:white;
	background:white;
	color:#555;
	width:auto;
}

.galleria-wrapper * {
	XXborder:1px solid lime;
}

h3.h3-galleria {
	font:bold 1em 'helvetica neue', sans-serif;
	letter-spacing:3px;
	color:#005685;
	margin-bottom:1em;
}

.caption {
	xxfont:normal 1.1em/1.25 Helvetica, sans-serif;
	color:#777;
	position:absolute;
	top:195px;
	left:5px;
	width:145px;
}

* html .caption { /* IE 6 fix */
	top:200px;
	left:9px;
}

.demo {
	position:relative;
	padding:0 10px 0 5px;
	width:615px;
}
.gallery_demo {
	width:130px;
	float:left;
}

.gallery_demo li {
	width:20px;
	height:20px;
	border:3px double #fff;
	margin: 0;
	background:#eee;
	list-style:none;
	list-style-image:none;
}

.gallery_demo li.hover, .gallery_demo li.active {
	border:3px solid #005685;
}

a {
	color:#348;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#009FE1;
}

.gallery_demo li div {
	left:240px
}

.galleria_container {
	height:438px;
	width:475px;
	float:right;
}

.info {
	text-align:left;
	margin:30px 0;
	border-top:1px dotted #221;
	padding-top:30px;
	clear:both;
}


.nav {
	position:absolute;
	top:375px;
	left:5px;
	clear:both;
}

.nav {
	position:absolute;
	top:375px;
	top:220px;
	left:5px;
	clear:both;
}

* html .nav { /* IE 6 fix */
	xxtop:380px;
	left:9px;
}

.nav a {
	margin:0 10px 0 0;
}

.nav a.next {
	margin:0 0 0 10px;
}

div.form-row
{
    clear: both;
    }
div.form-row label
{
       display: inline-block;
       width: 15em;
       text-align: right;
       margin-right: 1em;
       font-weight: bold;
       
    }
    
div.form-row input
{ 
    width: 25em;
    }