/* CSS Document */

/*DEFAULTS*/

body{
 background-color:#000;
 color:#FFF;
}


/*FORM ELEMENTS*/

input, label{
	display:block;
}
input{background-color:#000; margin-bottom:5px;}

.long_text{
	border: 1px solid #CCC;
	background-color:#FFF;
	width:253px;
	height:23px;
}


.details {
	border: 1px solid #CCC;
	background-color:#FFF;
	width:253px;
	height:100px;
}

#send{
	border-style:none;
	width:96px;	
	height:20px;
	background:url(../images/send.gif) no-repeat;
	display:block;
	float:left;
	cursor:pointer;

}
/*
#reset{
	border-style:none;
	width:83px;	
	height:20px;	
	background:url(../images/reset.gif) no-repeat;	
	display:block;
	float:right;
	cursor:pointer;
}
*/

#title{ width: 58px}
#name{ width:183px}
#city{width:118px}
#postcode{width:118px}

/*PAGE STRUCTURE*/

.viewport{
	margin:0;
	padding:0;
	width:805px;

}

.col1{
	float:left;
	width:225px;
}


.col2{
	float:left;
	width:580px;
	font-size:0.8em;	

}

	
	.col2_header{
		height: 77px/*161px*/;
		padding: 84px 0px 0px 0px
	}
	
	.col2_header a{
	padding: 0 10px 0 10px;
	
	}
	
	.col2_header a:hover img{
		opacity: .5;
		filter: alpha(opacity=50);
	}
	
	.on {
		opacity: .5;
		filter: alpha(opacity=50);
	}


	.page_title {
		width: 400px;
		height:35px;
		margin-bottom:30px;
	}

	.col2_internal_left{
		float:left;
		width:260px;
	}
	
	.col2_internal_middle{
		float:left;
		width:135px;	
		margin-left:10px;	
	}

	/*top aligned above content*/
	.col2_internal_right{
		float:right;
		width:175px;
	}
		
		.col2_internal_right#title_top{
			margin-top:-35px;	

		}


		.col2_internal_right#form{	
			width:295px;
			border: 1px solid #FFF;	
			border-top:none;
		}
		
			.form_left_tab{
				width:155px;
				height:40px;
				float:left;
				text-align:center;
				border-top: 1px solid #FFF;
				border-bottom:1px solid #FFF;
				margin-bottom:10px;
			}
			
			.form_left_tab a{
				display:block;
				width:155px;
				height:29px;
				padding-top:11px;					
						
			}			
	
			.form_right_tab{
				width:139px;
				height:40px;
				float:left;
				text-align:center;				
				border-top: 1px solid #FFF;
				border-left: 1px solid #FFF;
				border-bottom:1px solid #FFF;														
				margin-bottom:10px;		
			}
			
			.form_right_tab a{
				display:block;
				width:139px;
				height:29px;
				padding-top:11px;											
			}				
			
				.form_left_tab  a:hover img, .form_right_tab  a:hover img{
				opacity: .5;
				filter: alpha(opacity=50);
				}

			#form_tab_on{
				border-bottom:1px solid #000;
			}
			
			.buttons{
				margin:20px 0px 15px 0px;
			}
			
			.form_holder {
				padding:0px 19px 0px 19px;
			}
			
			.title{
				width: 58px;
				float:left;
				margin-right:12px;
			}
			
				* html .title{
					margin-right:4px;			
				}
			
			.name {
				width: 183px;
				float:left;
			}
			
			.city, .postcode {
				width: 118px;
				float:left;
			}
			.city {
				margin-right: 18px;
			}
			
				* html .city {
					margin-right: 7px;
				}
			
		.col2_internal_right#video{
			width:294px;	
		}
	
	
.footer {
	width:805px;
	margin:30px 0 50px 0;
	text-align:right;
	font-size:0.6em;
}


.player_top {
	 margin-bottom:10px;
}

.player_bottom {
	 margin:10px 0px 0px 0px;
}