/* NSPCC COS/ChildLine
*  Overlay forms
*  Author: AvenueA|Razorfish, London
*  Date: 08-09-2008 */

body {text-align:left; color:#000; background:#4b4b4b;}
#frame {width:640px; background:#fff; border:solid 3px #1fb25a;}
#manageframe {min-height:370px;width:495px; background:#fff; border:solid 3px #1fb25a;}
#selectframe {min-height:145px;width:645px; background:#fff; border:solid 3px #1fb25a;}

#login #frame{min-height:420px;}
#signup #frame {min-height:592px;}
#pop #frame {min-height:525px;}
#houserules #frame {min-height:420px; background:#ffff01; border-color:#ffd800;}
#popsmall #frame {min-height:420px;}
#houseruleslarge #frame {min-height:525px; background:#ffff01; border-color:#ffd800;}

#manageimages #frame {min-height:380px;}

h1, #login h2 {font-size:1.6em; letter-spacing:-0.04em; word-spacing:-0.06em; margin:70px 0 12px;}

#signup h1 {margin:67px 0 6px;}
#signup h2 {font-size:1em; font-weight:normal; letter-spacing:normal; margin:71px 0 0;}


h1 span, #login h2 span {display:block; font-weight:normal; font-size:.8em; margin-top:2px;}
p {margin-top:17px;}


label {display:block; margin:0 0 5px;}
label span, p.note span {font-size:1.3em; margin:-2px 0 0 -11px; float:left; clear:left;}
#login input, #signup input {width:185px; min-height:16px; font-size:.9em; padding:5px; border:solid 1px #bbb;}
#login input.btn, #signup input.btn,
#login label input, #signup label input {width:auto; height:auto; padding:0; border:0; vertical-align:middle;}
#login input.btn {margin-bottom:10px;}

#login select, #signup select {width:229px; font-size:.9em; min-height:18px; padding:4px 5px 4px 2px;}
#login input.sel-width, #signup input.sel-width {width:217px;}

label span, .note {color:#777;}
.note {font-size:.9em; line-height:normal;}
p.note {margin:0; padding-right:10px;}
p.note span {font-size:1.4em;}
p span.note {display:block; margin-top:4px; padding-right:10px;}

#login p.error input, #signup p.error input,
#login p.error select, #signup p.error select {border:solid 1px #f09;}

.grid-06 {position:relative; left:80px;}
.grid-06 .grid-02 p {font-size:.9em; margin-top:5px;}

#signup .form-elements {margin-top:11px;}
#signup .form-elements p {width:50%; float:left;}
#signup .form-elements .submit {width:50%; float:right;}
	#signup .form-elements .submit p {width:100%; float:none;}

#signup .privacy {padding:24px 0 0;}
	#signup .privacy h2, #signup .privacy p {display:inline; font-size:.9em; margin:0;}
	#signup .privacy h2 {letter-spacing:normal; word-spacing:normal; margin-right:2px;}

.col50pc {width:48.8%;}
.houserules {margin:17px 0 18px;}


#pop h1, #pop p,#popsmall h1, #popsmall p {padding:0 80px;}
#pop h1,#popsmall h1 {font-size:1.2em; margin:0 0 3px; padding-top:66px;}
#pop p,#popsmall p {padding-top:36px; margin-top:0;}

#houserules h1, #houseruleslarge h1 {margin-top:64px; margin-bottom:-17px;}
#houserules p, #houseruleslarge p {font-size:1.3em;}
#houserules ul, #houseruleslarge ul {margin:18px 3px 0;}
#houserules li,#houseruleslarge li {margin-top:5px;}
#houserules .back-to,#houseruleslarge .back-to {position:relative; top:20px; margin-bottom:-19px; text-align:right;}