/* tvcatchup signup
===========================================================================================================*/

body {
	margin: 0px; 
	background: #c3c3c3
}
#tvcatchup {
	width: 950px; 
	margin: 15px auto 0px auto; 
	position: relative; 
	text-align: left; 
	min-height: 100%;
}
#content {
	background: #FFFFFF;
}

/* form
===========================================================================================================*/

.f {padding: 0px 0px 0px 0px; margin: 0px;}

/* element */
.f .element {margin: 0px 0px 20px 0px;}

/* label */
.f .element .l {float: left; line-height: 26px; width: 120px; text-align: right; padding-right: 20px; margin-right: 20px; border-right: 2px solid #dfdfdf;}
.f .element .l label {color: #999999; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px;}
.f .element .l label .required {color: red; margin-left: 2px;}

/* fields */
.f .element .r {float: left;}
.f .element .r .text {background: #fcfafa; width: 224px; font-size: 13px; padding: 4px 4px 4px 4px; border: 1px solid #dfdfdf; margin-right: 2px;}
.f .element .r .textarea {background: #fcfafa; width: 320px; font-size: 13px; height: 150px; padding: 5px; border: 1px solid #dfdfdf; margin-right: 2px;}
.f .element .r .wysiwyg {background: #fcfafa; width: 650px; font-size: 13px; height: 300px; padding: 5px; border: 1px solid #dfdfdf; margin-right: 2px;}
.f .element .r .select {background: #fcfafa; width: 235px; font-size: 13px; padding: 5px; border: 1px solid #dfdfdf; margin-right: 2px;}
.f .element .r.dob select {background: #fcfafa; font-size: 13px; width: 77px; padding: 5px; border: 1px solid #dfdfdf; margin-right: 2px;}

/* submit */
.f .s {margin: 0px; padding: 0px 0px 0px 162px;}
.f .s input {margin: 0px; padding: 0px;}

/* error */
.f .element .error {float: left; margin: 5px 0px 0px 3px;}
.f .element .r .error {font-size: 10px; color: red; margin-top: 5px;}

/* pagetitle
===========================================================================================================*/

.pagetitle {
	height: 50px;
	background: url("../images/theme/title.png") repeat-x top;
}
.pagetitle .tl {
	float: left;
	color: #a6a5a5;
	font-size: 26px;
	font-weight: bold;
	padding: 10px 0px 0px 20px;
}
.pagetitle .tr {
	float: right;
}

/* footer
===========================================================================================================*/

#footer {height: 50px;}
#footer ul {float: left; list-style: none; margin: 0px 30px 20px 30px; padding: 8px 0px 0px 0px; height: 20px;}
#footer ul li {float: left; margin-right: 10px; height: 10px; font-size: 10px;}
#footer ul li a {color: #999999;}
#footer ul li a:hover {color: #666666;}

/* clear */
.c:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.c {display: inline-block;}
.c {display: block;}

/* two col (300px) */
.col2 {padding: 20px;}
.col2 .l {float: left; width: 590px;}
.col2 .r {float: right; width: 300px;}

/* msgs */
.msg {font-size: 14px; padding: 20px 20px 20px 20px; color: #999999; background: #ffffcc url("http://static.tvcatchup.com/images/icons/lightbulb.png") no-repeat 10px 9px; margin-bottom: 20px;}
.msg.error {color: #a70e0e; background: #ffcccc;}
.msg.success {color: #6d8e52; background: #d6eac6;}
.msg a {color: #000000;}

/* box */
.box.none {background: none;}
.box.form {background: #f3f3f3; padding: 20px;}
.box.grey {background: #f3f3f3; padding: 20px;}