﻿/*  GLOBAL RESET */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* COMMON & FONTS */
body {color:#000;background: #fff url(images/marketing/body-bg-2000x37.gif) no-repeat 50% 0;font:75% Verdana,Helvetica,clean,sans-serif;}
html>body{font-size:12px;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% Verdana, Helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
label,button {cursor:pointer;}
p,ul,li,td,th{line-height:1.5em;}
a, a:visited {color: #0054bb;text-decoration:none;}
h1 {display:block;}
p {margin-bottom: 1.5em;}
.focus {}
input.invalid, textarea.invalid {background-color: #fff;border:1px solid #f00;}
.hide {display:none;}
.last {margin:0;}


/* LAYOUTS */

.col-mm, .col-mx {width:100%;}
.col-mm .mcol {width:480px;float:right;}
.col-mm .first {width:470px;float:left;}

.col-mx .mcol {width:42.083em;float:left;}  /* 505px */
.col-mx .xcol {width:20.417em;float:right;} /* 245px */

.col-xm .xcol {width:20.417em;float:left;}
.col-xm .mcol {width:42.083em;float:right;}  /* 505px */

/* FLOAT CLEAR */
#something, .col-mm, .col-mx {zoom:1; overflow:hidden;}

/* TEXT NEGATIVE INDENT */
#signin h1, #signup h1, #guest-login h1, #registration h1, #agenda h1, 
.no-title,.action .ico_next,.action .ico_ok  {text-indent: -5000px;}

/* TEMPLATE */
#hd, #ft, #bd {width:550px;margin: 0 auto;}
#registration-template #hd, #registration-template #bd {width:780px;}

/* BORDERS */
#account-login-guest, div.sep, .callout-box, .subtitle h3, #registration h2, #agenda h2, .bookstore-order h2 {border: solid 1px #d4d5da;}
.info-msg {border: solid 1px #db800b;}

#top-bar {background: url(images/marketing/bg-head-1000x37.jpg) no-repeat 50% 0;height:37px;}
#hd {padding: 41px 0 5px;}
#bd {margin-bottom: 25px;}

/* TITLES */
#signin h1, #signup h1, #guest-login h1, #registration h1, 
#agenda h1, .no-title {width:550px;height:29px;background: url(images/marketing/signin-bar-550x29.gif) no-repeat;margin: 0 0 1.5em;}
.no-title {background: url(images/marketing/notitle-bar-550x29.gif) no-repeat;}

/* SIGN IN 
--------------------- */

.signin-form {padding: 1em 0 21px 60px;}
.signin-form th {text-align:right;font-weight:bold;vertical-align:middle;color:#000;}


td, th {padding: 0 3px 9px;}
.signin-form .text {width: 17em;}
.signin-form .password {width: 12em;}
.signin-form .text, .signin-form .password {font-size: 1.333em;padding: 2px;width:auto;}
.signin .button,.signin-form .button, #registration .button {padding: 3px 5px;}

#account-login-guest {border-width:1px 0 0;padding: 11px 0 0 0;margin:0 0 1em;font-size:1.1666em;}
#account-login-guest a {background: url(images/marketing/user-16.gif) no-repeat;padding: 0 0 0 21px;}
#signin-help {border-width:1px 0 0;padding: 11px 0 0 0;margin:0 0 1em;font-size:1.1666em;background: url(images/marketing/register-16.gif) no-repeat;padding: 0 0 0 21px;}


div.alert p { margin: 0 0 .5em; }
div.alert {background: #FDEDB6 url(images/common/warn-yel-24.gif) no-repeat 7px 3px;border: 1px solid #db800b;border-width: 1px 0; margin: 0 0 1.125em; padding: 6px 0 6px 40px; color: #000;font-weight:normal;}


/* GUEST LOGIN
---------------------------------- */
#guest-login h1 {background: url(images/marketing/guest-bar-550x29.gif) no-repeat;}

/* WARNING MESSAGES
---------------------------------- */
.error-msg, .info-msg {background: #cf3815 url(images/marketing/warn-red-24.gif) no-repeat 7px 3px;padding: 6px 0 6px 40px;margin: 0 0 11px;color:#fff;}
.error-msg h2, .info-msg h2 {font-size: 1.166em;font-weight:bold;margin: 0 0 0.5em;}
.error-msg p, .info-msg p {line-height:1.5em;margin:0;padding:0;}

.info-msg {color:#000; background: #fdedb6 url(images/marketing/warn-yel-24.gif) no-repeat 7px 3px;border-width: 1px 0;}

.error-msg a {color: #f4ad00; text-decoration: underline;}


/* SIGN UP
----------------------------------- */
#signup-body #hd, #signup-body #bd {width:65em;}

#signup h1 {background: url(images/registration/titlebar-780x29.gif) no-repeat;width:780px;}

#signup .step p { padding-left: 3.0em; color: #414141;}
#signup .step1 img {width:16.833em;height:1.75em;font-weight:bold;}
#signup .step {padding: 1em 0;}
#signup-body .xcol {position:relative;}

#signup .step p.step1 { margin-bottom: 0px; font-family: Lucida Sans; padding-left: 1.9em; color:#333; font-size: 1.5em; background: url(images/registration/number01.gif) no-repeat; }
#signup .step p.step2 { font-family: Lucida Sans; padding-left: 1.9em; color:#333; font-size: 1.5em; background: url(images/registration/number02.gif) no-repeat; }
#signup .step p.step3 { font-family: Lucida Sans; padding-left: 1.9em; color:#333; font-size: 1.5em; background: url(images/registration/number03.gif) no-repeat; }
#signup .step p.step4 { font-family: Lucida Sans; padding-left: 1.9em; color:#333; font-size: 1.5em; background: url(images/registration/number04.gif) no-repeat; }

/* Signup - About Foliotek */
.about-foliotek {overflow:hidden;zoom:1;}
.about-foliotek img {margin: 0 7px 11px 0;}
#about-tie {margin: 30px 0 164px;}
#about-tie img {float:left;}
#about-you {margin: 0 0 164px 11px;}
#about-you img {float:right;}
#about-you p {margin: 93px 0 0 32px;}
#about-interaction {text-align:right;}
#about-interaction img {float:left;margin-right:11px;}
#about-interaction p {margin: 16px 0 0;}
#about-files {margin: 0 0 164px 63px;}
#about-mentor p {float:left;width:100%;text-align:right;margin: 0 0 164px;}
#about-mentor img {float:right;}

#signup fieldset {
	background: #fff;
	border-color: #ccc;
	border-width: 1px 0 0;
	border-style: solid none none;
	padding: 1.25em 0.5em;
	margin: 0 0 2em;	
}
	

#signup legend {
	padding: 0 5px;	
	text-transform: uppercase;
	color: #4f81ff;
	font-size: 0.917em;
	line-height: 1.636em;
	
}
.iewin legend {margin: 0 0 1.5em;}

#signup fieldset.input-error {border-width:3px;border-color: #ff4d4d;}
#signup fieldset.input-error legend {color: #ff4d4d;font-weight:bold;}

th {text-align:left;vertical-align:top;font-size: 0.9166em;color: #666;padding-right: 11px;padding-top:5px; white-space: nowrap;width:125px;font-weight:bold;}
th.req {color: #000;}
td.info, td p {color: #666;font-size: 0.9166em;padding-left: 11px;vertical-align:top;}
td p {padding: 0;line-height: 1.636em; margin:0 0 0.5em;float:left;width:98%;}
td a {font-size:0.9167em;}

#signup table {width:100%;}
#signup th {text-align:right;font-weight:normal;padding-right: 9px;color: #666;width:120px;}
#signup .text {font-weight:bold;padding: 3px;width:238px;}
#signup .input {background: #fff;padding: 3px;float:left;margin: 0 0 0.5em;display:block;}
#signup .cell { display:table-cell; vertical-align:top; padding-right: 15px; }


#signup tr.req .input {background: #dedede;}
#signup tr.req .radiolist {background:#fff;line-height:2.25em;border: 1px solid #aeaeae;padding:5px;display:block;}
#signup-body #signup span.input-error {background: #ff4d4d;}
#signup tr.req th {color: #000;}
#signup .zip {width: 100px;}

#signup strong {font-weight:bold;}

#signup div.sep {border: 1px dotted #ccc;height:1px;border-width: 1px 0 0 0;margin: 0.5em 0 1.5em;}

#signup .button {padding: 4px 9px;margin-right:7px;}
.iewin #signup .button {padding:3px 0;}
#signup .cancel {text-decoration: underline;}
#signup .error {display:block;font-weight:bold;float:left;clear:both;width:100%;}
#signup .validation-summary {border:3px solid #ff4d4d;background:#ffe5e5;padding: 1em;margin: 0 0 1.5em;line-height:1.5em;}
#signup .validation-summary h3 {color: #f00;font-weight:bold;font-size:1.25em;line-height:1.333em;margin: 0 0 0.333em;}
#signup .validation-summary ul {display:none;}
#signup .validation-summary ul.show {display:block;list-style: disc;padding: 0 0 0 1em;}
#signup .validation-summary ul.show li {margin: 0 0 0 1em;}
#signup .validation-summary .error-message {font-weight:bold;}

#signup .validation-summary a, #signup td a {text-decoration:underline;}
#signup .cc-info {overflow:hidden;zoom:1;margin: 0 0 2em;}
#signup .imgccs {float:left;margin-left:5px;}
#signup .imgverified {}
#signup .cc-cvn .input {margin-right: 11px;}
#signup .user-agreement {height:300px;overflow:auto;border: 2px solid #ccc;padding:11px;margin: 0 0 1em;}
#signup #btn-check-user {font-size: 0.917em;margin: 3px 0 0.5em 0.5em;padding:2px;}
.iewin #signup #btn-check-user {padding:0;width:100px;}
#signup #user-avail-msg {display:block;margin: 0.5em 0;font-weight:bold;float:left;width:98%;}
#signup #user-avail-msg.valid {color: #090;font-weight:bold;}
#signup #user-avail-msg strong, #signup .error strong {font-size: 1.167em;}
#signup #user-avail-msg em, #signup .error em {font-weight:normal;font-style:italic;display:block;}
#signup .pstrength {float:left;clear:both;width:98%;font-weight:bold;margin: 0 0 0.25em;}
#signup .pstrength a {font-weight:normal;}
#signup .pstrength-bar {width:254px;background: #ddd;height:4px;overflow:hidden;margin: 0 0 0.25em;}
#signup .pstrength .error {float:none;display:inline;width:auto;}


#signup table.info {font-size: 1.167em;}
#signup table.info th {padding-top:0;}

#signup .registration-success a {text-decoration:underline;}
#signup .registration-success img {margin-right: 20px;}
#signup .registration-success p {font-size:1.167em;color:#414141;margin: 0 0 1.429em;}
#signup .registration-success input {font-size:1.167em;font-weight:bold;margin: 0 0 1.429em;}
#signup .registration-success p em {font-size:0.786em;font-style:italic;}
#signup .registration-success .xcol p {color:#000;}

#signup #get-started {border: 3px solid #efefef;text-align:center;padding: 20px 0;}
#signup #get-started .button {margin:0;}

.error {color: #c00;}
.error-summary, .progresspage div.error {background: url(images/marketing/warn-red-trans-24.gif) no-repeat;padding-left: 31px;margin: 0 0 1.5em;}
.progresspage div.error p.error, .error-summary ul, .error-summary p {border: 1px solid #c00;border-width: 0 0 0 1px;padding: 0 0 0 11px;color:#a00;}
.progresspage div.error p.error {height:30px;}
.error-summary ul {color: #c00;padding: 0 0 0 21px;list-style-type:disc;}
.error-summary li {padding: 0 0 0.5em;}
.error-summary h3 {margin: 0 0 1em;font-size: 1.166em;padding: 3px 0 0;}

div.expiring { background: #96e086 url(images/common/clock-24.gif) no-repeat 7px 7px; border: 1px solid #13b000; border-width: 1px 0; color: #333; font-weight: bold; margin: 0 0 1.125em; padding: 8px 0 6px 40px; zoom:1;}
div.expiring p { margin: 0 0 .5em; }

/* WIZARDS
---------------------------- */
.progress ol, .action ul {overflow:auto;zoom:1;}

.progress ol li strong {font-size:1.1666em;}
.progress li, .action li {float:left;margin-right:9px;}
.progress li strong {font-weight:bold;}
.progress li em {color: #555;}
.progress {margin: 0 0 11px;}

.action .ico_cancel {font-size: 0.9166em;}

.action em {display:none;}


.action .ico_next,.action .ico_ok {background:url(images/marketing/btn-next-120x26.gif) no-repeat;width:120px;height:26px;display:block;}
.action .ico_back {display:block;width:3em;padding-top: 5px;}
.action .ico_ok {background-image: url(images/marketing/btn-ok-120x26.gif);}

/* CONFERENCE REGISTRATION & AGENDA
------------------------------------------ */
.callout-box {margin-left: 21px;border-width:1px;padding:11px;}
.section {margin: 0 0 21px;}

div.help em a {font-size: 0.91666em;color: #444;text-decoration:underline;}
.subtitle h3 {font-size: 1.166em;border-width: 0;margin: 0 0 9px;background: #dce6ff;padding: 4px;}

#registration h2, #agenda h2, .bookstore-order h2 {font-size:1.166em;border-width: 0 0 1px;padding: 0 0 3px;margin: 0 0 1em;font-weight:bold;}
.registration-menu {margin: 0 0 31px;}
#registration table.head {width:100%;margin: 0 0 9px;}
#registration td.logo {width:50%;}
#registration td.locale {white-space:nowrap;}
#registration td.locale td, #registration td.locale th {padding-left: 21px;}
#registration .note {color: #404040;font-size:0.9166em;}
#registration h1 {background: url(images/marketing/registration-bar-780x29.gif) no-repeat;width:780px;}
#registration .text {font-size: 1.333em;}
#registration textarea {width:400px;height:11em;}
#registration .error {padding-left: 3px;}
#registration ul {list-style-type:disc;padding-left:21px;}
#registration .registration-confirmation th {color: #000;}
#registration .thankyou {background: #fff url(images/marketing/check-32.gif) no-repeat 11px 11px;border:2px solid #a9c684;padding:11px 11px 11px 63px;font-size:1.166em;margin: 0 0 1.5em;}

#agenda h1 {background: url(images/marketing/agenda-bar-780x29.gif) no-repeat;width:780px;}


/* INPUT FIELDS
---------------------------------- */
.text {padding: 2px;width:12em;}
input.zip {width:5em;}
input.address {width:20em;}

/* BOOKSTORE ORDERS */
.bookstore-order h1{background: url(shared/images/bookstore-orders-bg-550x29.jpg) no-repeat; text-indent: -9999px; height: 29px; margin-bottom: 19px;}
.bookstore-order #bookstore-thankyou{background: url(shared/images/order-thankyou-bg-550x29.jpg) no-repeat; text-indent: -9999px; height: 29px; margin-bottom: 19px;}


