#signupcontainer { width: 962px;}
#signupcontainer #headersteps { width: 912px; height: 67px; border: 1px solid #4d4d4d; background-color: #151515; padding: 0 24px; }
#signupcontainer #headersteps #signuplogo { float: left; width: 304px; height: 67px; }

#signupcontainer #headersteps #stepsul { margin: 0; padding: 0; width: 608px; height: 67px; float: left;}
#signupcontainer #headersteps .step { display: block; float: left; width: 152px; height: 67px; padding: 0; margin:0; }

#signupcontainer #signupbody { border: 1px solid #4d4d4d; padding: 84px 24px 10px 24px; margin-top: 4px; position:relative;}

#signupcontainer strong.required { color: red;}

/*buttons*/
#buttons { height: 74px; width: 281px; position: absolute; top: 4px; right: 20px;}
#buttons #previousbutton { width: 129px; height: 67px; float: left;padding:7px 0 0 23px;}
#buttons #nextbutton { width: 129px; height: 67px; float: left;padding:7px 0 0 0;}

#buttons #previousbutton #previous {display:none;cursor:pointer;}
#buttons #nextbutton #next {cursor:pointer;}

#signupcontainer .instructions {margin-bottom: 30px;}

#step1 { clear: both; height: 1100px;}
#step1 .timeline60 { float: left; width: 250px; height: 300px; margin-right: 29px; color:#cccccc;}
#step1 .timelinenormal { float: left; height: 300px; width: 580px; color: #cccccc; width: 620px;}
#step1 .title { border-bottom: 1px solid #3b3b3b; margin-bottom: 25px;}
#step1 .timeline60 .zero { margin-bottom: 25px; line-height: 15px; padding-left: 60px; background-image: url(images/signup/step1-zero.gif); background-repeat:no-repeat; }
#step1 .timeline60 .credit { margin-bottom: 25px; line-height: 15px; padding-left: 60px; background-image: url(images/signup/step1-credit.gif); background-repeat:no-repeat; }

#step1 .timelinenormal .column1 { line-height: 15px; height: 300px; width: 230px; float: left; padding-right: 50px; }
#step1 .timelinenormal .column2 { line-height: 15px; width: 300px; height: 300px; float: left; }

#step2 { clear: both;display:none;height: 1100px;}
#step2 #step2col1 { width: 608px; vertical-align: top; background-image:url(/css/images/signup/step2-col1-bg.gif); background-repeat: repeat-y;}
#step2 #step2col2 { width: 264px; vertical-align: top; background-color: #1a1a1a; padding: 20px; }

#step2 #step2col1 .catcol { width: 132px; padding: 0 10px 20px 10px; vertical-align: top; font-size:10px; color: #cccccc; }
#step2 #step2col1 .catcol .hdr { font-weight: bold; font-size: 11px; color: #ffffff; padding: 0 0 10px 0;}
#step2 #step2col1 .catcol input { margin: 0 5px 4px 0; }

#step2 #step2col2 .description { width: 230px; vertical-align: top; color: #767676; border-bottom: 1px solid #303030; padding: 10px 0 10px 0;}
#step2 #step2col2 .description strong { font-weight: normal; color: white; display: block; }
#step2 #step2col2 .cost { width: 34px; vertical-align: top; text-align: right; font-weight: bold; border-bottom: 1px solid #303030; padding: 10px 0 10px 0;}
strong.total { color: #009bd5; }

#step4 { color: #cccccc; clear: both;display:none; height: 1100px; }
#step4 .step4colshort { width: 210px; padding: 0 35px 5px 0; }
#step4 .step4colshort input { width: 210px; display: block; margin: 5px 0 5px 0;}
#step4 .step4colshort select { width: 110px; display: block; margin: 5px 0 5px 0;}
#step4 .step4collong { width: 455px; padding: 0 35px 5px 0; }
#step4 .step4collong input { width: 455px; display: block; margin: 5px 0 5px 0;}
#step4 .bracket { background-image: url(/css/images/signup/step4-bracket.gif); background-repeat: no-repeat; background-position: top right;}
#step4 .instruction { color: #a0a0a0; width: 150px;}
#step4 .subhdr { margin: 30px 0 15px 0; }
#step4 textarea.bio { width: 455px; height: 170px;}

#step3 { color: #cccccc; clear: both;display:none; height: 1100px;}
#step3 #step3col1 { width: 431px; text-align: center; vertical-align: top; }
#step3 #step3col2 { width: 50px; text-align: center; vertical-align: top; background-image: url(/css/images/signup/step3-middle.gif); background-repeat:no-repeat;}
#step3 #step3col3 { width: 431px; text-align: center; vertical-align: top; }
#step3 .selection { width: 431px; height: 30px; text-align: center; background-color: #262626; line-height: 30px; color: white; }
#step3 .visual { width: 324px; margin: 30px auto; background-image: url(/css/images/signup/step3-visual-bg.jpg); background-repeat: no-repeat; padding: 140px 0 0 0;}
#step3 .text { width: 324px; margin: 30px auto; background-image: url(/css/images/signup/step3-text-bg.jpg); background-repeat: no-repeat; padding: 140px 0 0 0;}

#signupcontainer img.preregister-title { display: block; margin-bottom: 60px; }
#signupcontainer img.subtitle { display: block; margin-bottom: 20px; }
#signupcontainer img.subtitle2 { display: block; margin: 40px 0 20px 0; }
#signupcontainer img.preregister-thanks { display: block; margin-bottom: 460px; }

#overlayconfirm { color: #949393; line-height: 16px; text-align: center; width: 480px; height: 304px; background-image: url(/css/images/signup/confirm-background.gif); background-repeat:no-repeat; padding: 67px 100px 0 100px; font-size: 11px;}