/******************************************************************************
 * Global style for Travel Planners
 *
 * _general
 *
 * _containers
 *
 * _branding
 *
 * _navigation
 *
 * _secondary navigation
 *
 * _content
 *
 ******************************************************************************/






/* _general
 ******************************************************************************/

/*------------------------------------------------
 * Site Colors - use for global find and replace
 * 
 * body bkgn:			#D89918 (orange)
 * #content a:
 * 	-link				black
 * 	-hover				#2B39D8 (blue)
 * 	-visited			#976B11 (dk orange)
 * 	-active				black
 * #content:
 * 	-#quote p			#555558 (dk grey)
 * .error:				(see body)
 *------------------------------------------------*/



/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style:none }

img { border: 0px none; margin: 0; padding: 0 }

.clear { clear: both; }

body
{
	font-family: verdana, sans-serif;
	background-color: #D89918;
	
	padding-bottom: 3em;
}



/* _containers
 ******************************************************************************/
#wrapper
{
	width: 784px;
	padding: 0;
	background-image: url('bkgntile.gif');
	background-repeat: repeat-y;
	background-position: left top; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:0
}

.landing_heretostay #wrapper {
	width: 784px;
	padding: 0;
	background-image: url('bkgntile_gray.gif');
	background-repeat: repeat-y;
	background-position: left top; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:0
}

#shell
{
	padding: 70px 0 50px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 400px;
}

* html #shell { height: 400px; }

.home #shell { background-image: url('homebkgn.gif'); }
.about #shell { background-image: url('aboutbkgn.gif'); }
.innovations #shell { background-image: url('innovationsbkgn.gif'); }
.services #shell { background-image: url('servicesbkgn.gif'); }
.clients #shell { background-image: url('clientsbkgn.gif'); }
.idea #shell { background-image: url('ideabkgn.gif'); }
.login #shell { background-image: url('loginbkgn.gif'); }
.contact #shell { background-image: url('contactbkgn.gif'); }
.landing #shell { background-image: url('landingbkgn.gif'); }
.satisfaction #shell { background-image: url('satisfactionbkgn.gif'); }
.landing_emarketing #shell { background-image: url('emarketingbkgn.gif'); }
.landing_concierge #shell { background-image: url('conciergebkgn.gif'); }
.landing_reservations #shell { background-image: url('reservationsbkgn.gif'); }
.landing_problemsolvers #shell { background-image: url('problemsolversbkgn.gif'); }
.landing_customization #shell { background-image: url('customizationbkgn.gif'); height:375px; }
.landing_exhibitor #shell { background-image: url('exhibitorbkgn.gif'); height:415px; }
.landing_gps #shell { background-image: url('gpsbkgn.gif'); }
.landing_resteasy #shell { background-image: url('resteasybkgn.gif'); }
.landing_datarelief #shell { background-image: url('datareliefbkgn.gif'); }
.landing_efocus #shell { background-image: url('efocusbkgn.gif'); height:375px; }
.landing_timesavingservices #shell { background-image: url('timesavingservicesbkgn.gif'); }
.landing_postcutoff #shell { background-image: url('postcutoffbkgn.gif'); }
.landing_attrition #shell { background-image: url('attritionbkgn.gif'); }
.landing_simplicity #shell { background-image: url('simplicitybkgn.gif'); }
.landing_rateintegrity #shell { background-image: url('rateintegritybkgn.gif'); }
.landing_heretostay #shell { background-image: url('heretostaybkgn.gif'); }
.landing_housingteam #shell { background-image: url('housingteambkgn.gif'); }

/* _branding
 ******************************************************************************/
#branding p
{
	height: 44px;
	position: relative;
	text-indent: -9000em;
	background-image: url('tplogo.gif');
	background-repeat: no-repeat;
	background-position: left top
}

#branding p a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 44px;
	text-decoration: none;
}


/* _navigation
 ******************************************************************************/

#nav
{
	text-align: left;
	margin: .8em 0 2.5em;
}

#nav li
{
	display: inline;
	/*width: 114px;*/
	float: left;
	margin: 0 47px 0 0;
}

#nav li a
{
	font-size: .75em;
	margin: 0;
	font-weight: bold;
	color: #555658;
	letter-spacing: 0;
}


#nav li a:hover
{
	text-decoration: underline;
}

/* white navigation */
#nav li#home a,
#nav li#about a,
#nav li#innovations a
{
	color: #fff;
}

.landing_heretostay #nav li#home a,
.landing_heretostay #nav li#about a,
.landing_heretostay #nav li#innovations a
{
	color: #555658;
}

#nav li#home { margin-left: 10px; }
#nav li#contact { margin-right: 0; }


/* _secondary navigation
 ******************************************************************************/
#secondarynav
{
	position: absolute;
	top: 70px;
	left: 16px;
	font-size: .8em;
	font-weight: bold;
}

#secondarynav li
{
	margin: 0 0 1.5em 3px;
	line-height: 1em;
	text-indent: 0px;
}

#secondarynav li:first-child { padding-left:4px; }

#secondarynav li a, .landing #secondarynav li span
{
	margin-left: 0px;
	font-size: .9em;
	font-weight: normal;
	color: #000;
	padding: 4px;
	text-indent: -2px;
}

#secondarynav li a:hover
{
	border: 1px solid #fff;
	padding: 3px;
}

/* rules for current nav */
.about.business #secondarynav li a#business, .about.team #secondarynav li a#team, .about.sales #secondarynav li a#sales, .about.executive #secondarynav li a#executive, .about.management #secondarynav li a#management, .innovations.orchestrator #secondarynav li a#innovations_orchestrator, .innovations.AuditPro #secondarynav li a#innovations_AuditPro, .innovations.datasync #secondarynav li a#innovations_datasync, .innovations.listiq #secondarynav li a#innovations_listiq, .innovations.directconnect #secondarynav li a#innovations_directconnect, .innovations.resassure #secondarynav li a#innovations_resassure, .innovations.echoice #secondarynav li a#innovations_echoice, .innovations.groupswizard #secondarynav li a#innovations_groupswizard, .innovations.myhousinginfo #secondarynav li a#innovations_myhousinginfo, .services.services_hotelrelationships #secondarynav li a#services_hotelrelationships, .services.services_reservationintegrity #secondarynav li a#services_reservationintegrity, .services.services_callcenterservice #secondarynav li a#services_callcenterservice, .services.services_efocusmarketing #secondarynav li a#services_efocusmarketing, .services.services_inventorymanagement #secondarynav li a#services_inventorymanagement, .services.services_sub-groupsupport #secondarynav li a#services_sub-groupsupport, .services.services_on-demandreporting #secondarynav li a#services_on-demandreporting, .services.services_qualitycontrol #secondarynav li a#services_qualitycontrol, .services.services_technicalleadership #secondarynav li a#services_technicalleadership, .clients.clients_serviceexperiences #secondarynav li a#clients_serviceexperiences, .clients.clients_productreviews #secondarynav li a#clients_productreviews, .idea.clients_productreviews #secondarynav li a#clients_productreviews, .idea.ideastory #secondarynav li a#ideastory, .idea.ideaproducts #secondarynav li a#ideaproducts, .idea.ideanews #secondarynav li a#ideanews, .contact.email #secondarynav li a#email, .contact.phone #secondarynav li a#phone, .contact.mail #secondarynav li a#mail, .about.contact_sales #secondarynav li a#contact_sales, .contact.contact_res #secondarynav li a#contact_res
{
	border: 1px solid #fff;
	cursor: default;
	padding: 3px;
}

#secondarynav li a#sales2
{
	border: 1px solid #fff;
	cursor: default;
	padding: 3px;
}

#secondarynav li a#res
{
	border: 1px solid #fff;
	cursor: default;
	padding: 3px;
}

/* _content
 ******************************************************************************/
#content
{
	width: 400px;
	margin: 0 0 0 352px;
}

.landing_heretostay #content
{
	width: 500px;
	margin: 0 0 0 230px;
}

.landing_comptracker #content { width: 412px; }
.landing_postcutoff #content { width: 412px; }

#content h1
{
	font-size: .9em;
	padding: 0;
	margin: 0 0 1em;
	line-height: 1.2em;
	font-weight: bold;
}

#content h1.landing 
{ 
	font-size: .9em;
	padding: 0;
	margin: 0 0 .2em; 
	line-height: 1.2em;
	font-weight: bold;
}

#content h2
{
	font-size: .85em;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	font-weight: normal;
}

.landing #content h2 { font-weight:bold; }
.satisfaction #content h2 { font-weight:bold; }
.landing_emarketing #content h2 { font-weight:bold; }
.landing_concierge #content h2 { font-weight:bold; }
.landing_reservations #content h2 { font-weight:bold; }
.landing_problemsolvers #content h2 { font-weight:bold; }
.landing_customization #content h2 { font-weight:bold; }
.landing_exhibitor #content h2 { font-weight:bold; }
.landing_gps #content h2 { font-weight:bold; }
.landing_comptracker #content h2 { font-weight:bold; }
.landing_resteasy #content h2 { font-weight:bold; }
.landing_datarelief #content h2 { font-weight:bold; }
.landing_efocus #content h2 { font-weight:bold; }
.landing_timesavingservices #content h2 { font-weight:bold; }
.landing_postcutoff #content h2 { font-weight:bold; }
.landing_attrition #content h2 { font-weight:bold; }
.landing_simplicity #content h2 { font-weight:bold; }
.landing_rateintegrity #content h2 { font-weight:bold; }
.landing_heretostay #content h2 { font-weight:bold; }
.landing_housingteam #content h2 { font-weight:bold; }

#content p
{
	font-size: .8em;
	padding: 0;
	margin: 0 0 1em;
	line-height: 1.8em;
}

#content sup { line-height:.8em; }

#content a:link
{
	text-decoration: underline;
	color: black;
}

#content a:visited 
{
	text-decoration: underline;
	color: #976B11;
}

#content a:hover 
{
	text-decoration: underline;
	color: #2B39D8;
}

#content a:active 
{
	text-decoration: underline;
	color: black;
}

#content a.pdf
{
	background-image: url('pdficon_small.gif');
	background-repeat: no-repeat;
	background-position: left top; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:4px
}

#content h2 a.pdf
{
	padding: 0;
	background-image: url('none');
}

#content a.external
{
	background-image: url('icon-external-link.gif');
	background-repeat: no-repeat;
	background-position: right center; padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0
}

#quote
{
	width: 266px;
	margin: 130px 0 50px 100px;
}

#quote p
{
	font-size: .8em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 .5em;
	color: #555558;
	text-indent: -.5em;
}

#quote p.cite
{
	font-size: .7em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 .5em;
	color: #555558;
	text-indent: 0;
}

.clients.clients_serviceexperiences #content p.cite,
.clients.clients_productreviews #content p.cite
{
	/* rules for client subpages that
	 * have a series of quotes */
	font-size: .7em;
	font-weight: normal;
	width: 266px;
	padding-left: 150px;
	margin-bottom: 2.5em;
	color: #555558;
	text-indent: 0;
}
.clients.clients_serviceexperiences #content p.cite strong,
.clients.clients_productreviews #content p.cite strong
{
	/* automaticaly place bold company names
	 * on their own their own line. No need to
	 * add a <br /> tag */
	display: block;
}


/* NOTE: ULs may change, but for now
 * top-level looks like paragraphs, and
 * send-level has discs */
#content ul
{
	font-size: .8em;
	line-height: 1.6em;
}

#content ul li
{
	margin: 0 0 1em;	
}

#content li ul
{
	list-style-type: disc;
	list-style-position: outside;
	font-size: 100%;
	padding-left: 2em;
}

.landing #content ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
	font-size: .8em;
	line-height: 1.6em;
}

.satisfaction #content ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
	font-size: .8em;
	line-height: 1.6em;
}

.landing_emarketing #content ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
	font-size: .8em;
	line-height: 1.6em;
}

#content ul li span
{
	/* Special indent for
	 * items that are not 
	 * lists, but need indenting */
	 margin-left: 2em;
	 margin-top: -1em;
	 display: block;
}

/* Login form */
.login form label
{
	display: block;
	width: 7em;
	float:left;
}

.login form label[for="remember"]
{
	display: inline;
	float: none;
}


.login form label
{
	display: expression( this.htmlFor=="remember" ? "inline" : "block" );
	float: expression( this.htmlFor=="remember" ? "none" : "left" );
}

.login form button
{
	border: 1px solid #976B11;
	padding: 0 16px;
	background-color: white;
	position: relative;
	left: 7em;
	font-size: 100%;
}

/* contact form */
.contact #content
{
	width: 400px;
	margin: 0 0 0 352px;
}

.contact #content fieldset h2
{
	font-size: .8em;
	font-weight: normal;
	margin-bottom: .5em;
	padding: 0 0 1em 24px;
}

.contact #content fieldset h5
{
	width : 375px;
	font-size: .7em;
	font-weight: normal;
	margin-bottom: .5em;
	padding: 0 0 1em 0;
}

.contact #content fieldset h3
{
	font-size: .7em;
	font-weight: normal;
	margin-bottom: .5em;
	position: relative;
	top: -1.0em;
	left: 0px;
	color: red;
}

.contact #content fieldset h1
{
	/* first H1 in form (by email) */
	margin-top: 0;
}
	
.contact label
{
	font-size: .85em;
	font-weight: bold;
	display: block;
	width: 110px;
	float:left;
	position: relative;
}

.contact label em
{
}

.contact fieldset
{
	border: none;  
}

.contact input, .contact textarea
{
	border: 1px solid #999;
	width: 250px;
}

.contact label.msg
{
	float: none;
	width: auto;
	line-height: 130%;
}

.contact #msg
{
	width: 363px;
	height: 5em;
}

.contact button
{
	border: 1px solid #976B11;
	padding: 0 16px;
	background-color: white;
	position: relative;
	font-size: 100%;
	margin-right: 2em;	
	left: 65px;
}

.contact p span
{
	 margin-left: 2em;
	 display: block;
}

p.contactfooter
{
	font-size: .70em;
	font-weight: bold;
	display: block;
	margin-left: 0px;
	padding: 20px 5px;
}

p.contactfootbdy
{
	font-size: .70em;
	line-height: 100% 
	display: block;
	margin-left: 0;
}

.error
{
	/* Use for form validation.
	 * Fields with errors get 
	 * class added to them */
	background-color:  #D89918;
}