// main.css for eden shopping.
// Created by Ralph - ralphandco.com (developer Pete Warman)
// main screen style sheet
/* -------------------------------------------------------------
	Resets default browser CSS.  
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus, a {outline: 0;}
ol, ul {list-style: none;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
button {cursor: pointer;}

/* -------------------------------------------------------------
	Default typography.
-------------------------------------------------------------- */

body {font-size:100%;}

/*
font-sizes should be declared in ems - see http://www.alistapart.com/articles/howtosizetextincss
18px = 1.125em, 16px = 1em, 14px = 0.875em, 13px = 0.8125em, 12px = 0.75em, 10px = 0.556em
*/

body { font-family: Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; font-weight: bold;}
h1 { font-size: 2em; }
h2 { font-size: 1em; }
h3 { font-size: 0.8125em; } 
h4 { font-size: 0.75em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }
p, ul, ol, dl, label { font-size:0.75em; }

address { font-style: normal; font-size: 0.75em; }
strong { font-weight: bold; }
em { font-style: italic; }

/* -------------------------------------------------------------
	General Layout.
-------------------------------------------------------------- */

body.sendon, body.intro {background: #000 url(../images/backgrounds/bg_main.jpg) center top no-repeat;color:#fff;min-width:1000px;}
.container {width:1000px;margin:0 auto;}
.header {margin-top:20px;position:relative;}
.intro .header {z-index:10;}
.intro .main {height:600px;position:relative;top:-60px;}

/* -------------------------------------------------------------
	Header Styles.
-------------------------------------------------------------- */

/* intro styles */
.intro h2 {margin:0;text-indent:-5000px;overflow:hidden;background:url(../images/headings/whichofyourfriendsdeservestogoon.gif) center top no-repeat;height:26px;}
.intro h1 {margin:-4px 0 0 0;text-indent:-5000px;overflow:hidden;background:url(../images/headings/thedexterhitlist.gif) center top no-repeat;height:155px;}

/* sendon styles */
.sendon h1 {margin:0;text-indent:-5000px;overflow:hidden;background:url(../images/headings/thedexterhitlist_small.gif) center top no-repeat;height:129px;}
.sendon h2 {margin:0;text-indent:-5000px;overflow:hidden;background:url(../images/headings/sendon_subhead.gif) center top no-repeat;height:37px;}
.header h3 {position:absolute;}
.header h3.link {left:20px;top:23px;}
.header h3.link a {display:block;text-indent:-5000px;overflow:hidden;width:172px;height:34px;background: url(../images/headings/dexterlink.gif) left top no-repeat;}
.header h3.logo {left:800px;top:23px;}

/* -------------------------------------------------------------
	Main Styles.
-------------------------------------------------------------- */

/* intro styles */
.introvid {width:665px;height:373px;padding:60px 70px 55px 58px;margin:0 auto;background:url(../images/backgrounds/bg_intromovie.gif) left top no-repeat;}
#flashintro {background:#000;width:665px;height:373px;}
a.skip {position:absolute;left:675px;top:460px;display:block;width:159px;height:59px;overflow:hidden;text-indent:-5000px;background:url(../images/buttons/skipintro.gif) left top no-repeat;}
p.disclaimer {width:665px;margin: 35px 70px 0 158px;font-size:0.6875em;color:#444;}
p.disclaimer a {color:#666;text-decoration:underline;}
p.disclaimer a:hover {color:#900;}


/* sendon */
.sendon .main {background:url(../images/backgrounds/bg_sendon_main.gif) 158px top repeat-y;}
.sendon .maininner {background:url(../images/backgrounds/bg_sendon_maininner.gif) 158px bottom no-repeat;position:relative;}
.sendon .maininner form {background:url(../images/backgrounds/bg_sendon_form.gif) 58px top no-repeat;min-height:536px;}
.sendon2 form#nform {background:none;min-height:auto;margin:0;padding:0;}
#nform button#uploader, #nform p {display:none;}
.sendon .maininner form fieldset {border:0;width:456px;margin:0 84px 20px 430px;padding:50px 0 0 0;}
.sendon form input.invalid, .sendon form p.invalid span {background:#f66 !important;}
.mugshot-flash p {font-size:1em;color:#ccc;text-align:center;font-weight:bold;}
.mugshot-flash p a {text-decoration:underline;color:#fff;font-weight:bold;}

/* sender details */
.sender_details h3 {background: url(../images/headings/youarethecopycatkiller.gif) center top no-repeat;text-indent:-5000px;overflow:hidden;height:32px;margin-bottom:25px;}
.sendon fieldset div {width:450px;float:left;margin-bottom:20px;}
.sendon fieldset div.mugshot-field {height:146px;}
.sendon label {color:#ccc;display:block;float:left;width:220px;font-size:1em;font-weight:normal;padding:3px;}
.sendon input.text {border: 0;background:#ccc;color:#333;font-size:1em;padding:3px;width:210px;}
.sendon fieldset div.clearer {clear:both;margin:0;padding:0;height:1px;}
.sendon2 fieldset div.mugshot-field {margin-bottom:0;}
.sendon fieldset div.buttons {margin-bottom:0;}
.sendon2 .mugshot-buttons {width:185px;padding:0;margin:0;float:left;position:absolute;left:0;top:0;}
.sendon2 .mugshot-buttons label {display:none;}
.sendon2 .mugshot-buttons .upload-button {cursor: pointer;position:relative;overflow:hidden;float:none;margin:0;width:185px;height:30px;background:url(../images/buttons/uploadmugshot.gif) left top no-repeat;}
.sendon2 .mugshot-buttons .upload-button input.mugshot-input {cursor: pointer;position:relative;opacity:0;height: 100%;width: auto;-moz-opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.sendon .mugshot-field span {display:block;text-align:center;width:185px;padding:17px 0 20px;}
.sendon .mugshot-field a {height:30px;width:185px;display:block;text-indent:-5000px;overflow:hidden;background:url(../images/buttons/skipthisstep.gif) left top no-repeat;}
.sendon .mugshot-flashholder {position:absolute;top:260px;left:656px;width:216px;margin:0;}
.sendon .mugshot-flash {width:206px;height:146px;float:left;margin:0;}
.sendon fieldset div.optin-field {width:216px;margin-left:226px;display:inline;}
.optin-field input {display:inline;margin:3px 0px;padding:0;border:0;}
.optin-field label {display:inline;width:auto;float:none;padding:0;font-size:0.75em;}
a.friend-details {display:block;width:290px;height:104px;text-indent:-5000px;overflow:hidden;background:url(../images/buttons/frienddetails.gif) left top no-repeat;margin-left:250px}

/* target details */
.target_details {display:none;}
.target_details h3 {background: url(../images/headings/yourfriendisthetarget.gif) center top no-repeat;text-indent:-5000px;overflow:hidden;height:32px;margin-bottom:25px;}
.sendon .maininner form .friendholder {float:none;z-index:5;overflow:hidden;height:364px;position:relative;width:446px;background: url(../images/backgrounds/target_details.jpg) left top no-repeat;padding:10px 4px 0 6px;}
.friendholder h4 {margin:0 0 20px;text-shadow:1px 1px 3px #000;font-size:0.875em;font-style:italic;font-weight:bold;text-transform:uppercase;padding:0 3px;color:#ccc;}
.sendon fieldset .friendholder div.question {clear:both;float:none;width:446px;background: url(../images/backgrounds/friendquestion.gif) left top no-repeat;min-height:122px;margin-bottom:31px;padding:0;}
.sendon fieldset .friendholder div.question div {width:440px;padding:0 3px;}
div.question h5.what {margin:0;text-indent:-5000px;overflow:hidden;height:17px;background:url(../images/headings/whatwouldajournalistask.gif) center top no-repeat;}
div.question h5.or {clear:both;margin:0;text-indent:-5000px;overflow:hidden;height:17px;background:url(../images/headings/or.gif) center top no-repeat;}
.sendon fieldset .friendholder div {width:217px;padding: 0 3px;}
.sendon fieldset .friendholder div.question .selectored {width:440px;margin-bottom:5px;padding:0;}
.sendon fieldset .friendholder div.question .selectored p{width:416px;}
.sendon fieldset .friendholder div.question .selectored li{min-width:400px;}
.sendon fieldset .friendholder div.preview {z-index:150;padding:0;float:none;width:446px;position:absolute;bottom:0;left:0;margin:0;}
.friendholder .preview a {display:block;width:456px;background: url(../images/buttons/previewbutton.gif) left top no-repeat;text-indent:-5000px;overflow:hidden;height:31px;}
.friendholder .preview a.close {background: url(../images/buttons/closebutton.gif) left top no-repeat;}
.sendon fieldset .friendholder div.previewholder {position:absolute;left:0;bottom:31px;width:400px;padding:0 28px;height:0;margin:0;overflow:hidden;background:#333 url(../images/player_loading.jpg) center bottom no-repeat;}
.sendon fieldset .friendholder div.previewholder div {width:400px;margin:0;padding:0;}

a.mic {display:block;background: url(../images/buttons/usemic.gif) center top no-repeat;height:47px;text-indent:-5000px;overflow:hidden;}
.sendon fieldset .friendholder div.question .micflashholder {width:430px;height:138px;padding: 18px 8px 18px;display:none;}
.sendon fieldset .friendholder div.question .flashrecorder {width:430px;height:138px;margin:0;}
.sendon .target_details .buttons {width:456px;height:46px;padding-top:30px;background: url(../images/backgrounds/buttonsbg.gif) left top no-repeat;}
.sendon .target_details .buttons button.send {margin:10px 0 0 0;float:left;border:0;background: url(../images/buttons/sendnow.gif) left top no-repeat;width:140px;height:36px;padding:0;text-indent:-5000px;overflow:hidden;}
.sendon .target_details .buttons a.addfriend {margin:10px 0 0 0;padding-right:21px;float:left;display:block;text-indent:-5000px;overflow:hidden;width:134px;height:36px;background: url(../images/buttons/addfriends.gif) left top no-repeat;}
.sendon .target_details .buttons a.back {padding:0 108px 0 0;float:left;display:block;text-indent:-5000px;overflow:hidden;width:53px;height:46px;background: url(../images/buttons/back.gif) left top no-repeat;}
.sendon .target_details .buttons ul {margin:0;padding:0;}
.sendon .target_details .buttons li {display:inline;float:left;}

a.deletefriend {position:absolute;right:5px;top:5px;display:block;width:18px;height:18px;overflow:hidden;text-indent:-5000px;background:url(../images/buttons/deletefriend.gif) left top no-repeat;}

/* selectoreds */
.selectored {position:relative;}
.selectored p {overflow:hidden;width:191px;margin:0;background:url(../images/buttons/selectored_arrow.gif) right top no-repeat;font-size:1em;padding: 5px 28px 5px 0;}
.selectored p span {display:block;padding:3px;background:#ccc;color:#333;height:18px;overflow:hidden;}
.selectored ul {max-height:200px;min-width:200px;overflow:auto;z-index:200;left:-1px;border:1px solid #333;background: #ccc;color:#333;font-size:1em;margin:0;padding:0;position:absolute;top:29px;display:none;}
.selectored ul li {padding:3px 10px 3px 3px;min-width:180px;}
.selectored ul li.hover {background:#999;}
.friendholder label{display:none;}

/* iframe */
iframe#upls {border:0;padding:0;margin:17px 0 0 0;height:30px;width:185px;overflow:hidden;background:none;}
iframe#upls body, iframe#upls html {border:0;padding:0;margin:0;background:none;min-width:auto;overflow:hidden;}
.sendon2 {background: url(../images/backgrounds/bg_sendon_main.gif) center top no-repeat;}

/* thanks */
.thanks h3 {margin-top:30px;height:170px;background:url(../images/headings/thankyou.gif) left top no-repeat;text-indent:-5000px;overflow:hidden;}
.thanks a.sendanother {margin-top:-25px;clear:both;display:block;text-indent:-5000px;overflow:hidden;height:104px;background: url(../images/buttons/sendanother.gif) 131px top no-repeat;}
.thanks p {font-size:1em;color:#ccc;padding:3px;}
.thanks label {width:160px;overflow:hidden;}
.thanks input.text {width:270px;}

/* -------------------------------------------------------------
	Footer Styles.
-------------------------------------------------------------- */

.footer p {text-align:right;text-transform:uppercase;padding:0 90px;margin:0;font-size:1em;color:#999}
.footer strong {color:#fff;font-weight:bold;}
.footer ul {text-align:right;padding:10px 90px 0;margin:0;font-size:0.6875em;}
.footer ul li {display:inline;padding:0 0 0 5px;}
.footer ul li a {color:#999;text-decoration:none;text-transform:uppercase;}
.footer ul li a:hover {text-decoration:underline;}