/*
######################################################################
	Web Site - Defaults
######################################################################
*/

body {
	color:#670D3E;
	background-color:#00BFF3;}

#page-body {
	color:#670D3E;}

#page-body strong {
	color:#670D3E;}

#page-footer {
	background-image:url(../graphics/layout-home-pg-footer.gif);}

#page-body a {
	color:#670D3E;
	font-weight:bold;}

/*
######################################################################
	Web Site - Headings
######################################################################
*/

#page-header h1.layout-header {
	background-image:url(../graphics/layout-teletest-pg-header.gif);}
#page-header h2.layout-subheader {
	background-image:url(../graphics/layout-teletest-pg-subheade.gif);}

#page-body h3.layout-content-header {
	height:26px;
	background-image:url(../graphics/layout-teletest-content-hea.gif);}
#page-body h3.layout-results-header {
	height:26px;
	background-image:url(../graphics/layout-teletest-results-hea.gif);}

h3.layout-viewer-header {
	height:26px;
	background-image:url(../graphics/layout-teletest-veiwer-hea.gif);}

/*
######################################################################
	Web Site - Forms
######################################################################
*/

#interact-form-teletest {
	width:648px;
	background-repeat:repeat-y;
	background-image:url(../graphics/forms/layout-teletest-bg.gif);}
#interact-form-teletest form {
	margin:0px;
	padding:0px;}
.form-header {
	clear:both;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-header.gif);
	height:60px;}
.form-header span {
	visibility:hidden;}
.form-body {
	padding:0px 70px 0px 52px;}
.form-footer {
	clear:both;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-footer.gif);
	text-align:right;
	padding-right:70px;
	height:60px;}

.form-header-blank {
	clear:both;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-header.gif);
	height:60px;}
.form-footer-blank {
	clear:both;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-footer.gif);
	height:60px;}

.form-field {
	height:28px;
	width:230px;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-field.gif);}
.form-field div {
	padding-top:4px;}
.form-field input {
	height:20px;
	width:214px;
	border:0px none;}

.form-field-area {
	height:106px;
	xheight:78px;
	width:524px;
	xwidth:445px;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(../graphics/forms/layout-teletest-field-area.gif);}
.form-field-area div {
	padding-top:4px;}
.form-field-area textarea {
	height:98px;
	width:508px;
	border:0px none;}

.message-thankyou {
	text-align:center;
	font-size:140%;
	line-height:140%;
	font-weight:bold;}

#media-wow-fact {
	margin-top:20px;
	text-align:center;}


/*
######################################################################
	Web Site - Story (Teletubby Test)
######################################################################
*/
.layout-dialog {
	background-repeat:repeat-y;
	background-image:url(../graphics/layout-teletest-dialog-bg.gif);}
.layout-dialog-header {
	height:67px;
	background-repeat:no-repeat;
	background-image:url(../graphics/layout-teletest-dialog-head.gif);}
.layout-dialog-header span {
	display:none;}
.layout-dialog-footer {
	text-align:right;
	height:60px;
	background-repeat:no-repeat;
	background-image:url(../graphics/layout-teletest-dialog-foot.gif);}
.layout-dialog-footer-blank {
	text-align:right;
	height:60px;
	background-repeat:no-repeat;
	background-image:url(../graphics/layout-teletest-dialog-fbla.gif);}
.layout-dialog-body {
	padding:0px 70px;}

.layout-dialog-header a {
	text-decoration:none;
	margin-left:60px;
	margin-right:300px;
	height:60px;
	display:block;}
.layout-dialog-header a span {
	display:none;}

.layout-dialog-footer a {
	text-decoration:none;
	margin-left:300px;
	margin-right:60px;
	height:60px;
	display:block;}
.layout-dialog-footer a span {
	display:none;}


/*
######################################################################
	Web Site - Story (Teletubby Test) Viewer
######################################################################
*/
.viewer-padding {
	padding:0px 60px;}
.viewer-padding-copy {
	padding:0px 30px;}
#media-teletubby-viewer {
	background-repeat:no-repeat;
	xbackground-image:url(../images/media-teletubby-test-clip.jpg);
	text-align:center;
	xheight:504px;
	margin:0px auto;}





/**/
