body { font-family: Arial; font-size: 14px; line-height: 18px; }
.bigBlack { font-size: 16px; font-family: arial; font-weight: bold}
.smallish { font-size: 10px; }
a:link {color: #df4817; text-decoration: none; font-weight: bold; font-family: arial; }
a:visited {color: #df4817; text-decoration: none; font-weight: bold; font-family: arial; }
.table1 {width: 800px; }
.req { color: red; }
.iBoxes { border: 1px solid #356FA6; font-family: arial; font-size: 12px;}
.bold1 { font-weight: bold; font-family: arial; font-size: 12px; }
.subnote { font-size: 11px; color: gray; }
.mainBody {  margin: 0 auto; width: 936px; position: relative; left: 50%; margin-left: -468px; }
.nav {  background-color: #fc7c00; width: 936px; height: 29px; }
.searchBox { width: 180px; }
.colorDropdown { border: 0px; font-size: 16px; }
.blueLink  { color: blue; }
h2 { font-family: Arial; }
#topmenuline {
	padding: 5px;
	padding-left: 20px;
	font-family:arial; 
	font-size:14px; 
	color: white; 
	font-weight:normal;
	}
	
#topmenuline a {
	color: white;
	font-size:14px; 
	font-weight:normal;
}

#topmenuline a:hover {
	color: black;
	font-size:14px; 
	font-weight:normal;
}
#bottommenuline { border-top: 2px solid white; background-color: #fc7c00; margin-top:1px; color: white; font-family: arial; font-size: 14px; }
#bottommenuline a:link { color: white; font-family: arial; font-size: 14px; font-weight: normal; }
#bottommenuline a:visited { color: white; font-family: arial; font-size: 14px; font-weight: normal; }
#searchbox {
	height: 155px; overflow: hidden; 
	border-bottom: 2px solid white; 
	background-color: #fc7c00;
	width: 936px;
}
#content {
	background-color: #fc7c00;
}
.smalltext {font-size: 9px;}

/* #indexMain { background-color: #ffb84d; padding: 15px; }
#indexRow1 { width: 906px; }
#indexCol2 { float: right; padding-right: 15px; }
#indexCol3 { float: right; } 
#newsfeedBox {  text-align: center; border: 1px solid black; width: 250px; } */
#indexRow2 { margin-top: 30px; }
#welcomeText { width: 300px; font-family: arial; font-size: 20px; font-weight: bold; }
#indexPostArrow {  padding-right: 15px; margin-top: 35px; float: right; }
#socialLinks {  padding-right: 15px; margin-top: 300px; float: right; }
#socialLinks a img { border: 0; }
#newsfeed { border: 2px ridge gray; height: 340px; width: 222px; background: white; margin: 12px; }
#newsfeedTitle { text-align: center; height: 50px; font-family: Arial; font-weight: bold; font-size: 16px; }
#newsfeedContent { font-family: Arial; font-size: 12px; text-align: left; margin: 8px; height: 230px; overflow: hidden; }

.orangeBar { background: #fc7c00; width: 14px; }
.orangeBG { background:  #fc7c00; }
#regTable { width: 500px; }
#regTable tr td { color: white; font-family: Arial; font-size: 14px; padding-left: 25px; padding-top: 15px;}
#regTable tr td input { border: 1px solid white; width: 300px; }
#regTable tr td select { border: 1px solid white; width: 300px; }
#regTable tr td textarea { border: 1px solid white; width: 300px; }
#regForm { background: #c089d7; border: 4px solid #f1d8f9; width: 500px; position: relative; left: 200px;}
#registerBox { width: 936px; height: 168px; background: #fc7c00; }
#regBox1 { font-family: Arial; font-size: 36px; color: white; }
.regBox2 { font-family: Arial; font-size: 24px; color: white; padding-top: 80px;}
.regBox3 { font-family: Arial; font-size: 14px; color: white; padding-top: 10px; margin-left: 90px; margin-right: 90px; }
.regBox3 a:link { font-family: Arial; font-size: 14px; }
.regBox3 a:visited { font-family: Arial; font-size: 14px; }
.registrationPageCodes  { }
#regBenefits { color: #d08fe9; font-weight: bold; font-size: 14px; font-family: arial; margin: 10px; }
.regCost { color: #e9b7fc; font-weight: bold; font-size: 18px; font-family: arial; margin: 10px; }
#regBar { height: 50px; background-color: #ff8f00; text-align: center; }
#regBarText { color: white; font-family: Arial; font-size: 26px; padding: 15px; font-weight: bold; }
#regContainer { width: 560px; text-align: left; }
#regCont2 { width: 550px; margin-left: 230px; }
.rounded {background:#ff8f00 url(images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width: 480px; margin-bottom: 30px;  }
.rounded div { background: transparent url(images/c_tr.gif) top right no-repeat; }
.rounded div div { background: transparent url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
.rounded div div div { background: transparent url(images/c_br.gif) bottom right no-repeat; padding:0; margin:0;}
.rounded div div div div { padding: 8px; color: white; font-family: arial; font-size: 14px; text-align: left; }
big { font-size: 18px; }

.redMSG {color: red; }

#footer { padding: 15px; padding-top: 40px; background-color: #ffb84d; }
#whiteFooter { padding: 15px; padding-top: 40px; background-color: white; }
#footer a { font-size: 10px; }
#topOrangeBox { padding-left: 30px; padding-bottom: 20px; padding-top: 15px;  border-bottom: 2px solid white;}
#bottomLightOrangeBox { width: 470px; font-family: Arial; font-size: 14px;  }
#bottomLightOrangeBox div { margin: 20px; font-family: arial; font-size: 16px; width: 390px; }
#bottomLightOrangeBox div #testimonials { font-family: Serif; font-size: 16px; }
#bottomLightOrangeBox div #testimonials a { font-family: Serif; font-size: 16px; }
#editorsService { width: 447px; margin: 20px; }
#editorsNote { width: 620px; position: relative; color: #f3e9f5;}
#editorsNote div { position: absolute; top: 50px;   }
#editorsNote1 { width: 635px; position: relative; color: #f3e9f5; }

#dognponyAd { text-align: center; width: 230px; }
#dognponyAd div { text-align: left; }
#bottomTable { padding-top: 20px; }

#proCred { display: none; width: 400px; margin-left: 200px; }
#tricks { display: none; width: 300px; margin-left: 360px;  }
#news { display: none; width: 300px; margin-left: 400px;  }
#help { display: none; width: 300px; margin-left: 480px;  }

.helptext {color: red; font-size: 8pt; text-align: center;}
#newsletter { border: 1px solid white; font-size: 14px; }
#newsletter a { font-family: Arial; font-size: 14px;  }
#newsListingBox { background: #c089d7; border: 4px solid #f1d8f9; width: 600px; font-family: Arial; font-size: 14px; color: white; }
#newsListingBoxTitle { font-family: Arial; font-size: 22px;  font-weight: bold; }
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	line-height: 18px;
}

.listing { font-family: arial; font-size: 13px; }
#listingContent { font-size: 12px; width: 410px; height: 600px; overflow: hidden; overflow-y: scroll; }
#listingContent a { font-size: 12px; }
#listingContent div div .search { font-size: 14px;}
#listingContent div div .premiereSearch { font-size: 26px; }

#viewContent { width: 490px; margin-left: 20px;  }
#contentBox { padding-top: 50px; }
#contentBox table { border-left: 1px solid black; border-right: 1px solid black; widtH: 480px; }
#companyName { background: #ED7D28; color: black; font-weight: bold; font-family: arial; font-size: 18px; padding: 5px; border-top: 1px solid black; }
.contentDetailRow td { border-bottom: 1px solid black; padding: 2px; padding-left: 5px;}
#emailToFriend { background-color: #CCC; width: auto; padding: 3px; padding-left: 5px; margin-top: 10px; }
#narrowByCity { margin-top: 10px; }

.formClass { margin: 0px; padding: 0px; display: inline; }

#about1 { font-family: Arial; font-size: 14px; background: #e9d1ed; width: 936px; height: 138px; }
#about2 { font-family: Arial; font-size: 13px; background: #e9d1ed; padding: 20px; }
#about3 { font-family: Arial; font-size: 15px; text-align: center; }
.aboutAds { width: 263px;; height: 438px;  background: #e9d1ed;}
#aboutContent {  width: 706; height: 354px; background: #e9d1ed; }
#aboutDNP {  background: #e9d1ed; text-align: center; width: 936px; padding-top: 30px; }
#acontent1 { padding-bottom: 10px; padding-right: 10px; color: #b96f17; font-family: Times New Roman; font-size: 15px; font-style: italic; }
#acontent2 { width: 670px;  padding-bottom: 23px; padding-right: 10px; color: black; font-family: Arial; font-size: 14px; font-weight: bold; }

#loginBox { width: 400px; padding-left: 200px; }

#dnp0 { background-image: url(images/dognpony_02.gif); width: 936px; height: 160px; background-position: 10px -30px;}
#dnp01 { font-family: Arial; font-size: 16px; color: white;   margin-top: 95px; width: 390px; height: 70px; }
#bus { height: 160px; width: 936px;  }
#busBox { width: 240px;text-align: right; }
#dnp1 { background-image: url(images/dognpony_05.jpg); width: 329px; height: 325px; }
#dnp11 { color: white; font-size: 12px; font-family: Arial; padding-bottom: 10px; }
#dnp2 { width: 431px; height: 243; background: #ffb84d; }
#dnp21 { padding-left: 8px; padding-top: 10px; }
#dnp3 { font-family: Arial; font-size: 13px; color: #746f6f;  }
#dnpWhite  { color: white; font-family: arial; font-size: 11px; padding-bottom: 10px; font-weight: bold; }
#dnpAd { width: 302px; height: 180px; background: #ffb84d; text-align: right; padding-right: 20px; }
#dnpLinks { height: 46px; width: 936px; background: #ffb84d; text-align: center; }

#dnpschedule0 { width: 936px; background: #ffb84d; } 
#dnpschedule1 { margin-left: 20px; margin-right: 20px;  font-family: Arial; font-size: 15px; color: White;  }
#dnpScheduleLeftText { width: 360px; padding-top: 0px; color: black; }
.dnpscheduleTitle { Color: #f4e4f9; font-size: 36px; margin-bottom: 30px; margin-top: 0;}
#dnpvideo { width: 210px; height: 220px; background: white; text-align: center; color: black; font-size: 16px; }
#dogBox { position: relative; top: 70px; }

#dog { float: right; }
#dog1 { margin-right: 100px; }

#newdog { position: absolute; top: 120px; z-index: 0;}
#dogBubble { position: absolute; top: 0px;  z-index: 1; }

#dnpRegForm { background: #c089d7; border: 4px solid #f1d8f9; width: 540px; margin-left: 40px; }
#dnpTickets0 { width: 936px; background: #ffb84d; } 
#dnpTickets1 { margin-left: 20px; margin-right: 20px;  padding-top: 20px; font-family: Arial; font-size: 15px; color: White;  }
#dnpcancel { padding: 15px; padding-top: 40px; background-color: #ffb84d; }
.dnpticketsreg { color: white; font-family: Arial; font-size: 14px; }

.videoLabel { padding-top: 20px; padding-bottom: 5px; text-align: left; font-family: Arial; font-size: 20px; color: black; 	}
#video1 { text-align: center; width: 250px; height: 130px; border: 10px solid black; background-color: white; }
#video1 img { margin-top: 35px; }
#video2 { text-align: center; width: 250px; height: 130px; border: 10px solid black; background-color: white; }
#video2 img { margin-top: 35px; }

#faqTitle { font-family: Arial; font-size: 28px; color: #e7a1f8; font-weight: bold; text-align: center; line-height: 34px;}
#faq1 { width: 930px; height: 145px; background: #fc8800; color: white; font-family: Arial; font-size: 18px; }
#faq11 { padding: 40px; color: white; font-family: Arial; font-size: 18px; }
.size28 { font-size: 28px; }
#faq2 { width: 926px; height: 401px; background: #ffb84d; color: white; font-family: Arial; font-size: 14px; }
#faq21 { padding: 15px; color: white; font-family: Arial; font-size: 18px; width: 600px; }

.whiteIndent { color: white; font-weight: bold; font-family: Arial; padding: 8px;  padding-left: 50px; }

.indent {  padding-left: 20px }
.indent2 { margin-left: 50px; }

.getListed1 { width: 850px; }
.notBold { font-weight: normal; }

.radiob { width: 40px; border: 1px solid red;}

#getListed { width: 936px; background: #ffb84d; }
#getListed div { padding: 20px; }

.calCell { background: white; text-align: left; font-size: 12px; height: 100px; }
.darkCalCell { background: #e8dfea; }
.calTable { width: 936px; height: 500px;  background: #a289aa; }
.calTitle { font-weight: bold ; background-color: #f9f3fa; color: #dde18f; text-align: center; height: 30px; font-size: 18px; }
.daycalTitle { color: #f2b6a2; }
.dayEvent { color: black; min-height: 100px; width: 130px; }
 .rounded1 { -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }

.big { font-size: 48px; font-weight: bold; }
.orange { color: #fc7c01; font-family: Arial; }
.salmon { color: #f2b6a2; font-family: Arial; font-size: 14px; }
.big24 { font-size: 24px; }
.lightOrange { color: #fda44d; }
.prettyLightOrange a { color: #f9d39a; }
.veryLightOrange { color: #fde4b7; }
.veryLightOrange a:link { color: #fde4b7; }
.veryLightOrange a:visited { color: #fde4b7; }
.bold { font-weight: bold; }
.singleDay { border: 1px solid black; width: 600px; margin: 40px; }
.singleDay0 { margin: 5px;  }

.relatedLinks a:link { font-family: Arial; font-weight: bold; font-size: 30px; color:  #f3e9f5; }
.relatedLinks a:visited { font-family: Arial; font-weight: bold; font-size: 30px; color: #f3e9f5; }
.relatedLinks img { margin-bottom: 18px; }

.nonGraphicHeader { font-weight: bold; color: white; font-size: 28px; font-family: arial; }

.list1 { margin-left: 20px; }
.marg15r { margin-right: 13px;} 
.marg { margin: 20px; }

.press1 { color: white; width: 560px; font-family: Arial; font-size: 14px; }
.whiteText { color: white; font-family: Arial; font-size: 14px; }

#contactForm { background: #c089d7; border: 4px solid #f1d8f9; width: 500px; }
#contactTable { width: 500px; margin: 20px;  }
#contactTable tr td { color: white; font-family: Arial; font-size: 14px; padding-top: 15px;}
#contactTable tr td input { border: 1px solid white; width: 300px; }
#contactTable tr td select { border: 1px solid white; width: 300px; }
#contactTable tr td textarea { border: 1px solid white; width: 300px; }

.adSpace { margin-right: 15px; margin-top: 15px; }
.subtext { color: #f3e9f5; }

/* Date Time dropdown */
#regTable tr td input.date { border: 1px solid white; width: 120px; }
#regTable tr td select.hours { border: 1px solid white; width: 50px; }
#regTable tr td select.minutes { border: 1px solid white; width: 50px; }
#regTable tr td select.ampm { border: 1px solid white; width: 50px; }

/*------------------------*\
Project Reaction Start
\*------------------------*/

/*------------------------*\
Error
\*------------------------*/
.reactionError {
	margin: 40px; auto;
}

.reactionClear {
	clear: both;
	visibility: hidden;
}
.reactionHome {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
}

.reactionHomeTitle {
	color: #d08fe9;
	display: block;
	font-size: 22px;
	font-weight: bold;
	/*padding: 18px;*/
	padding: 15px;
	margin: 0px;
}

#reactionHomeCreateListingBox {
	display: block;
	text-decoration: none;
	padding-top: 13px;
	background:url("images/reaction/purpleBoxOrangeBorder.gif") no-repeat left top;
	width: 212px;
	margin: 15px auto 45px auto;
}

#reactionHomeCreateListingBox span {
	display: block;
	background:url("images/reaction/purpleBoxOrangeBorder.gif") no-repeat left bottom;
	padding: 0 15px 13px 15px;
	font-size: 18px;
	color: white;
	width: 182;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

.reactionHomeTip {
	display: block;
	color: #969596;
	margin-bottom: 20px;
}


#reactionHomeListingListBox {
	padding-top: 15px;
	background:url("images/reaction/listingListBox.gif") no-repeat left top;
	width: 385px;
	margin: 0 auto 15px; auto;
}

#reactionHomeListingListBox span {
	display: block;
	background:url("images/reaction/listingListBox.gif") no-repeat left bottom;
	padding: 16px 15px 15px 29px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: white;
	width: 355;
	font-family: Arial, Helvetica, sans-serif;
}

.reactionHomeInputBox {
	background: url("images/reaction/listingInputBox.gif");
	border: 0px;
	width: 327px;
	height: 37px;
}
.reactionHomeInputBox input {
	border: 0;
	background-color: white;
	height: 23px;
	margin: 5px 10px;
	font-size: 20px;
	
	width: 310px;
}

.reactionHomeSubmit {
	background: url("images/reaction/listingSubmitBox.gif") no-repeat top left;
	padding: 0 0 0 20px;
	
	margin: 0px 38px 0 0;
	height: 48px;
	float: right;
}
.reactionHomeSubmit input {
	margin: 0px;
	background: url("images/reaction/listingSubmitBox.gif") no-repeat top right;
	border: 0px;
	padding: 0 20px 0 0;
	height: 48px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
}

#reactionHomeCrewApplicationBox {
	display: block;
	text-decoration: none;
	padding-top: 15px;
	background:url("images/reaction/crewApplicationBox.gif") no-repeat left top;
	width: 240px;
	margin: 35px auto 0 auto;
	
}

#reactionHomeCrewApplicationBox span {
	display: block;
	background:url("images/reaction/crewApplicationBox.gif") no-repeat left bottom;
	padding: 0 15px 15px 15px;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	width: 210;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

/* Some autocomplete Stuff */
.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* Detail Card */
.reactionDetailCard {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
}
.reactionDetailCardTitle {
	color: #d08fe9;
	text-transform: uppercase;
	display: block;
	font-size: 22px;
	font-weight: bold;
	/*padding: 18px;*/
	padding: 0px;
	margin: 0px;
}

#reactionDetailBox {
	display: block;
	text-decoration: none;
	padding-top: 90px;
	background:url("images/reaction/detailBox.gif") no-repeat left top;
	width: 721px;
	margin: 15px auto 15px auto;
}

#reactionDetailBox span {
	display: block;
	background:url("images/reaction/detailBox.gif") no-repeat left bottom;
	padding: 0 78px 48px 96px;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	width: 721;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#reactionDetailBox table {
	width: 547px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: black;
	text-align: left;
}

#reactionDetailBox table th {
	background-color: #FC7C00;
}

.reactionLoginForm {
	margin: 0;
	padding: 0;
}

.reactionLoginTable {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto 0 auto;
	font-size: 15px;
	padding: 15px 0 0 0;
}

.reactionDetailsLoginBox {
	background: url("images/reaction/loginBox.gif") no-repeat top left;
	margin: 0;
	height: 49px;
}
.reactionDetailsLoginBox input {
	margin: 0 0 0 20px;
	background: url("images/reaction/loginBox.gif") no-repeat top right;
	border: 0;
	padding: 0 20px 0 0;
	height: 49px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
}

.reactionDetailsLoginInput {
	background: url("images/reaction/loginInput.gif") no-repeat top right;
	border: 0px;
	padding: 4px 6px 4px 6px;
	margin: 0px;
	width: 258px;
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.reactionDetailsPurpleLink:link {
	color: #d08fe9;
	text-transform: lowercase;
}

.reactionDetailCardClaimButton {
	border: 0px;
}

/* Oops */
.reactionOops {
	width: 813px;
	text-align: left;
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	margin: 35px auto;
	font-size: 15px;
}

.reactionOopsTitle {
	color: #d08fe9;
	display: block;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin: 10px 0;
}

.reactionOopsStrongTitle {
	display: block;
	padding: 0px;
	margin: 10px 0;
	color: #be5ce7;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
}

.reactionOopsOrangeBox {
	padding-top: 15px;
	background:url("images/reaction/813wOrangeBox.gif") no-repeat left top;
	width: 813px;
	margin: 0 auto 15px; auto;
}

.reactionOopsOrangeBox div {
	display: block;
	background:url("images/reaction/813wOrangeBox.gif") no-repeat left bottom;
	padding: 0px 15px 8px 20px;
	font-size: 20px;
	text-align: left;
	color: white;
	text-align: left;
	width: 813;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.reactionOopsRegisterButtonLink {
	border: 0;
	float: right; 
	margin-right: 0px;
}

.reactionOopsButton {
	border: 0px;
}

.reactionOopsWhyRegister {
	color: #d08fe9;
	font-size:20px;
line-height:25px;
}

/* Free Reg */
.reactionFreeReg {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
} 

.reactionFreeRegTitle {
	color: #d08fe9;
	text-transform: uppercase;
	display: block;
	font-size: 22px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.reactionFreeRegSubTitle {
	font-weight: bold;
	font-size: 23px;
}

.reactionFreeRegInfo {
	margin-left: auto;
	margin-right: auto;
	padding-top: 9px;
	width: 667px;
	color: white;
	background:url("images/reaction/freeRegTop.gif") no-repeat left top;
}

.reactionRegInfoFields {

	padding-top: 30px;
	border-top: 7px solid #f1d8f9;
	width: 667px;
	background:url("images/reaction/freeRegBottom.gif") no-repeat left bottom;
	text-align: left;
}

.reactionRegInfoFields label {
	color: white;
	margin: 5px 5px 5px 96px;
	display: block;
	float: left;
	width: 160px;
}

.reactionFreeRegInput {
	width: 265px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	margin: 5px;
	height: 21px;
	background:url("images/reaction/freeRegInput.gif") no-repeat left top;
}

.reactionFreeRegInputShort {
	float: left;
	width: 121px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	margin: 5px 7px 5px 5px;
	height: 21px;
	background:url("images/reaction/freeRegInputShort.gif") no-repeat left top;
}

.reactionFreeRegSubmit {
	display: block;
	margin-top: 20px;
	margin-bottom: 8px;
	width: 113px;
	height: 49px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.reactionFreeRegDisclaimer {
	margin: 0px;
	text-align: center;
	margin-bottom: 30px;
}

/* Reaction Reg */

.reactionReg {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 667px;
	margin: 35px auto;
	font-size: 15px;
} 

.reactionCart {
	width: 400px;
	margin: 20px auto;
	text-align: center;
}
.reactionCart th {
	text-align: center;
	text-decoration: underline;
}

.reactionRegMakeChanges {
	display: block;
	text-decoration: none;
	padding-top: 13px;
	background:url("images/reaction/purpleBoxOrangeBorder.gif") no-repeat left top;
	width: 212px;
	margin: 15px auto 15px auto;
}

.reactionRegMakeChanges span {
	display: block;
	background:url("images/reaction/purpleBoxOrangeBorder.gif") no-repeat left bottom;
	padding: 0 15px 13px 15px;
	font-size: 18px;
	color: white;
	width: 182;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

.reactionRegTitle {
	color: #d08fe9;
	display: block;
	font-size: 22px;
	font-weight: bold;
	/*padding: 18px;*/
	padding: 0px;
	margin: 10px 0px;
}

.reactionRegInfo {
	margin: 10px auto;
	text-align: center;
	padding-top: 9px;
	width: 667px;
	color: white;
	background:url("images/reaction/freeRegTop.gif") no-repeat left top;
}

.reactionRegSubTitle {
	font-weight: bold;
	font-size: 23px;
}

.reactionRegInfoFields {
	padding-top: 30px;
	border-top: 7px solid #f1d8f9;
	width: 667px;
	background:url("images/reaction/freeRegBottom.gif") no-repeat left bottom;
	text-align: left;
}

.reactionRegInfoFields label {
	color: white;
	margin: 5px 5px 5px 96px;
	display: block;
	float: left;
	width: 160px;
}

.reactionRegInput {
	width: 265px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	margin: 5px;
	height: 21px;
	background:url("images/reaction/freeRegInput.gif") no-repeat left top;
}

.reactionRegInputShort {
	float: left;
	width: 121px;
	padding: 3px 10px 3px 10px;
	border: 0px;
	margin: 5px 7px 5px 5px;
	height: 21px;
	background:url("images/reaction/freeRegInputShort.gif") no-repeat left top;
}

.reactionRegCheckbox {
	margin: 5px 5px 5px 96px;
	display: block;
	float: left;
}

.reactionRegCheckboxText {
	display: inline;
	margin-left: 15px;
	font-style: italic; 
}


.reactionRegSubmit {
	display: block;
	margin-top: 20px;
	margin-bottom: 8px;
	width: 113px;
	height: 49px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.reactionRegDisclaimer {
	margin: 0px;
	text-align: center;
	margin-bottom: 30px;
}

.reactionRegErrorsNotice {
	color: black;
	font-weight: bold;
	
}
.reactionRegErrors {
	color: red;
}
.reactionRegErrors a {
	color: blue;
	text-decoration: underline; 
	font-weight: normal;
}

/* Edit Listing */

.reactionEditListing {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
}
.reactionEditListingTitle {
	color: #df4817;
	font-size: 28px;
	font-weight: bold;
}

#reactionEditListingBox {
	display: block;
	text-decoration: none;
	padding-top: 90px;
	background:url("images/reaction/detailBox.gif") no-repeat left top;
	width: 721px;
	margin: 15px auto 15px auto;
}

.reactionEditListingBoxInner {
	display: block;
	background:url("images/reaction/detailBox.gif") no-repeat left bottom;
	padding: 0 78px 48px 96px;
	font-size: 22px;
	color: white;
	width: 721;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#reactionEditListingScroll {
	width: 507px;
	padding: 30px 20px 30px 20px;
	background-color: #e1e456;
	color: #5d5d5d;
	font-size: 22px;
	
}

#reactionEditListingScroll table {
	font-size: 22px;
	
}

#reactionEditListingScroll table td {
	vertical-align: top;
}

#reactionEditListingScroll table td a:link {
	color: #df4817;
}

#reactionEditListingScroll table input {
	font-size: 18px;
	padding: 0 5px 0 5px;
	height: 24px;
	width: 295px;
	border: 0;
	font-weight: normal;
}

#reactionEditListingScroll table textarea {
	font-size: 18px;
	height: 24px;
	width: 295px;
	height: 65px;
	border: 0;
	padding: 0 5px 0 5px;
}

/* Confirm Update */

.reactionConfirmUpdate {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
}

.reactionConfirmUpdateTitle {
	color: #d08fe9;
	text-transform: uppercase;
	display: block;
	font-size: 22px;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 15px 0;
}

.reactionConfirmUpdatePurpleBox {
	padding-top: 15px;
	background:url("images/reaction/386wPurpleBox.gif") no-repeat left top;
	width: 385px;
	margin: 0 auto 15px; auto;
}

.reactionConfirmUpdatePurpleBox div {
	display: block;
	background:url("images/reaction/386wPurpleBox.gif") no-repeat left bottom;
	padding: 10px 15px 15px 29px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: white;
	width: 355;
	font-family: Arial, Helvetica, sans-serif;
}
.reactionConfirmUpdatePurpleBox a {
	font-weight: normal;
	font-size: 18px;
	color: #817d7d;
	line-height: 22px;	
}

.reactionConfirmUpdatePurpleBoxTitle {
	color: #ab63c2;
	font-size: 23px;
}

.reactionConfirmUpdateHomeButton {
	border: 0px;
}

/* Confirm New Listing */
.reactionConfirm{
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 35px 0;
	font-size: 15px;
}

.reactionConfirmFindListingTitle {
	color: #d08fe9;
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 40px;
	padding: 0px;
	margin: 0px;
}

.reactionConfirmOrangeBox {
	padding-top: 15px;
	background:url("images/reaction/386wOrangeBox.gif") no-repeat left top;
	width: 385px;
	margin: 0 auto 15px; auto;
}

.reactionConfirmOrangeBox div {
	display: block;
	background:url("images/reaction/386wOrangeBox.gif") no-repeat left bottom;
	padding: 10px 15px 15px 15px;
	font-size: 15px;
	text-align: left;
	color: white;
	width: 355;
	font-family: Arial, Helvetica, sans-serif;
}

.reactionConfirmOrangeBox div a {
	color: white;
	font-size: 18px;
	font-weight: normal;
}
.reactionConfirmOrangeBoxTitle {
	color: white;
	font-size: 26px;
}

/* Choose Package */

.reactionChoosePackage {
	color: #858485;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 35px 0;
	font-size: 15px;
}

.reactionChoosePackageTitle {
	color: #e9b6f9;
	font-size: 22px;
	font-weight: bold;
}

.reactionChoosePackageSubTitle {
	display: block;
	color: #8a878b;
}

.reactionPackages {
	margin-top: 10px;
	padding-top: 15px;
	background:url("images/reaction/packagesBox.gif") no-repeat left top;
	width: 446px;
	float: left;
}

.reactionPackages div {
	display: block;
	background:url("images/reaction/packagesBox.gif") no-repeat left bottom;
	padding: 10px 15px 15px 15px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: white;
	width: 446px;
	font-family: Arial, Helvetica, sans-serif;
	border-spacing: 0px 3px;
}

.reactionChoosePackageCopy {
	margin-top: 35px;
	margin-left: 30px;
	margin-bottom: 50px;
	float: left;
	width: 385px;
	font-size: 20px;
	line-height: 22px;
}

.reactionChoosePackageCopySubTitle {
	color: #e9b6f9;
	display: block;
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
	font-size: 26px;
}

.reactionChoosePackageSubTitleDescr {
	color: #8a878b;
	margin: 0 0 10px 20px;
	display: block;
	font-size: 20px;
}



.reactionChooseBoxLink {
	display: block;
	width: 400px;
	height: 123px;
	background: url(images/reaction/optionsBoxStates.gif) no-repeat;
	outline: none;
}

.reactionChooseBoxLink:hover {
	background-position: 0px -246px;
}

.selectedBox {
	background-position: 0px -123px;
}

.selectedBox:hover {
	background-position: 0px -123px;
}

.reactionChooseBox {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px 0px;
}

.reactionChooseBoxButton {
	width: 55px;
	margin: 0px;
	padding: 0px;
}

.reactionChooseBoxButton input {
	display: none;
}

.reactionChooseBoxTitle {
	margin: 0;
	padding: 0;
	width: 62px;
	font-size: 22px;
	padding: 0 7px;
	margin: 0px;
	color: #fb4f03;
	font-weight: normal;
}

.reactionChooseBoxTitle span {
	color: #fa8a59;
	font-size: 16px;
}

.reactionChooseBoxDescr {
	font-size: 13px;
	padding: 0px 5px;
	margin: 0px;
	font-weight: normal;
	color: black;
}

.selected {
	background-position: 0px -246px;
}

.hover {
	background-position: 0px -123px;
}

.reactionChoosePackageALaCarteTitle {
	color: #fc7c00;
	font-size: 24px;
}


.reactionChoosePackageALaCarte {
	color: black;	
	padding-top: 15px;
	background:url("images/reaction/lightPurpleOrangeBorder.gif") no-repeat left top;
	width: 399px;
	margin: 0 auto 15px; auto;
	
}

.reactionChoosePackageALaCarte div {
	display: block;
	background:url("images/reaction/lightPurpleOrangeBorder.gif") no-repeat left bottom;
	padding: 10px 15px 35px 15px;
	text-align: left;
	width: 369px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
}

.reactionChoosePackageALaCartePrice {
	color: #e9b6f9;
	float: right;
}

.reactionCoosePackageSubmit {
	display: block;
	margin: 0 auto;
}

.reactionEditListingConfirm {
	margin: 20px;
}
/*------------------------*\
Project Reaction End
\*------------------------*/

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 305px;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 255px;
    padding: 3px 8px;
    background-color: white;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #ffb84d;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #ffb84d;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 304px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #ffb84d;
}


/* End Reaction CSS */