/*-------------------------------
NICKELODEON LEGO COMPETITION
STYLE SHEET CREATED 20/08/08
DEEPEND SYDNEY
---------------------------------
1. GLOBAL RULES
2. LAYOUT
3. TYPOGRAPHY
4. THE FORM & THE SUBMIT BUTTON
5. MISCELLANY
6. HOME PAGE CALL TO ACTION BOXES
-------------------------------*/
/*-------------------------------
1. GLOBAL RULES
-------------------------------*/
@CHARSET "ISO-8859-1";

* {margin: 0; padding: 0;} 

body {
	background: #67dc28;
	color: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: center;
}

body.home, body.gallery, body.terms-page{
  background-position: center;
  background-repeat: no-repeat;
}

.btn-go-home {
	position: absolute;
	top: 173px;
	left: 67px;
	border: none;
}

a img {
	border: none;
}
/*
HOME PAGE BACKGROUND & WRAPPER STYLES				
*/
.home #content-wrapper {
	background: url("../images/lego-header.gif") no-repeat left top;
	height: 683px;
	margin: 0 auto 10px auto;
	position: relative;
	text-align: left;
	width: 962px;
}

.gallery #content-wrapper, .terms-page #content-wrapper {
	background: url("../images/gallery-header.jpg") no-repeat left top;
	height: 683px;
	margin: 0 auto 10px auto;
	position: relative;
	text-align: left;
	width: 962px;
}



/*
PHOTO UPLOAD FORM POPUP
*/
div#panel_overlay	{
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	top: 0px;
	left: 0px;
	z-index: 5000;
	display: none;
}

.closbut {
	position: absolute;
	top: 82px;
	right: 14px;
}

div#panel_content	{
	position: absolute;
	z-index: 5001;
	display: none;
}

div#photo-form-panel {
	background: url(../images/popup-box.gif) no-repeat left top;
	display: none;
  height: 347px;
  left: 300px;
	padding: 101px 0 0 0;
	top: 140px;
	width: 425px;
}

iframe#photo-form-iframe {
	width: 340px;
	height: 240px;
	margin:0;
	overflow: hidden;
}
	
#photo-form{
  width: 300px;
	text-align: left;
	position: absolute;
	left: 0;
}

#frmPhotoEntry strong {
	color: #306a11;
	display: block;
	margin: 0 0 6px 0;
	text-align: left;
}

.file-browser {
	width: 293px;
	margin: 0 6px 0 0;
	display: block;
	position: absolute;
	left: 0;
}

.form-table {
	text-align: right;
	font-weight: bold;
	color: #306a11;
	position: absolute;
	top: 60px;
	left: 0;
}

.form-table td {
	color: #306a11;
	font-weight: bold;
	padding: 0 5px 3px 5px;
}

.form-table td input {
	width: 164px;
	height: 20px;				
	background: #b6ff8e;
	color: #306a11;
	border: 1px solid #59bc24;
	padding: 1px 2px;
	font-size: 12px;
}

.smaller {
	color: #306a11;
	left: 0;
	margin: 0 0 12px 0;
	position: absolute;
	top: 45px;
}

#frmPhotoEntry a {
	position: absolute;
	right: 0;
	top: 175px;
}

.submitButton{
	width: 221px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/submit-photo-btn.gif) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	position: absolute;
	top: 180px;
	left: 60px;
}

#errorDiv{
	display:none;
	position: absolute;
	top: 163px;
	left: 45px;
	color:#760e11;
}

/*
DIVS
*/

div#gallery-panel, div#terms-panel {
  position: absolute;
  left: 65px;
  top: 220px;
  width: 570px;
  height: 410px;
}

div#gallery-panel table {
	/*border-collapse: separate;*/
	border: none;
	width: 100%;
}

div#gallery-panel table td {
 
	border: none;
	/*border: 2px solid #292929;*/
	margin: 0;
	padding: 0;
	width: 160px;
	vertical-align: top;
}

div#gallery-panel table td div.details {
  background: #383838;
	color: #bdbcbc;
	font-size: 12px;
	margin: 0;
  padding: 3px 0;
	width: 164px;
	vertical-align: top;
}

.details-wrapper {
	margin: 0 0 0 10px;
	padding: 7px 0 7px 0;

	width: 120px;
}

.details h5 {
  margin: 0 0 6px 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
}

.gallery-item {
	margin: 0 0 1px 0;
	font-size: 11px;
}

.breaker {
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

div#gallery-panel table td img {
  border: 2px solid #292929;
  margin: 0;
}

div#gallery-paging {
	padding: 10px 5px 5px 5px;

}

div#gallery-paging a {
	border: 1px solid #2f4224;
	font-size: 11px;
	background: #293d1f;
	padding: 0 3px;
	color: #fff;
	margin: 5px;
	text-decoration: none;
	display: block;
	float: left;
}

/*--------------------------------
6. HOME PAGE CALL TO ACTION BOXES
---------------------------------*/

div#gallery-paging a.high, div#gallery-paging a:hover{
  border: 1px solid #2f4224;
	background: #293d1f;
}

/*
HOME PAGE INTRO PANEL
*/
div#intro-prompt-panel {
	background: url(../images/intro-prompt-panel.gif) no-repeat left top;
	height: 362px;
  left: 0;
	padding: 32px 0 0 48px;
	position: absolute;
  top: 319px;
  width: 328px;
}

div#intro-prompt-panel .text-block {
	line-height: 120%;
	margin: 0 0 14px 0;
	width: 252px;
}

div#intro-prompt-panel .first-para {
	width: 196px;
}

/*
INTRO POP UP
*/

div#intro-panel {
	display: none;
  position: absolute;
  left: 380px;
  top: 280px;
  width: 600px;
  height:600px;
  background-color: #ff66ff;
}
/*
HOME PAGE VIEW GALLERY PANEL
*/

div#gallery-prompt-panel {
	background: url(../images/gallery-prompt-panel.gif) no-repeat left top;
	height: 362px;
  left: 329px;
	padding: 96px 0 0 20px;
	position: absolute;
	top: 319px;
  width: 295px; 
}

div#gallery-prompt-panel p, div#gallery-prompt-panel a {
	color: #5e380e;
	margin: 0 0 16px 0;
	width: 255px;
}

div#gallery-prompt-panel a {
	font-weight: bold;
	margin: 0 0 0 98px;
	text-decoration: none;
}

div#gallery-prompt-panel a:hover {
	text-decoration: underline;
}

/*
HOME PAGE IMAGE UPLOAD PANEL
*/
  
.home div#upload-prompt-panel {
	background: url(../images/upload-prompt-panel.gif) no-repeat left top;
	height: 362px;
	padding: 71px 0 0 21px;
	position: absolute;
	left: 623px;
  top: 319px;
	width: 339px;
}

.home div#upload-prompt-panel p {
	margin: 0 0 16px 0;
	width: 252px;
}

.home div#upload-prompt-panel p span {
	display: block;
	padding: 0 0 0 46px;
}

.home div#upload-prompt-panel a {
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 90px;
	text-decoration: none;
}

.home div#upload-prompt-panel a:hover {
	text-decoration: underline;
}

/*
GALLERY PAGE IMAGE UPLOAD PANEL PLACEMENT
*/

body.gallery div#upload-prompt-panel {
	height: 362px;
	padding: 14px 0 0 21px;
	position: absolute;
	left: 623px;
  top: 275px;
	width: 339px;
}

.gallery div#upload-prompt-panel p {
	margin: 0 0 16px 0;
	width: 252px;
}

.gallery div#upload-prompt-panel p span {
	display: block;
	padding: 0 0 0 46px;
}

.gallery div#upload-prompt-panel a {
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 90px;
	text-decoration: none;
}

.gallery div#upload-prompt-panel a:hover {
	text-decoration: underline;
}


/*
TERMS STUFF
*/

#terms-wrapper, .terms-page #terms-wrapper {
	color: #000;
	font-size: 11px;
	height: 55px;
	line-height: 140%;
	margin: 6px auto 0 auto;
	padding: 0 0 0 62px;
	position: relative;
	text-align: left;
	top: 20px;
	width: 900px;

}

#terms-wrapper a:link {text-decoration: underline; color:#000000;}
#terms-wrapper a:visited {text-decoration: underline; color:#000000;}
#terms-wrapper a:active {text-decoration: underline; color:#000000;}
#terms-wrapper a:hover {text-decoration: underline; color: red;}




.cleardiv {
	clear: both;
	height: 1em;
}