/* Satterley Intranet Common CSS Document */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 18px 0 0 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 71%; color: #666666; background-color: #f4f3e9; }

.notvisible { visibility: hidden; text-decoration: none; }
.donotshow { display: none; }
p { margin: 0 0 15px 0; }
img { border: none; display: block; }

a { color: #2c9599; text-decoration: none; }
a:hover { color: #000; }

h1 { color: #000; margin: 35px 0 15px 0; line-height: normal; }
h2 { color: #000; margin: 30px 0 15px 0; line-height: normal; }
h3 { color: #000; margin: 30px 0 10px 0; line-height: normal; }
h4 { color: #000; margin: 25px 0 10px 0; line-height: normal; }
h5 { color: #000; margin: 20px 0 5px 0; line-height: normal; }
h6 { color: #000; margin: 15px 0 5px 0; line-height: normal; }

form { padding: 0; margin: 0; }

.clearfloats { clear: both; height: 0px; font-size: 1px; line-height: 0px; }

/* Main Contents */
#sitecontainer { margin: 0 auto; width: 740px; }


/* Content Skeleton */
.contentbg_left { background: #fff url(images/newmember/content_container_edgeleft.gif) repeat-y top left; }
.contentbg_right { background: url(images/newmember/content_container_edgeright.gif) repeat-y top right; }
.contentbg_top { background: url(images/newmember/content_container_edgetop.gif) repeat-x top; }
.contentbg_bottom { background: url(images/newmember/content_container_edgebottom.gif) repeat-x bottom; }

.contentcorner_tl { background: url(images/newmember/content_container_cornertl.gif) no-repeat top left; }
.contentcorner_tr { background: url(images/newmember/content_container_cornertr.gif) no-repeat top right; }
.contentcorner_bl { background: url(images/newmember/content_container_cornerbl.gif) no-repeat bottom left; }
.contentcorner_br { background: url(images/newmember/content_container_cornerbr.gif) no-repeat bottom right; }

#contentcontainer .loggedinbar { height: 18px; padding: 8px 31px 0 0; text-align: right; color: #989898; }
#contentcontainer .loggedinbar a { color: #636262; text-decoration: none; padding: 0 3px; }
#contentcontainer .loggedinbar a:hover { color: #000; text-decoration: underline; }

#contentinner { padding: 10px 10px 55px 10px; }

#newmembertitlebar { height: 27px; padding: 16px 0 0 27px; background: url(images/newmember/newmember_bar_bg.gif) repeat-x top left; }
#newmembertitlebar h2 { width: 250px; margin: 0; padding: 0; font-size: 19px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/newmember/newmember_bar_title.gif) no-repeat; text-indent: -9999px; }

#upgrademembertitlebar { height: 27px; padding: 16px 0 0 27px; background: url(images/newmember/newmember_bar_bg_upgrade.gif) repeat-x top left; }
#upgrademembertitlebar h2 { width: 261px; margin: 0; padding: 0; font-size: 19px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/newmember/newmember_bar_title_upgrade.gif) no-repeat; text-indent: -9999px; }

#steptitle { background-color: #efebd2; height: 63px; padding: 41px 0 0 27px; }
#steptitle h1 { margin: 0; padding: 0; height: 40px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; }
#steptitle h1.step1 { width: 250px; background: url(images/newmember/title_step1.gif) no-repeat top left; }
#steptitle h1.step2 { width: 510px; background: url(images/newmember/title_step2.gif) no-repeat top left; }
#steptitle h1.step3 { width: 320px; background: url(images/newmember/title_step3.gif) no-repeat top left; }

#copycontainer { padding: 20px 0 0 25px; }


/* Step 1 Styles */
input.widetext { width: 280px; font-size: 11px; margin: 0 0 0 0; color: #5e5e5e; }
input.threequart { width: 214px; font-size: 11px; margin: 0 0 0 0; color: #5e5e5e; }
input.check { margin: 0 7px 0 0; color: #5e5e5e; }
textarea.terms { display: block; width: 644px; height: 110px; padding: 1px; font-size: 11px; margin: 5px 0 10px 0; color: #666; font-family: Arial, Helvetica, sans-serif; }

.step1intro { float: left; width: 312px; padding: 22px 50px 0 5px; color: #000; font-weight: bold; line-height: 150%; font-size: 130%; }
.step1intro strong { color: #48abaf; }
.step1intro strong.upgrade { color: #82004f; }

.step1intro .help { font-size: 80%; font-weight: normal; color: #7c7c7c; margin: 20px 0 0 0; line-height: 150%; }
.step1intro .help a { font-weight: bold; }

.step1intro .helplegacy { font-size: 80%; font-weight: normal; color: #7c7c7c; margin: 20px 0 0 0; line-height: 150%; }
.step1intro .helplegacy a { font-weight: bold; color: #82004f; }

.step1details { float: left; padding: 22px 0 0 0; }
.step1details label { margin: 10px 0 1px 0; color: #565656; font-weight: bold; font-size: 110%; display: block; }
.step1details label.user { margin-top: 0; }
.step1details input.submit { display: block; margin-top: 15px; width: 90px; height: 27px; }
.step1details input.widetext { width: 200px; }
.step1details p { margin: 0; }

.step1details .legacypassword { color: #82004f; font-weight: bold; }


/* Step 2 Styles */

.step2intro { color: #000; font-weight: bold; line-height: 150%; font-size: 130%; margin: 0 0 37px 0; }

.step2col1 { float: left; width: 338px; padding: 0 24px 0 0; }
.step2col1 h3 { margin: 16px 0 0 0; font-size: 110%; color: #2c9599; }
.step2col1 h3.firstchild { margin-top: 0; }
.step2col1 h2 { margin: 0px 0 3px 0; font-size: 130%; color: #000; }
.step2col1 .willbevisible { padding: 11px 16px; height: 250px; background-color: #f5f3e4; }
.step2col1 .willbevisible .options { padding-top: 10px; }
.step2col1 .willbevisible .options input { margin: 0 5px 0 0; padding: 0; }
.step2col1 input.threequart { margin-top: 4px; }
.step2col1 .willbevisible h2 { margin: 3px 0 3px 0; font-size: 140%; }
.step2col1 .willbevisible .hint { font-size: 108%; margin-bottom: 7px;}

.step2col2 { float: left; width: 315px; padding: 0; }
.step2col2 h3 { margin: 30px 0 0 0; font-size: 110%; color: #2c9599; }
.step2col2 h3.firstchild { margin-top: 0; }
.step2col2 h2 { margin: 14px 0 5px 0; font-size: 100%; color: #000; }
.step2col2 h2.formtitle { margin: 11px 0 2px 0; font-size: 100%; color: #000; }
.step2col2 input.threequart { margin: 6px 0 15px 0; }
.step2col2 input.submit { display: block; margin-top: 26px; width: 144px; height: 29px; }

a#gotohomepage { display: block; padding-top: 5px; }
h3.termhead { margin: 20px 0 10px 0; font-size: 110%; color: #2c9599; width: 646px; padding: 0; }
.termshint { width: 646px; margin: 0 0 20px 0; }

.submiterror { background-color: #b2e0e3; padding: 10px; color: black; margin: 0 0 30px 0; width: 646px; }
.submiterror li { list-style: none; padding: 0 0 5px 0; }