/* Badges?  Badges?  We don't need no stinkin' badges! */

@media screen {
	table.badges {  }

	table.badges tr {  }
	table.badges td { padding: 0px; border: 1px solid #000000; vertical-align: top; }

	table.badges td div.badgecontent { position: relative; height: 100%; }
	table.badges td div.logo { position: relative; text-align: center; top: 10px; }
	table.badges td div.name { position: relative; text-align: center; top: 20px; font-weight: bold; }
	table.badges td div.company { position: relative; text-align: center; top: 30px; font-weight: bold; }
table.badges td div.colourstrip { width: 60%; display: block; position: absolute; bottom: 0px; height: 20px; margin: 0 20% 10px 20%;}
}

@media print {
	table.badges { position: relative;font-family:arial, helvetica, sans-serif; font-size: 20px}

	table.badges tr {  }
	table.badges td { padding: 0px; vertical-align: top; }

	table.badges td div.badgecontent { position: relative; height: 100%; }
	table.badges td div.logo { position: relative; text-align: center; top: 10px; }
	table.badges td div.name { position: relative; text-align: center; top: 20px; font-weight: bold; font-size: 22px}
	table.badges td div.company { position: relative; text-align: center; top: 30px; font-weight: bold; }
	table.badges td div.colourstrip { width: 60%; display: block; position: absolute; bottom: 0px; height: 20px; margin: 0 20% 10px 20%; }
	
	tr.pagebreak { page-break-after: always; }
}


table.hotlist {width: 600px; }
table.hotlist thead {font-weight: bold; color: #CFDDEE; }
table.hotlist tr {  }
table.hotlist td { padding: 0px; border: 0px solid #000000; vertical-align: top; }

div.businesscard { float: left; position: relative; width: 300px; height: 150px; padding: 0px; vertical-align: top; background-image: url(images/businesscard.gif); background-repeat: no-repeat; background-position: top; }
div.businesscard div.logo { position: absolute; right: 12px; top: 10px; }
div.businesscard div.name { position: absolute; left: 16px; top: 14px; font-weight: bold; }
div.businesscard div.jobtitle { position: absolute; left: 16px; top: 32px; }
div.businesscard div.company { position: absolute; left: 16px; top: 50px; color: #013990; font-weight: bold; }
div.businesscard div.company a { color: #013990; font-weight: bold; }
div.businesscard div.company a:hover { text-decoration: none; }
div.businesscard div.sendmessage { position: absolute; right: 13px; bottom: 13px; font-size: 10px; }
div.businesscard div.sendmessage a { color: #999999; }
div.businesscard div.sendmessage a:hover { text-decoration: none; }
div.businesscard span.unavailable { color: #EEEEEE; font-weight: bold; }

div.subscriptionlevelheader { text-align: center; font-weight: bold; font-size: 14px; line-height: 20px; }
div.subscriptionlevelfooter { text-align: center; font-weight: bold; font-size: 12px}

table.subscriptionlevels { border-collapse: collapse; }
table.subscriptionlevels td { border: 1px solid #000000; vertical-align: top; }
table.subscriptionlevels.drilldown {padding: 5px 0 0 0; margin: 5px 0 0 0 ; width:15px; }
table.subscriptionlevels .info { padding: 3px; text-align:left}

table.subscriptionlevels .silver { width: 130px; text-align: center; background-image: url(images/subscriptionlevels_silver.gif); background-repeat: repeat-y; background-position: top; }
table.subscriptionlevels .gold { width: 130px; text-align: center; background-image: url(images/subscriptionlevels_gold.gif); background-repeat: repeat-y; background-position: top; }
table.subscriptionlevels .goldplus { width: 130px; text-align: center; background-image: url(images/subscriptionlevels_goldplus.gif); background-repeat: repeat-y; background-position: top; }

table.subscriptionlevels .introductoryoffer td { color: #DD0000; }
table.subscriptionlevels .inclusiveoption td { background-color: #FFFFFF; border:1px solid #000000}
table.subscriptionlevels .inclusiveoption .silver { background-color: #FFFFFF; }
table.subscriptionlevels .inclusiveoption .gold { background-color: #FFFFFF; }
table.subscriptionlevels .inclusiveoption .goldplus { background-color: #FFFFFF; }

table.subscriptionlevels .additionalbenefits td { background-color: #BAFDFF; }

table.subscriptionlevels .detail { padding: 5px; }
table.subscriptionlevels .detail .div { padding: 5px; }
table.subscriptionlevels .detail .smallprint { font-size: 9px; }

div.futureevents { width: 165px; margin-left: 5px; color: #3399CC; font-size: 11px; }
div.futureevents div { padding: 3px 0 3px 0; }
div.futureevents div.dashed { border-bottom: 1px dashed #3399CC;}
div.futureevents div.dashed div{color:#FF7F00}
div.futureevents div.dashed div.special{color:#01CC34;font-weight:bold ;font-size:1.1em}



div.citiesheader {color:#FF7F00; font-weight:bold; font-size:1.2em; margin: 0 0 5px 0}

div.homeeventlist {  } 
div.homeevent { width: 162px; height: 114px; font-size: 10px; text-align: left; margin-bottom: 5px; }
div.homeevent .body { padding: 55px 10px 10px 8px; }

div.defaultpanel { text-align: left; float: left; width: 270px; height: 145px; margin: 0 0 10px 0; border: 1px solid #CCCCCC; background-image: url(images/defaultpanel-background.gif); background-repeat: repeat-x; background-position: top; }
div.defaultpanel .body { height: 125px; font-size: 0.8em; }
div.defaultpanel .body h1 { display: inline; font-size: 1.8em; color: #999999; margin: 5px 0 0 5px; }
div.defaultpanel .body h2 { display: inline; font-size: 1.4em; color: #013990; margin: 0 0 0 3px; }
div.defaultpanel .body ul { color: #FD9001; list-style-type: disc; margin 0; padding: 5px 0 0 22px; }
div.defaultpanel .body ul li { color: #666666; list-style-type: disc; margin 0 0 0 0; padding: 0 10px 2px 0; }
div.defaultpanel .footer { height: 20px; }
div.defaultpanel .who { background-color: #FD9001; }
div.defaultpanel .how { background-color: #0097FE; }
div.defaultpanel .why { background-color: #009900; }
div.defaultpanel .where { background-color: #FF3300; }
div.defaultpanel .what { background-color: #0000FE; }


#ru div.defaultpanel { text-align: left; float: left; width: 270px; height: 190px; margin: 0 0 10px 0; border: 1px solid #CCCCCC; background-image: url(images/defaultpanel-background.gif); background-repeat: repeat-x; background-position: top; }
#ru div.defaultpanel .body { height: 170px; font-size: 0.8em; }
#ru div.defaultpanel .body h2 { display: block; font-size: 1.4em; color: #013990; margin: 0 0 0 3px; }


div#benefits { clear: both; }
div#benefits a { color: #666666; font-weight: normal; }
div#benefits .group { position: relative; border: 1px solid #EEEEEE; margin-bottom: 10px; padding: 10px; }
div#benefits .grouptitle { position: absolute; right: 0px; bottom: 0px; font-size: 16px; color: #0166FE; font-weight: bold; }
div#benefits-events {  }
div#benefits-business {  }
div#benefits-community {  }
div#benefits-lifestyle {  }

table.samplemembers { border-collapse: collapse; text-align: left; }
table.samplemembers th { padding: 5px; }
table.samplemembers td { padding: 5px; border: 1px solid #CCCCCC; }

div#subscriptionsilver { float: left; width: 170px; height: 50px; margin: 10px 20px 10px 0; background-image: url(images/subscription-silver.gif); background-repeat: no-repeat; background-position: top; }
div#subscriptiongold { float: left; width: 170px; height: 50px; margin: 10px 20px 10px 0; background-image: url(images/subscription-gold.gif); background-repeat: no-repeat; background-position: top; }
div#subscriptiongoldplus { float: left; width: 170px; height: 50px; margin: 10px 0 10px 0; background-image: url(images/subscription-goldplus.gif); background-repeat: no-repeat; background-position: top; }

div#subscriptionheader { width: 550px; text-align: center; }
div#subscriptiondetails { width: 550px; background-image: url(images/subscription-details-middle.gif); background-repeat: repeat-y; background-position: top; }
div#subscriptiondetailstop { height: 10px; background-image: url(images/subscription-details-top.gif); background-repeat: no-repeat; background-position: top; }
div#subscriptiondetailsbottom { height: 10px; background-image: url(images/subscription-details-bottom.gif); background-repeat: no-repeat; background-position: bottom; }
div#subscriptiondetailscontent { padding: 5px; }