/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
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%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
 
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  font-family: Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; *font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; *font-weight: bold;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; outline: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; *font-weight: bold;}
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; *font-weight: bold;}
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
/*
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; *font-weight: bold;}
dd          { margin-left: 1.5em;}*/


/* Tables
-------------------------------------------------------------- */
/*
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.clear		{ clear: both; height: 0px;}


/* Layout
-------------------------------------------------------------- */

#page-wrapper {
	background: #ffcc00 url(../images/layout/body-bg.jpg) repeat-x;
	padding: 0 0 10px 0;
}

#hidden-errors {
	display: none;
}

#container {
	position: relative;
	width: 967px;
	margin: 0 auto;
	clear: both;
}

#header {
	height: 54px;
}

#logo {
	width: 178px;
	height: 34px;
	float: left;
	background: url(../images/layout/logo.jpg) no-repeat;
}

#go-home {
	display: inline-block;
	width: 178px;
	height: 34px;
}

body#home #logo {
	display: none;
}

#top-nav {
	list-style-type: none;
	list-style-position: inside;
	float: right;
	margin: 19px 35px 0 0;
	_margin: 16px 0 0 0;
}

#top-nav li {
	float: left;
	margin: 0;
	_margin: 0 6px 0 0;
}

#top-nav li a {
	display: inline-block;
	height: 35px;
}

#top-nav li a.how-to-use {
	width: 167px;
	background: url(../images/navigation/how-to-use.png) no-repeat;
	_background: url(../images/navigation/how-to-use.gif) no-repeat;
}

#top-nav li a.tips {
	width: 205px;
	background: url(../images/navigation/tips.png) no-repeat;
	_background: url(../images/navigation/tips.gif) no-repeat;
}

#top-nav li a.resources {
	width: 103px;
	background: url(../images/navigation/resources.png) no-repeat;
	_background: url(../images/navigation/resources.gif) no-repeat;
}

#top-nav li a.support {
	width: 89px;
	background: url(../images/navigation/support.png) no-repeat;
	_background: url(../images/navigation/support.gif) no-repeat;
}

#content-wrapper {
	width: 100%;
	margin: 0 0 0 40px;
}

body#home #main-content{
	position: relative;
	background: url(../images/layout/home-content-bg.jpg) no-repeat;
	height: 605px;
}

/* login panel */
body#newhome #main-content{
	position: relative;
	background: url(../images/layout/new-home-content-bg.jpg) no-repeat;
	height: 605px;
}

body#register #main-content {
	background: none;
}

body#register-event #main-content {
	background: none;
}

body#resources #main-content {
	background: url(../images/layout/resources-content-bg.png) no-repeat;
	_background: url(../images/layout/resources-content-bg.gif) no-repeat;
	height: 566px;
}

body#support #main-content {
	background: url(../images/layout/support-content-bg.png) no-repeat;
	_background: url(../images/layout/support-content-bg.gif) no-repeat;
	height: 566px;
}

body#admin-home #main-content {
	background: url(../images/layout/admin-home-bg.png) no-repeat;
	_background: url(../images/layout/admin-home-bg.gif) no-repeat;
	height: 566px;
}

body#registered #main-content {
	height: 566px;
}

#footer {
	height: 50px;
	margin: 10px 0 0 40px;
	padding: 13px 0 0 0;
	background: url(../images/layout/footer-bg.jpg) no-repeat;
}

#footer p {
	font-size: 10px;
	margin: 0 0 0 70px;
}

#footer p a {
	margin: 0 10px 0 0;
}

/* Form Styles
-------------------------------------------------------------- */

.form-field {
	margin: 0 0 .5em 0;
}

.form-field label {
	float: left;
}

.form-field input,
.form-field select {
	float: right;
}

.form-field textarea {
	display: block;
	clear: both;
	width: 100%;
}

.form-field .checkbox {
	width: auto !important;
	margin: 0 0 0 5px;
	float: none !important;
}

/* Page Styles
-------------------------------------------------------------- */

/*-- Home Page --*/

#login-panel {
	width: 403px;
	height: 503px;
	margin: 26px 0 0 0;
	float: left;
}

#login-panel #welcome p,
#login-panel #newwelcome p {
	font-size: 12px;
	margin: 238px 40px 0 40px;
}

#login-error,
#forgot-error {
	display: none;
	color: #FFF;
	text-align: center;
	float: right;
	width: 227px;
	height: 18px;
	background: url(../images/navigation/login-error-bg.jpg) no-repeat;
}

#enter {
	margin: 43px 0 0 40px;
	cursor: pointer;
}

#newenter {
	margin: 421px 0 0 40px;
	cursor: pointer;
}

#login-form {
	display: none;
	margin: 238px 40px 0 40px;
}

#newlogin-form {
	display: none;
	margin: 238px 40px 0 40px;
}

#login-panel .form-field {
	margin: 0 0 15px 0;
}

#login-panel #password {
	margin: 0 0 7px 0;
}

#login-panel .form-field input {
	float: right;
	width: 223px;
}

#login-panel .form-field label {
	float: right;
	font-size: 12px;
	font-weight: bold;
	
	margin: 3px 5px 0 0;
}

#login-panel a.forgot-password {
	float: right;
}

#login-panel .form-submit #login-button {
	clear: both;
	float: right;
	margin: 18px 0 0 0;
	width: 99px;
	height: 42px;
	border: none;
	cursor: pointer;
	background: url(../images/navigation/login.jpg) no-repeat;
}

#login-panel #register-button {
	float: right;
	margin: 18px 11px 0 0;
}

#forgot-password {
	display: none;
	margin: 238px 40px 0 40px;
}

#login-panel .form-submit #forgot-button {
	clear: both;
	float: right;
	margin: 18px 0 0 0;
	background: url(../images/navigation/submit.jpg) no-repeat;
	width: 100px;
	height: 42px;
	border: none;
}

#login-panel #cancel-forgot{
	float: right;
	margin: 18px 11px 0 0;
}

#palette a {
	position: absolute;
	display: inline-block;
}

#palette a#basics {
	width: 127px;
	height: 116px;
	top: 136px;
	left: 429px;
	background: url(../images/navigation/basics.jpg) no-repeat;
	cursor: default;
}

#palette a#basics:hover {
	background: url(../images/navigation/basics-hover.jpg) no-repeat;
}

#palette a#substance {
	width: 120px;
	height: 110px;
	top: 95px;
	left: 566px;
	background: url(../images/navigation/substance.jpg) no-repeat;
	cursor: default;
}

#palette a#substance:hover {
	background: url(../images/navigation/substance-hover.jpg) no-repeat;
}

#palette a#info {
	width: 146px;
	height: 96px;
	top: 136px;
	left: 711px;
	background: url(../images/navigation/info.jpg) no-repeat;
	cursor: default;
}

#palette a#info:hover {
	background: url(../images/navigation/info-hover.jpg) no-repeat;
}

#palette a#customize {
	width: 128px;
	height: 111px;
	top: 250px;
	left: 813px;
	background: url(../images/navigation/customize.jpg) no-repeat;
	cursor: default;
}

#palette a#customize:hover {
	background: url(../images/navigation/customize-hover.jpg) no-repeat;
}

#palette a#rundown {
	width: 125px;
	height: 116px;
	top: 351px;
	left: 718px;
	background: url(../images/navigation/rundown.jpg) no-repeat;
	cursor: default;
}

#palette a#rundown:hover {
	background: url(../images/navigation/rundown-hover.jpg) no-repeat;
}

#palette a#subsidies {
	width: 125px;
	height: 135px;
	top: 413px;
	left: 585px;
	background: url(../images/navigation/subsidies.jpg) no-repeat;
	cursor: default;
}

#palette a#subsidies:hover {
	background: url(../images/navigation/subsidies-hover.jpg) no-repeat;
}

#palette #popups .popup {
	position: absolute;
	padding: 0 3px 3px 0;
	width: 218px;
	min-height: 96px;
	color: #FFF;
	background: #000;
}

#palette #popups .popup h2 {
	color: #FFF;
	font-size: 16px;
	margin: 0;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

#palette #popups .popup p {
	margin: 0 15px;
	font-size: 11px;
}

#info-pu {
	display: none;
	top: 65px;
	left: 677px;
	z-index: 999;
}

#basics-pu {
	display: none;
	top: 68px;
	left: 385px;
	z-index: 999;
}

#substance-pu {
	display: none;
	top: 10px;
	left: 525px;
	z-index: 999;
}

#customize-pu {
	display: none;
	top: 153px;
	left: 770px;
	z-index: 999;
}

#rundown-pu {
	display: none;
	top: 275px;
	left: 670px;
	z-index: 999;
}

#subsidies-pu {
	display: none;
	top: 333px;
	left: 530px;
	z-index: 999;
}

/*-- Event Listing --*/

#user-nav {
	list-style-type: none;
	list-style-position: inside;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	_margin: 0;
}

#user-nav li {
	float: left;
	margin: 0 23px 0 0;
}

#user-nav li a {
	text-decoration: none;
}

#user-nav li.logout {
	float: right;
	font-weight: bold;
	
	margin: 0 18px 0 0;
}

#user-nav li.logout a {
	display: inline-block;
	margin: 0 0 0 3px;
	font-weight: normal;
}

#events-header {
	display: block;
	clear: both;
	padding: 20px 0 0 0;
}

#events-list {
	margin: 26px 0 0 40px;
}

#admin-list {
	width: 957px;
	padding: 0 0 20px 0;
	background: #FFF;
}

.new-topic,
.new-webinar {
	display: inline-block;
	margin: 0 0 0 10px;
}

#events-list table thead tr th {
	height: 25px;
	background: #000;
	border-right: solid 1px #FFF;
	color: #FFF;
	text-align: center;
}

#events-list table thead tr th.edit-delete {
	background: #FFF;
}

#events-list table tbody tr td {
	height: 27px;
	background: #fff5cc;
	border-right: solid 1px #000;
	border-bottom: solid 1px #e5dcb7;
	color: #000;
	text-align: center;
}

#events-list table tbody tr td.edit-delete {
	background: #f5f5f5;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #dcdcdc;
	width: 45px;
}

#events-list table tbody tr td.last {
	border-right: none;
}

#events-list table tbody tr td.edit-delete a{
	display: inline-block;
	margin: 0 3px 0 0;
}

#legend {
	float: left;
	margin: 15px 0;
}

#legend .legend-delete {
	margin: 0 20px 0 0;
}

#admin-table {
	margin: 20px auto 0 auto;
	border-left: solid 1px #EB5F01;
	border-bottom: solid 1px #EB5F01;
}

#admin-table td.edit {
	width: 27px;
}

#admin-table td.delete {
	width: 38px;
}

#admin-table td.sort-order {
	width: 25px;
	text-align: center;
}
#admin-table td.webinar-live {
	text-align: center;
	width: 35px;
}

#admin-table td,
#admin-table th {
	padding: 5px;
}

#admin-table th {
	border-right: solid 1px #FFF;
	cursor: pointer;
}

#admin-table td {
	border-right: solid 1px #EB5F01;
}

#admin-table thead tr {
	background: #EB5F01;
}

#description-input {
	height: 100px;
}

.topic-table {
	width: 400px;
}

#admin-edit-pane {
	width: 515px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.sort-value {
	width: 25px !important;
	float: left !important;
	margin: 0 0 0 5px;
}

#admin-list h2 {
	width: 200px;
	padding: 20px 0px 0px 0px;
	margin: 0 auto 20px auto;
}

#admin-edit-pane .form-field input{
	width: 200px;
}

.report-links {
	width: 200px;
	margin: 0 auto;
	list-style-type: none;
	list-style-position: inside;
}

.admin-menu {
	list-style-type: none;
	list-style-position: inside;
	padding: 10px 0 0 10px;
}

/*-- Event Designer --*/

#main-content {
	background: url(../images/layout/main-content-bg.png) repeat-y;
}

#main-content .bottom {
	height: 3px;
	width: 960px;
	background: url(../images/layout/content-bottom.jpg) no-repeat;
	clear: both;
}

#main-content-top {
	clear: both;
	height: 3px;
	background: url(../images/layout/main-content-top.png) no-repeat;
}

#main-content-bottom {
	height: 3px;
	background: url(../images/layout/main-content-bottom.png) no-repeat;
}

.step-one {
	width: 365px;
	height: 77px;
	background: url(../images/layout/step1.jpg) 38px 26px  no-repeat;
}

.step-two {
	width: 440px;
	height: 77px;
	background: url(../images/layout/step2.jpg) 38px 26px  no-repeat;
}

.step-three {
	width: 365px;
	height: 77px;
	background: url(../images/layout/step3.jpg) 38px 26px  no-repeat;
}

.step-four {
	width: 416px;
	height: 77px;
	background: url(../images/layout/step4.jpg) 0px 26px  no-repeat;
}

.step-five {
	width: 416px;
	height: 77px;
	background: url(../images/layout/step5.jpg) 0px 26px  no-repeat;
}

#panels-wrapper {
	width: 880px;
	margin: 26px 0 0 40px;
}

#left-panel {
	float: left;
	width: 580px;
	background: #fff5cc;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

#left-panel #notes {
	line-height: inherit;
	margin: 7px 0 0 60px;
}

#left-panel #notes label {
	font-weight: bold;
	
}

#left-panel #notes textarea {
	vertical-align: text-top;
	width: 485px;
}

#right-panel {
	float: right;
	width: 300px;
	background: #e5e5e5;
	padding: 0 0 5px 0; 
}

#right-panel ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 20px;
}

#right-panel ul li {
	margin: 0;
}

#right-panel ul li h2 {
	font-size: 11px;
	font-weight: bold;
	
	color: #eb5f01;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #eb5f01;
}

#right-panel ul li dl {
	clear: both;
	font-size: 11px;
	margin: 0 0 14px 0;
	width: 230px;
}

#right-panel ul li dl dt {
	font-weight: bold;
	margin: 0;
	float: right;
	*float: none;
	*display: inline-block;
	*text-align: right;
}

#right-panel ul li dl dd {
	float: right;
	clear: both;
}

#right-panel ul li dl dd.incomplete {
	color: #990000;
	margin: 0 0 0 25px;
}

#right-panel ul li dl dd.complete {
	margin: 0 0 0 32px;
}

#tab-nav {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 10px 0;
	width: 967px;
	background: url(../images/navigation/tab-nav-bg.jpg) no-repeat;
}

#tab-nav li {
	*float: left;
	text-align: center;
	margin: 0;
	line-height: 31px;
}

#tab-nav li a {
	float: left;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 31px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	
	margin: 0;
	color: #666;
}

#tab-nav li a#basics-tab {
	background: url(../images/navigation/basics-tab.jpg) no-repeat;
	width: 101px;
	margin: 0 0 0 40px;
}

#tab-nav li a#basics-tab:hover,
body.basics #tab-nav li a#basics-tab {
	background: url(../images/navigation/basics-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#tab-nav li a#substance-tab {
	background: url(../images/navigation/substance-tab.jpg) no-repeat;
	width: 128px;
}

#tab-nav li a#substance-tab:hover,
body.substance #tab-nav li a#substance-tab {
	background: url(../images/navigation/substance-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#tab-nav li a#info-tab {
	background: url(../images/navigation/info-tab.jpg) no-repeat;
	width: 92px;
}

#tab-nav li a#info-tab:hover,
body.info #tab-nav li a#info-tab {
	background: url(../images/navigation/info-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#tab-nav li a#customize-tab {
	background: url(../images/navigation/customize-tab.jpg) no-repeat;
	width: 151px;
}

#tab-nav li a#customize-tab:hover,
body.customize #tab-nav li a#customize-tab {
	background: url(../images/navigation/customize-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#tab-nav li a#rundown-tab {
	background: url(../images/navigation/rundown-tab.jpg) no-repeat;
	width: 127px;
}

#tab-nav li a#rundown-tab:hover,
body.rundown #tab-nav li a#rundown-tab {
	background: url(../images/navigation/rundown-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#tab-nav li a#addons-tab {
	background: url(../images/navigation/addons-tab.jpg) no-repeat;
	width: 127px;
}

#tab-nav li a#addons-tab:hover,
body.addons #tab-nav li a#addons-tab {
	background: url(../images/navigation/addons-tab-active.jpg) no-repeat;
	color: #eb5f01;
}

#save-continue-tab {
	display: block;
	float: right;
	color: #FFF;
	border: none;
	background: #eb5f01;
	width: 62px;
	height: 31px;
	margin: 0 300px 10px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	visibility: hidden;
}

#save-continue-tab img {
	margin: 0;
}

#new-event-button {
	display: inline-block;
	width: 155px;
	height: 31px;
	padding: 5px 0 0 0;
	background: url(../images/navigation/new-event.jpg) no-repeat;
	float: right;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	
	margin: 0 20px 0 0;
	color: #FFF;
}

#new-events-nav {
	width: 967px;
	background: #FFCC00 url(../images/navigation/tab-nav-bg.jpg) no-repeat;
}

/*-- Steps --*/

#basics-welcome,
.info-overview,
#general-info {
	font-size: 11px;
	border-top: solid 1px #fbd7a3;
	margin: 0 1px 0 1px;
	padding: 10px 10px 10px 30px;
	background: #FFF;
}

.event-text-box {
	font-size: 11px;
	border-top: solid 1px #fbd7a3;
	margin: 0 1px 5px 1px;
	padding: 10px 10px 10px 38px;
	background: #FFF;
}

.accordion-content-box {
	font-size: 11px;
	border-top: solid 1px #fbd7a3;
	margin: 0 1px 0 1px;
	padding: 10px 10px 10px 38px;
	background: #FFF;
}

#basics-welcome h3,
.info-overview-header {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

.info-overview-header {
	margin: 0 0 10px 20px;
}

#event-location h3 {
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 40px;
	vertical-align: middle;
}

.event-location-copy {
	font-size: 11px;
	margin: 0 20px 10px 40px;
}

#event-location .location-box {
	background: #FFF;
	border-top: solid 1px #fbd7a3;
	padding: 10px 0 10px 40px;
	margin: 0 1px 10px 1px;
}

#event-location .location-box .select-location {
	float: left;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	width: 61px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
}

#event-location label {
	display: block;
	font-weight: bold;
	
}

#event-location .location-box p {
	float: left;
	width: 305px;
	margin: 0 10px 0 20px;
	font-size: 11px;
}

#location-address-errors {
	display: none;
	line-height: 2em;
}

a.select {
	float: left;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	width: 61px;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
}

a.continue {
	float: left;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
}

a.available {
	float: left;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	width: 86px;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
}

a.preview {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	width: 60px;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
	margin: 0 0 0 10px;
}

a.edit {
	float: left;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	background: #eb5f01;
	width: 50px;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	
	text-align: center;
	margin: 0 0 0 10px;
}

span.arrows {
	padding: 0 0 1.5px 0;
}

span.selected {
	display: none;
	width: 16px;
	height: 16px;
	background: url(../images/icons/tick.png) no-repeat;
	vertical-align: text-bottom;
}

span.selected.show {
	display: inline-block;
}

.event-title-box,
.event-audience-box {
	margin: 0 1px;
	border-top: solid 1px #fbd7a3;
	border-bottom: solid 1px #fbd7a3;
	background: #FFF;
	padding: 12px 20px;
}

.event-title-copy {
	width: 330px;
	margin: 5px 0 0 0;
}

.dialog {
	display: none;
	background: #FFF;
	padding: 10px;
	text-align: center;
	width: 400px;
}

#no-title,
#no-audience {
	display: none;
	background: #FFF;
	padding: 10px;
	text-align: center;
	line-height: 50px;
}

.ui-dialog {
	border: solid 1px #000;
	background: #FFF;
}

.ui-dialog-titlebar {
	background: #eb5f01 url(../images/layout/dialog-title-bg.jpg) repeat-x;
	text-align: right;
}

.ui-dialog-titlebar-close {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icons/close.png) no-repeat;
	margin: 2px 0 0 0;
}

.ui-dialog-titlebar-close span {
	display: none;
}

#no-title p {
	vertical-align: middle;
}

.event-title-box a.select {
	margin: 10px 0 0 0;
	float: right;
}

.event-title-text,
.event-audience-text {
	font-size: 11px;
	margin: 0 0 0 20px;
	font-weight: bold;
}

#event-title-input {
	width: 100%;
}

.event-audience-box label {
	font-size: 11px;
}

.event-audience-box label input {
	top: 4px;
}

.event-audience-box a.select {
	float: right;
}

iframe.ui-datepicker-cover {
	display:none;
}

#event-date-header {
	margin-bottom: 0px !important;
}

.date-time-info {
	float: right;
	width: 180px;
	background: #fff;
	border-top: solid 1px #fbd7a3;
	border-bottom: solid 1px #fbd7a3;
	margin: 0 1px;
	padding: 15px 5px 15px 10px;
}

#time {
	float: left;
}

#meridian {
	float: right;
	margin: -4px 10px 0 0;
}

#meridian select {
	width: 45px;
}

#hour-input,
#minute-input {
	width: 40px;
}

.date-time-info label {
	display: block;
}

.date-time-info select {
	width: 180px;
}

#general-info {
	padding: 10px 20px 10px 10px;
}

#general-info-right {
	float: right;
	width: 165px;
	margin: 25px 0 0 0;
}

#general-info-right .continue {
	margin: 10px 0 0 76px;
}

#general-info-right label {
	display: block;
}

#general-info-right p {
	margin: 0;
}

#cutoff-date {
	margin: 0 0 25px 0 !important;
}

#no-registration-date,
#no-max-registrants {
	display: none;
}

#check-url {
	float: none;
	margin: 0 0 0 10px;
}

#custom-image-box {
	padding-left: 10px;
}

#custom-image,
#custom-logo {
	float: left;
	margin: 18px 0 0 0;
	width: 198px;
}
 
#custom-image-buttons,
#custom-logo-buttons {
	width: 100%;
	clear: both;
}

#custom-image-buttons a,
#custom-logo-buttons a {
	float: right;
	display: inline-block;
	width: 25px;
	margin: 0 0 5px 0;
}

#custom-image-view {
	cursor: pointer;
}

#custom-image-right {
	margin: 15px 0 0 0;
	float: right;
	width: 210px;
}


#custom-image-right .continue {
	float: right;
	margin: 50px 0 0 0;
}

#event-url-input {
	width: 100px;
}

#company-url-continue {
	float: right;
	margin: 15px 15px 0 0;
}

#available-url {
	display: none;
	width: 16px;
	height: 16px;
}

#available-url.available {
	display: inline-block;
	background: url(../images/icons/tick.png) no-repeat;
}

#available-url.not-available {
	display: inline-block;
	background: url(../images/icons/cross.png) no-repeat;
}

#available-url.loading {
	display: inline-block;
	background: url(../images/application/spinner.gif) no-repeat;
}

.ob-comm-heading {
	font-weight: bold;
	float: left;
	width: 90px;
	margin: 0 20px 0 0;
}

.ob-comm-heading span {
	float: right;
}

.ob-checkbox {
	position:relative;
	top: 3px;
	margin: 0 5px 0 0;
}

.ob-label {
	margin: 0 25px 0 0;
}

.ob-label-last {
	margin: 0;
}

#outbound-communication-continue {
	float: right;
	margin: 0 18px 5px 0;
}

.sub-step {
	margin: 0 0 5px 0;
}

.sub-step-tile,
.sub-step-value {
	display: inline-block;
}

.sub-step-tile {
	font-weight: bold;
	float: left;
}

.sub-step-value {
	float: left;
}

.sub-step-tile span {
	float: right;
	display: inline-block;
	margin: 0 7px 0 0;
}

#event-basics .sub-step-tile {
	width: 133px;
}

#event-basics .sub-step-value  {
	width: 235px;
}

#event-substance .sub-step-tile {
	width: 200px;
}

#event-substance .sub-step-value  {
	width: 140px;
}

#event-info .sub-step-tile {
	width: 170px;
}

#event-info .sub-step-value  {
	width: 175px;
}

#event-custom .sub-step-tile {
	width: 110px;
}

#event-custom .sub-step-value  {
	width: 235px;
}

.usefulness label {
	margin: 0 20px 0 0;
}

.comments {
	margin: 10px 0 0 0;
}

.comments textarea {
	display: block;
	width: 447px;
}

#resources-box,
#support-box {
	float: left;
	width: 444px;
	height: 498px;
	margin: 85px 0 0 0;
	font-size: 11px;
	padding: 0 0 0 40px;
}

#admin-box {
	float: left;
	width: 522px;
	height: 498px;
	margin: 40px 0 0 0;
	font-size: 11px;
	padding: 0 0 0 40px;
	text-align: left;
}

#register-box .form-field {
	height: 25px;
}

#register-box .form-field select {
	width: 314px;
	height: 22px;
}

#register-box .form-field input.short {
	width: 210px;
}

#register-box .label,
#event-registration-box .label {
	width: 130px;
	float: left;
}

#register-box .label label,
#event-registration-box .label label {
	float: right;
	text-align: right;
	margin: 0 10px 0 0;
}

#register-box input {
	float: left;
	width: 312px;
}

#event-registration-box input {
	float: left;
	width: 230px;
}

#event-registration-box select {
	float: left;
	width: 234px;
}

.required {
	color: #C00;
}

#register-save {
	background: url(../images/navigation/register-save.jpg) no-repeat;
	height: 31px;
	border: none;
	cursor: pointer;
}

#update-profile {
	position: absolute;
	left: 385px;
	background: url(../images/navigation/update-profile.jpg) no-repeat;
	width: 139px; 
	height: 31px;
	border: none;
	cursor: pointer;
}

#register-box {
	float: left;
	width: 444px;
	margin: 0 0 20px 0;
	font-size: 11px;
	padding: 0 0 0 40px;
}

.substance .form-field label {
	display: block;
}

.additional-materials {
	margin: 0 0 0 38px;
	font-size: 11px;
}

#registration-errors p {
	margin: 0 0 0 0;
	line-height: 1.3em;
}

#register-box .form-field input {
	border: solid 1px #a5acb2;
	height: 16px;
}

#tips-header {
	margin: 20px 0 15px 38px;
	float: left;
}

.tips-text {
	clear: both;
	margin: 0 0 25px 38px;
	font-size: 11px;
}

#tips-left,
#tips-right {
	float: left;
	width: 432px;
	_width: 422px;
	font-size: 11px;
}

#tips-left {
	margin: 0 0 0 55px;
}

.tip {
	padding: 0 0 0 85px;
}

.tip h2 {
	text-transform: uppercase;
	color: #eb5f01;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

.tip p {
	margin: 0 63px 20px 0;
}

#date-tip {
	background: url(../images/icons/calendar.jpg) no-repeat;
}

#invite-tip {
	background: url(../images/icons/clock.jpg) no-repeat;
}

#venue-tip {
	background: url(../images/icons/city.jpg) no-repeat;
}

#organize-tip {
	background: url(../images/icons/organize.jpg) no-repeat;
}

#plan-tip {
	background: url(../images/icons/plan.jpg) no-repeat;
}

#practice-tip {
	background: url(../images/icons/practice.jpg) no-repeat;
}

ul.resources {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}

ul.resources li a {
	text-decoration: none;
}

#resources-box p {
	margin: 13px 0 18px 0;
}
#support-box p {
	margin: 13px 0 18px 0;
}

#support-box a {
	text-decoration: none;
}

.format-list {
	display: none;
}

#response-details-form {
	width: 240px;
}

#return-address-form {
	width: 280px;
}

#return-address-form select {
	width: 146px;
}

.pagination {
	margin: 20px 0 0 0;
	text-align: center;
}

.pagination a {
	text-decoration: none;
}

.pagination span.current {
	text-decoration: none;
	display: inline-block;
	border: solid 1px #EB5F01;
	padding: 0 6px;
}

.pagination .page a {
	text-decoration: none;
	display: inline-block;
	border: solid 1px #000;
	background: #EB5F01;
	padding: 0 7px;
	color: #FFF;
	margin: 0 3px;
}

.pagination span.first a,
.pagination span.last a,
.pagination span.prev a,
.pagination span.next a {
	border: none;
	width: auto;
	background: none;
	color: #EB5F01;
	margin: 0 5px;
}

.pagination span.prev a,
.pagination span.next a {
	font-size: 14px;
	text-decoration: none;
}

.pagination a:hover {
	text-decoration: none;
	display: inline-block;
	border: solid 1px #EB5F01;
	background: #FFCC00;
	color: #000;
}

.webinar-table {
	width: 700px;
}

.webinar-edit {
	width: 460px !important;
}

.email-edit {
	width: 310px !important;
}

#reset-password {
	display: none;
}

#user-form {
	display: none;
}

#add-user {
	display: inline-block;
	margin: 0 0 0 158px;
}

#attendee-form {
	display: none;
}

#add-attendee {
	display: inline-block;
	margin: 0 0 0 158px;
}

.location-address {
	width: 300px;
	clear: both;
	margin: 0 0 0 82px;
	padding: 10px 0 0 0;
}

.location-address select {
	width: 146px;
}

#location-adresses input,
#location-adresses label {
	float: none;
	display: inline;
}

#location-address {
	width: 75px;
}

#location-address2 {
	width: 105px;
}

.hidden-date {
	display: none;
}

#materials input {
	float: none;
}

#location-city,
#location-state,
#location-zip,
#location-csz label {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}

#location-city {
	width: 100px;
}

#location-state {
	width: 50px;
}

#location-zip {
	width: 40px;
	margin-right: 0px;
}

#saved {
	position: absolute;
	left: 81px;
	top: 157px;
	padding: 0 0 0 20px;
	height: 20px;
	z-index: 1000;
	background: url(../images/icons/disk.png) no-repeat;
	color: #346fcb;
	display: none;
}

#saved-loading {
	position: absolute;
	left: 81px;
	top: 157px;
	z-index: 1000;
	display: none;
}

#registration-message {
	width: 400px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: center;
}

#event-registration {
	width: 525px;
	background: url(../images/layout/event-registration-bg.jpg) repeat-y;
}

#event-registration-box,
#registration-box {
	float: left;
	width: 444px;
	margin: 0 0 20px 0;
	font-size: 11px;
	padding: 0 0 0 40px;
}

#event-registration-bottom {
	position: relative;
	height: 50px;
	background: #FFCC00 url(../images/layout/event-registration-bottom.jpg) no-repeat !important;
	z-index: 100;
}

#event-registration-bottom #register-save {
	position: absolute;
	top: 0;
	width: 72px;
	left: 442px;
	z-index: 1000;
}

a.flowplayer-video {
	display: block;
	width: 550px;
	height: 400px;
}

#view-webinar a.flowplayer-video {
	width: 650px;
	margin: 0 auto;
	padding: 20px 0;
}

.webinar-preview {
	display: none;
}

#registry-info {
	width: 250px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	border-bottom: dotted 1px #000;
}

#webinar-validation .form-controls input {
	float: right;
}

#feedback-form {
	display: inline;
}

#errors {
	color: #C00000;
}

#notes textarea {
	outline-style: inset;
	outline-width: 1px;
}

#event-location-1,
#event-location-2,
#event-location-3 {
	display: none;
}

#event-title-1,
#event-title-2,
#event-title-3 {
	cursor: pointer;
	background: url(../images/accordion/open-icon.png) left center no-repeat;
	padding: 0 0 0 15px;
	height: 20px;
}

#event-title-1.open,
#event-title-2.open,
#event-title-3.open {
	background: url(../images/accordion/close-icon.png) left center no-repeat !important;
}

#services-list {
	margin: 15px 0;
	float: none !important;
	display: block !important;
}

#services-list li {
	float: none !important;
	display: block !important;
	padding: 0 0  0 20px;
	background: url('../images/icons/list-arrow.jpg') 3px 4px no-repeat;
}

#haccordion.addons a {
	color: #eb5e02;
}

body.addons .dialog {
	text-align: right !important;
}

#password-reset {
	display: none;
	text-align: center;
}

#materials dd input {
	margin: 0 5px 0 0;
	top: 2px;
}

body.substance #TB_ajaxContent {
	background-color: transparent;
}

.cart-summary {
	height: 380px;
	overflow-y: auto;
}

.cart-total {
	/*position: fixed;*/
	width: 243px;
	margin: 0 0 0 20px;
	color: #4FAF00;
	font-weight: bold;
	border-top: dotted 1px #000;
	text-align: right;
}

.cart-summary-wrap {
	margin: 20px;
}

.summary-product-type {
	color: #EB5F01;
	font-weight: bold;
	border-bottom: solid 1px #EB5F01;
}

.summary-product-type-products {
	margin: 10px 0;
}

.summary-procuct-questions {
	margin: 10px 0;
}

#checkout {
	float: left;
}

#manage-topic-errors {
	text-align: center;
	padding: 10px 0 0 0;
}

#calculate-errors,
#add-to-cart-errors {
	text-align: center;
}

.tiny {
	font-size: 9px;
}

#create-new {
	display: block;
	margin: 20px 0 0 40px;
	width: 145px;
}

#online-live-form {
	display: none;
}

.online-live-form-wrap {
	margin: 30px auto;
	width: 250px;
}

#online-live-state {
	width: 146px;
}

#online-live-errors {
	display: none;
}

#webinar-url {
	display: none;
}

#webinar-url.show {
	display: block;
}

#template-topics .templates {
	clear: both;
	margin: 0 0 0 20px;
}

#admin-email-form {
	width: 250px;
}

#email-saved {
	display: none;
	float: right;
}

#email-error {
	display: none;
	float: right;
}

#promotions-list {
	list-style-type: disc !important;
	list-style-position: outside !important;
	margin: 0 0 0 0;
}

#promotions-list li {
	display: block !important;
	float: none !important;
	list-style-type: disc !important;
	list-style-position: outside !important;
}

.telemarketing #quality-form {
	width: auto;
}

.telemarketing #quality-form label {
	display: block !important;
	float: none !important;
}

.telemarketing #quality-form select {
	float: none !important;
	display: block !important;
}

#hplogo,
#hpblogo {
	display: none;
	padding: 20px;
}

#hpblogo-img,
#hplogo-img {
	margin: 20px !important;
}

#reg-errors {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

#comm-sent {
	display: none;
}

#how-to-left {
	position: relative;
	float: left;
	width: 357px;
	height: 500px;
	padding: 22px 0 0 40px;
}

#how-to-right {
	float: right;
	width: 563px;
	padding: 80px 0 0 0;
}

#how-to-header {
	
}

#step-info {
	margin: 20px 0 0 0;
	height: 333px;
	overflow: auto;
}

#how-to-nav {
	position: absolute;
	bottom: 40px;
	right: 20px;
	width: 320px;
}

#how-to-nav ul {
	list-style: none;
}

#how-to-nav ul li.next {
	float: right;
}

#how-to-nav ul li.back {
	float: left;
}

#terms-error {
	text-align: center !important;
}

#communication-table {
	width: 388px;
	background: #FFF;
	border-left: solid 1px #000;
}

#communication-table thead tr th {
	height: 25px;
	background: #000;
	border-right: solid 1px #000;
	color: #FFF;
	text-align: center;
}

#communication-table tbody tr td {
	height: 27px;
	background: #FFF;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	color: #000;
	text-align: center;
}

#communication-table tbody tr td.last {
	border-right: none;
}

.up-image {
	display: block;
	text-align: center;
}

#survey-container {
	padding: 20px;
}

.satisfaction .level {
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	width: 100px;
}

.satisfaction label {
	float: none;
	display: block;
}

.satisfaction input {
	float: none;
	display: block;
	margin: 0 auto;
}

#survey-form .short {
	width: 320px;
}

#survey-form .form-field {
	margin: 0 0 2em 0;
}

#survey-form .form-field label {
	font-weight: bold;
	width: auto;
}

.satisfaction-matrix {
	margin: 0 0 2em 0;
}

.satisfaction-matrix table {
	width: 525px;
}

.satisfaction-matrix table td {
	text-align: center;
	height: 50px;
}

.satisfaction-matrix table th {
	text-align: center;
	background: #ccc;
	height: 50px;
	border-right: solid 1px #FFF;
}

.satisfaction-matrix table td.ta-left {
	text-align: left;
}

#event-satisfaction {
	width: 700px;
}

#event-satisfaction th {
	font-weight: bold;
}

#event-satisfaction td,
#event-satisfaction th {
	text-align: center !important;
}

#event-satisfaction td input{
	float: none;
}

#survey-message {
	border: solid 1px #008000;
	padding: 10px;
	text-align: center;
	margin: 0 0 10px 0;
}

#external-webinar {
	height: 100px;
	text-align: center;
	padding: 50px 0 0 0;
}

#upload-custom {
	display: none;
}

#custom-img-continue,
#custom-logo-continue {
	margin: 10px 10px 0 0;
	float: right;
}

.gov-question {
	margin: 0 0 0px 53px;
}

.gov-question label,
.gov-question input {
	float: none !important;
	width: auto !important;
}

#hidden-errors {
	display: none;
}

#events-list table {
	width: 846px;
}

#addons-back {
	display: block;
	height: 31px;
	width: 49px;
	line-height: 31px;
	vertical-align: middle;
	text-decoration: none;
	background: #CCCCCC;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 10px;
	color: #666666;
	font-weight: bold;
	float: right;
} 

#addons-back:hover {
	color: #eb5f01;
	background: #fff5cc;
}