﻿body { background-color: #000000; font-family: Arial, Sans-Serif; font-size: 12px; margin-top: 0px; }
a { text-decoration: underline; }
body.default { font-size: 12px; }
body.meduim { font-size: 14px; }
body.large { font-size: 16px; }
p { margin-top: 0.5em; margin-bottom: 1em; }
h1 { color: #7a327b; font-size: 1.7em; margin: 0px; padding: 0px; }
h1 a { text-decoration: none; color: #7a327b; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 1.3em; }
a { color: #9251a0; }
img { border: 0px; }

.pixel
{
	float: none;
	background-color: transparent;
}
.wrapper { width: 990px; margin-left: auto; margin-right: auto; }
.toplinks { width: 990px; background: url(../Images/background-topnav.png) repeat-y; margin-bottom: 2px; color: #ffffff; text-align: right; padding-top: 3px; padding-bottom: 3px; }
.toplinks a { color: #ffffff; text-decoration: none; }
.toplinks a:hover { text-decoration: underline; }
.shoppingcart { background: url(../Images/background-shoppingcart.png) no-repeat; padding-left: 23px; }
.header { width: 990px; height: 130px; background: url(../Images/background-header.jpg) no-repeat; }
.header h1 { position: absolute; left: -999em; width: 1em; overflow: hidden; }
.home-link { float: left; width: 420px; height: 98px; margin: 13px 0 0 20px; }
.searchbox { width: 180px; height: 89px; padding: 10px; background: url(../Images/background-search.png) no-repeat; float: right; margin-top: 10px; margin-right: 10px; }
.searchbox input.searchstring { width: 175px; margin-top: 6px; }
.searchbox input.button { margin-right: 6px; margin-top: 5px; }
.searchbox a { font-weight: bold; }
.login { width: 220px; height: 89px; padding: 10px; background: url(../Images/background-login.png) no-repeat; float: right; margin-top: 10px; margin-right: 10px; color: #ffffff; font-size: 12px; }
.login a { color: #ffffff; font-weight: bold; }
.login .validator-top { display: none; }
.login label.short { width: 65px; display: inline-block; font-size: 11px; }
.login input.check { margin-right: 4px; margin-top: 3px; }
.login input.email { width: 145px; margin-top: 3px; height: 16px; }
.login input.password { width: 80px; height: 16px; }
.login input.loginbutton { margin-left: 3px; }
.button { background: url(../Images/background-button.gif) no-repeat; width: 62px; height: 19px; border: 0px; font-size: 11px; font-weight: bold; text-align: center; }
.navigation { width: 990px; margin-top: 2px; height: 26px; background: url(../Images/background-navigation.png); color: #ffffff; font-size: 0.9em; }
.navigation * { vertical-align: middle; }
.navigation ul { list-style-image: none; margin-top: 0px; list-style-type: none; margin-bottom: auto; padding-left: 0px; margin-left: 0px; }
.navigation ul li { float: left; padding-left: 10px; padding-top: 3px; height: 23px; padding-right: 10px; border-right: 1px solid #000000; }
.navigation ul li a { color: #ffffff; font-weight: bold; font-size: 1.1em; text-decoration: none; }
.navigation ul li a:hover { text-decoration: underline; }
.breadcrumb { width: 960px; padding-left: 30px; color: #ffffff; background: url(../Images/background-breadcrumb.png) no-repeat 15px 12px; padding-top: 5px; padding-bottom: 0px; }
.breadcrumb a { color: #ffcc00; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb * { vertical-align: middle; }

.mainwrapper { width: 612px; padding-left: 12px; padding-right: 12px; float: left; }
.mainwrapperinner { width: 562px; padding: 25px; background: #fff url(../Images/background-content.png) no-repeat top; }
.mainwrapperinner h1.section { color: #000; background: url(../Images/background-section-default.png) no-repeat; }

.mainwrapperWide { width: 966px; padding-left: 12px; padding-right: 12px; float: left; }
.mainwrapperinnerWide { width: 916px; padding: 25px; background: #fff; background: #fff url(../Images/background-content-wide.png) no-repeat top; }
.mainwrapperinnerWide h1.section { color: #000; background: url(../Images/background-section-default.png) no-repeat; }

.MainWrapperContent { padding: 0 12px; }

.menuwrapper { width: 336px; float: right; margin-right: 10px; }

.content { width: 562px; }
.bottom { margin-bottom: 15px; }

.menuitem1, .menuitem2, .menuitem3, .menuitem4 { width: 286px; background: #ffffff url(../Images/background-sidepanel-top.png) no-repeat top; margin-bottom: 15px; padding: 25px; }
.menuitem2 { margin-bottom: 0px; padding-bottom: 10px; }
.menuitem3 { background: #ffffff; }
/**.menuitem4 {background:#ffff99 url(../Images/background-sidepanel-notice.png) no-repeat top; padding-top:60px;}**/
.menuitem4 { background: #ffff99 url(../Images/background-sidepanel-TalkingPoints.png) no-repeat top; padding-top: 60px; }

.newsletter { padding-bottom: 15px; }
.menuitembottom { width: 336px; height: 13px; background: url(../Images/background-sidepanel-bottom.png) no-repeat; margin-bottom: 15px; }
p.eventphotos { text-align: center; width: 286px; display: block; }
p.eventphotos img { margin: 10px; border: 2px solid #cccccc; }

.footer { width: 990px; text-align: center; color: #ffffff; padding-top: 30px; display: block; clear: both; }
.footer p { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.footer img.logo { margin-top: 20px; }
.footer a { text-decoration: none; color: #ffffff; }
.footer a:hover { text-decoration: underline; }

img.frontcover { float: left; margin-right: 20px; }
a.boldlink { font-size: 0.9em; font-weight: bold; text-decoration: none; color: #c161c2; }
a.boldlink:hover { text-decoration: underline; }
.highlighted { background: #ede9ed; color: #000000; border: 2px solid #ffffff; }
.highlighted2 { background: #ede9ed; color: #000000; border: 2px solid #ffffff; margin-bottom: 10px; }
.bulleted { border-left: 2px solid #663399; padding-left: 6px; }
.quote { width: 200px; float: left; border-right: 2px dashed #c161c2; font-weight: 500; padding-right: 6px; margin-right: 10px; background: #fff url(../Images/background-quote.png) no-repeat 15px top; color: #333333; font-style: italic; }
.citation { padding: 5px 10px 5px 10px; font-style: italic; }
.membersearch { padding: 15px; }
.membersearch .button { }
.memberinfolabels { width: 52px !important; vertical-align: top; font-weight: bold; }
.memberinfo { vertical-align: top; width: 122px !important; }
.memberinfolabelsCol2 { width: 35px !important; vertical-align: top; font-weight: bold; }
.memberinfoCol2 { vertical-align: top; width: 176px !important; }
.membercomment { width: 210px !important; vertical-align: top; }
.memberphoto { width: 127px; text-align: right; }
.memberphoto img { width: 127px; height: 145px; border: 1px solid #000000; }
.membersearchtable { border: 0px; }
.member { margin-top: 12px; width: 560px;	font-size: 0.9em; background: #ffffff; border: 2px solid #ede9ed;
	clear: both; table-layout: fixed; float: none; }
.paging { width: 100%; text-align: center; margin-top: 10px; }
h1.section { color: #ffffff; background: url(../Images/background-section-purple.png) no-repeat; padding-left: 12px; font-size: 1em; display: block; padding-top: 3px; height: 18px; width: 142px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
h2.smallh2 { font-size: 1em; color: #7a327b; }
.profileimage { padding: 5px; float: left; margin-right: 10px; margin-bottom: 10px; }
.profileimage img { border: 1px solid #000000; float: left; width: 127px; }
.profilesummary { float: left; width: 400px; }
.profilesummary label, .profilesummary span { float: left; }
.profilesummary label.leftlabel { width: 100px; display: block; font-weight: bold; margin-bottom: 10px; clear: left; }
.profiletext { border: 0px solid #c161c2; padding: 0px; clear: left; width: 400px; }
.profileleft { float: left; clear: left; width: 157px; }
.event, .sponsor { padding: 10px; border-bottom: 1px dotted #c161c2; }
.eventdates table { padding: 5px; width: 100%; text-align: left; }
.eventdates th, .eventagenda th { background: #7a327b; color: #ffffff; }
.eventnavigation { width: 100%; }
.eventpage h1 { padding-bottom: 10px; }
.eventnavigation ul { list-style-type: none; margin-left: 0px; padding-left: 0px; color: #7a327b; }
.eventnavigation li { float: left; }
.eventnavigation a { text-decoration: none; font-weight: bold; }
.eventnavigation a:hover { text-decoration: underline; }

.eventregister { width: 100%; text-align: right; }
.eventagenda table { padding: 5px; vertical-align: top; text-align: left; margin-top: 10px; }
.eventagenda table * { vertical-align: top; }
.eventagenda strong { }
.eventagenda td.times { width: 100px; }
.eventregister { margin-top: 8px; margin-bottom: 8px; }

.eventdate { background: url(../Images/background-calendar.png) no-repeat; width: 128px; height: 120px; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 20px; float: left; }
.eventdate_number { color: #ff0000; font-size: 45px; font-weight: bold; }
.eventtext { float: right; clear: none; width: 418px; vertical-align:top; }
.imgEventDate { float: left; width:134px; height:107px; }

.goToTop { text-align: left; display: block; clear: both; padding: 20px 0 20px 0; background-color: #ffffff; width: 562px; }

.commentPanel { border-bottom: 1px dotted #c161c2; padding: 5px 0 10px 0; text-align: left; margin-bottom: 10px; }

.articletoolbar { border-bottom: 1px dotted #c161c2; padding: 5px 0 10px 0; text-align: right; margin-bottom: 10px; }
.articletoolbar img { margin-left: 10px; }
.articlecomments { margin-top: 10px; background: #ede9ed; border: 2px solid #ffffff; padding: 5px; }
.articlecomments ul { padding: 0px; margin: 0px; }
.articlecomments li { padding: 5px; list-style-type: none; }
.articlecomments .top { text-align: right; border-bottom: 1px dotted #c161c2; padding-bottom: 5px; }
.commentauthor { color: #6666cc; display: inline; text-align: right; }
.comment { padding: 10px; }
.comment label { font-weight: bold; clear: left; padding-top: 10px; width: 150px; float: left; }
.comment input, .comment textarea { margin-top: 10px; width: 300px; }
.comment input { width: 200px; }
.comment input[type=checkbox] { width: auto; }

input.checkbox { float: left; width: 20px; text-align: left; display: block; }
.comment p { clear: both; margin-top: 20px; }
.comment .button { width: 62px; }
.news { }
.sponsor img { float: left; margin: 0px 10px 10px 0px; border: 2px solid #ffcc00; padding: 10px; background: #f0f0f0; }
.sponsor { padding-left: 0px; }
.shop img { float: left; margin-right: 10px; }
.shop div { }
.shop h2, .shop p { margin-bottom: 0px; margin-top: 0px; }

.form img { margin: 0 10px 0 10px; }
.form h2 { display: block; background: #ede9ed; font-size: 1.2em; color: #000000; margin-top: 10px; font-weight: bold; padding: 1px 0px 2px 5px; }
.form label { width: 200px; float: left; clear: left; }
.validator { float: left; display: block; clear: both; margin-left: 10px; margin-top: 10px; margin-bottom: 5px; width: 90%; font-size: 0.9em; color: Red; }
.validator-top { float: left; display: block; clear: both; margin-top: 10px; margin-bottom: 5px; width: 100%; font-size: 0.9em; color: Red; }
.form .button { display: block; margin: 0px; margin-top: 10px; margin-bottom: 10px; }
.dataprotection label, .termsandconditions label, .privacypolicy label { float: none; margin-right: 10px; clear: none; }
.paymentDetails label { width: auto; }
.dataprotection input, .paymentDetails input, .termsandconditions input { float: none; }
.form input { }
.form .button { clear: both; margin-left: 200px; }

.form-wide h2 { display: block; background: #ede9ed; font-size: 1.2em; color: #000000; margin-top: 10px; font-weight: bold; padding: 1px 0px 2px 5px; }
.form-wide h3 { font-size: 1.1em; margin: 0.9em 0; }

/* registration form and login form */
table.table01 { border: 0px solid #cccccc; border-color: Maroon; }
/* .table01 { width: 620px; } */
.table01 tr { border: 1px solid; border-color: #660033; text-align: left; color: #003; padding: 2px; padding-bottom: 0px; }
.table01 td { border: 1px solid; border-color: #660033; text-align: left; color: #003; padding: 2px; padding-bottom: 0px; }
.table01 th { border: 1px solid; border-color: #660033; background-color: #7A327B; text-align: left; color: #FFFFFF; padding: 2px; padding-bottom: 0px; }
/*table {border:1px solid #cccccc;border-collapse:collapse;padding:0pt;} */

.cartSubmit { color: #660066; font-size: 1.1em; }

.subscriptioninformation label { width: 250px; float: left; font-weight: bold; }
.subscriptioninformation .validator { margin-left: 250px; }
.subscriptioninformation input { margin-right: 20px; float: left; clear: both; }
.personaldetails input, .personaldetails select, .personaldetails textarea, .deliveryaddress input, .deliveryaddress select { width: 270px; padding: 0px; }
.personaldetails label { font-weight: bold; }

/* This is for the radio buttons on the subscribe page */
div.paymentDetails_subscribe input { width: auto; margin-bottom: 0; }
div.paymentDetails_subscribe label { width: auto; display: inline; float: none; margin-right: 0; padding-right: 0; clear: none; }

.personaldetails label, .deliveryaddress label, .paymentDetails label, .box2form label, .promo label { padding-right: 10px; text-align: right; width: 160px; display: block; float: left; padding-top: 3px; }
.loginbox label { padding-right: 10px; text-align: right; width: 70px; display: block; float: left; }
.loginbox2 { margin-left: 79px; }
.personaldetails input, .deliveryaddress input, .paymentDetails input, .box2form input, .loginbox input, .promo input { width: 200px; margin-bottom: 2px; }
.personaldetails select, .deliveryaddress select, .box2form select { width: 205px; margin-bottom: 2px; }
.promo .button { width: 62px; }

/* checkboxAddress is used by EventRegister.aspx */
.checkboxAddress input, .checkboxAddress label { width: auto; float: none; display: inline; vertical-align: middle; }

select.expiry-date { float: left; }

.paymentDetails select { margin-bottom: 2px; }
.paymentDetails label.order { width: auto; margin-right: 5px; }
.paymentDetails .card-dates select { width: auto; }
.paymentDetails label.expiry-date { display: inline; float: none; }
.paymentDetails div.checkboxAddress { margin-bottom: 10px; }
.paymentDetails div.checkboxAddress input { width: auto; margin-bottom: 0; }
.paymentDetails div.checkboxAddress label { display: inline; float: none; padding: 0; }
.paymentDetails h2, .emailPrefs h2, .interestareas h2 { margin-bottom: 10px; }

.spotlight { margin: -25px; background: #000000; border: 3px solid #ffffff; }

/*****Generic**********/
.date { font-size: 0.9em; font-weight: bold; color: #6666cc; margin-bottom: 0px; }
.publishdate, .grey { font-size: 0.9em; color: #999999; }
.content p { text-align: justify; }
.photo-left { float: left; margin: 5px 10px 5px 0px; border: 2px solid #ffcc00; }
.longlabel { width: 120px; display: inline-block; margin-top: 10px; float: none; }
.shortlabel { padding-right: 15px; }
.right { float: right; }
.left { float: left; }
img.left { margin-right: 10px; margin-bottom: 10px; }
img.right { margin-left: 10px; margin-bottom: 10px; }
.intro, .padded { padding: 10px; }
.quoter { font-style: italic; }
.pinktext { color: #7a327b; }
.hidden { display: none; }
.passwordReminder { background: #ffffff; text-align: left; }
.passwordReminder .button { margin-top: 15px; }
.txt-02 { width: 270px; }

/**** Barchart ****/
.barchart { float: left; width: 180px; background-color: #ffffff; border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff; border-left: solid 1px #d8d0b8; border-top: solid 1px #d8d0b8; }
.barchart div { height: 10px; font-size: 2px; background-color: #85b2dd; width: 180px; }
.data { width: 40px; text-align: right; float: left; }
.pollbutton { background: url(../Images/background-button.gif); background-repeat: no-repeat; width: 62px; height: 19px; border: 0px; font-size: 11px; font-weight: bold; color: #7a327b; text-align: center; }
.paraPollButton { text-align: center; }

/**** Popup ****/

div { border: solid 0px red; }
.wrapper-popup { border-top: solid 8px #1f2039; padding: 10px; background-color: #ffffff; float: left; }
.wrapper-popup .logoarea { height: 20px; float: right; margin-bottom: 10px; }
.wrapper-popup * { width: auto; }
.wrapper-popup .content { margin: 0; padding: 0; }
.wrapper-popup h1 { width: 100%; }

/*** Event Register Page Show/Hide credit card panels ***/

.billingAddressShow { display: block; }
.billingAddressHide { display: none; }

.CreditCardShow { display: block; }
.CreditCardHide { display: none; }

/* CyberSource HOP */
.iframe
{
      width: 100%;
      height: 1100px;
      border: 0px;
}