body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

.center {text-align:center;}

body {text-align:center; background: transparent url(../images/tell_friend_body_bg.jpg) repeat;}
#wrapper {width:358px; height:494px; margin:0 auto; text-align:left;position:relative;}
#content {margin: 0 auto; text-align:left; background: transparent url(../images/tell_friend_content_bg.jpg) no-repeat; width:358px; height:418px; position:relative; }

h2.hidden {text-indent:-9000px;}
#box {width:319px; height:387px; text-align:left; background: transparent url(../images/tell_friend_box_bg.jpg) no-repeat; position:absolute; top:13px; left:18px;}
#box.notify {background: transparent url(../images/notify_form_box_bg.jpg) no-repeat;}

#top {padding:29px 0 0 0; text-align:right; background: transparent url(../images/tell_friend_top_bg.jpg) no-repeat 0px 29px; width:358px; height:17px; }
#counter {padding-top:5px;}
#counter span {color:white; font:10px arial; padding-right:25px;}

#header {background: transparent url(../images/tell_friend_header_bg.jpg) no-repeat; width:358px; height:36px; position:relative;}
#header h1 {text-indent:-9000px;}
#header h1 a {width:218px; height:29px; display:block; top:5px; left:12px; position:absolute;}
span#navi {float:left;}
ul#nav {padding-left:15px; padding-top:3px;}
ul#nav li {display:inline;}
ul#nav a, ul#nav a:link, ul#nav a:active, ul#nav a:visited {text-decoration:none; color:white; padding-right:10px; font:12px arial;}
ul#nav a:hover {text-decoration:underline;}

#form {position:absolute; top:43px; left:10px; width:284px; }
#form h2 {font: 14px arial; color:#0f992d;}
#form p {font: 12px arial; color:#0f992d;}
#form a, #form a:hover, #form a:link, #form a:visited, #form a:active  {color:#0f992d;}
#form a:hover {text-decoration:none;}
#form table {margin-bottom:10px;}
#form td {padding:8px 5px 0 0; vertical-align: bottom;}
#form form {width:284px; background-color:transparent;}
#form input, textarea, select, option {font: 12px arial; padding:0 3px; color: #0f992d; border: solid 1px #0f992d;}
#form select, option, input.checkbox {padding:0; border:none;}
#form select {border: solid 1px #0f992d;}
#form input.textfield {width:150px;}
#form textarea {margin-top:3px; width:280px; height:140px;}

#signup_form {position:absolute; top:43px; left:10px; width:284px; }
#signup_form h2 {font: 14px arial; color:#d13333;}
#signup_form p {font: 12px arial; color:#d13333;}
#signup_form a, #signup_form a:hover, #signup_form a:link, #signup_form a:visited, #signup_form a:active  {color:#d13333;}
#signup_form a:hover {text-decoration:none;}
#signup_form table {margin-bottom:10px;}
#signup_form td {padding:8px 5px 0 0; vertical-align: bottom;}
#signup_form form {width:284px; background-color:transparent;}
#signup_form input, #signup_form textarea, #signup_form select, #signup_form option {font: 12px arial; padding:0 3px; color: #d13333; border: solid 1px #d13333;}
#signup_form select, option, input.checkbox {padding:0; border:none;}
#signup_form select {border: solid 1px #d13333;}
#signup_form input.textfield {width:200px;}
#signup_form textarea {margin-top:3px; width:280px; height:55px;}

#submit {}
#signup_form #agree {float:left; padding-top:5px;}
#signup_form #submit {float:left; padding-top:5px; padding-left:30px;}

#footer {text-align:center; background: transparent url(../images/tell_friend_footer_bg.jpg) no-repeat; width:358px; height:23px; position:relative;}

#copyright {padding-top:4px;}
#copyright span {color:white; font:10px arial;}

div.errorExp {width: 265px; background:white; margin:0 auto; margin-top:10px;}