/* CSS Document */

/************************************************************************

	Site:		tbizlounge.com

	Author:		eROI, James Hall, Jeff Reynolds, Sam White [www.eroi.com]  

	Client:		Travelocity Business [http://www.travelocitybusiness.com/]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Header and Menu
	4 - Mid Content
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background:url(../images/bg.jpg) top left repeat fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
	line-height:16px;
	margin:0px;
	padding:0px;
}

html, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin:0; 
	padding:0; 
}

.clear {
	clear:both;
}

h1{
	font-size:150%;
	color:#ff6603;
}

h2{
	font-size:120%;
	color:#002448;
	padding-bottom:10px;
}

h4 {
	font-size:13px;
	color:#003466;
	padding-top:15px;
	text-transform:uppercase;
}

a{
	text-decoration	: none;
	color:#ff6603;
}

a:hover{
	text-decoration	: underline;
}

a:focus {outline: 0;}

/* all hr tags clear both */
hr{
	clear:both;
	height:0px;
	border:0px;
	padding:0px;
	margin:0px;
	width:0px;
	visibility:hidden;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#container{
	width:930px;
	margin-right:auto;
	margin-left:auto;
}

/* For Outside Pages */
div#cleanShell{
	background:url(../images/bgWhite.png) top left repeat-y;
	padding-top:25px;
	width:930px;
	overflow:hidden;
}

/* For Blog Article Pages */
div#articlesLeftCol{
	float:left;
	width:480px;
}

div#articlesRightCol{
	float:left;
	padding-left:35px;
}

/* For Blog Archive Pages */
div#archiveLeftCol{
	float:left;
	width:50%;
}

div#archiveRightCol{
	float:none;
	margin-left:50%;
}

/***********************************************************************
	3 - HEADER AND MENU
************************************************************************/

div.header{
	width:930px;
	height:246px;
}

/* HEADERS FOR DIFFERENT PAGES */
div#headerHome{background:url(../images/headerHome.png) top left no-repeat;}
div#headerHomeSuite{background-image:url(../images/headerHomeSuite.png);background-repeat:no-repeat;}
div#headerInsight{background:url(../images/headerInsight.png) top left no-repeat;}
div#headerMobile{background:url(../images/headerMobile.png) top left no-repeat;}
div#headerTravelProviders{background:url(../images/headerTravelProviders.png) top left no-repeat;}
div#headerNews{background:url(../images/headerNews.png) top left no-repeat;}
div#headerResources{background:url(../images/headerResources.png) top left no-repeat;}
div#headerSwag{background:url(../images/headerSwag.png) top left no-repeat;}

div#passportTop{
	background:url(../images/headPassport.png) top left no-repeat;
	width:760px;
	height:191px;
}

div#passportTopSuite{
	background:url(../images/headPassportSuite.png) top left no-repeat;
	width:760px;
	height:191px;
}


/* LINKS ON THE TOP TO HOME AND TRAVELOCITYBUSINESS.COM */
div#headerHomeLink{display:block;float:left;height:100%;width:30%;}
div#headerTBizLink{display:block;float:right;height:50%;width:30%;}
div#headerHomeLink a{display:block;width:100%;height:100%;z-index:7;position:relative;}
div#headerTBizLink a{display:block;width:100%;height:100%;z-index:8;position:relative;}
div#headerHomeLink a:hover, div#headerTBizLink a:hover{text-decoration:none}
div#headerHomeLink a span, div#headerTBizLink a span{visibility:hidden}

ul.topMenu{
	margin:0px;
	padding-left:100px;
	padding-top:32px;
	position:relative;
	z-index:2;
	width:595px;
	float:left;
}

ul.topMenu li{
	list-style:none;
	display:block; 
	float:left;
	font-size:90%;
	position:relative;
	z-index:3;
}


ul.topMenu li a{
	padding:8px 6px 8px 6px;
	position:relative;
	z-index:4;
}


ul.topMenu li a:hover{
	background:#FFFFFF;
	text-decoration:none;
}


/* Header Nav Links For Different Pages*/
ul#topMenuHome li a{color:#002448;}
ul#topMenuInsight li a{color:#805e14;}
ul#topMenuNews li a{color:#325714;}
ul#topMenuNetwork li a{color:#4d328a;}
ul#topMenuResources li a{color:#953827;}
ul#topMenuReader li a{color:#056c73;}
ul#topMenuSwag li a{color:#495370;}


#rss_link {
	float:left;
	padding-top:32px;
	font-size:90%;
}
#rss_link a {
	padding:8px 25px 8px 6px;

	background:url(../images/feed-icon-20x20.gif) no-repeat right 3px;
	position:relative;
	z-index:4;
}
/* Header Nav Links For Different Pages*/
#rss_link.topMenuHome a{color:#002448;}
#rss_link.topMenuInsight a{color:#805e14;}
#rss_link.topMenuNews a{color:#325714;}
#rss_link.topMenuNetwork a{color:#4d328a;}
#rss_link.topMenuResources a{color:#953827;}
#rss_link.topMenuReader a{color:#056c73;}
#rss_link.topMenuSwag a{color:#495370;}



div#NewsletterSignupBox{
	display:none;
	position:absolute;
	width:166px;
	margin-left:499px;
	padding:10px;
	background-color:#ffffff;
	z-index:100;
	border-left:1px solid #a1a8a9;
	border-right:1px solid #a1a8a9;
	border-bottom:1px solid #a1a8a9;
}

div#NewsletterSignupBox.suite{
	margin-left:552px;
}

a#newsletterButton1, a#newsletterButton2 {
	position:relative;
}

a#newsletterButton2{
	display:none;
	background:white;
	border-top:1px solid #a1a8a9;
	border-left:1px solid #a1a8a9;
	border-right:1px solid #a1a8a9;
	z-index:120;
}

div#NewsletterSignupBox input{
	padding:4px;
	margin:4px;
	font-family:inherit;
	font-size:90%;
	color:#333333;
}

div#NewsletterSignupBox input.newsLetterSubmit{
	float:right;
}

div#NewsletterSignupBox{
	padding-top:15px;
}

div#NewsletterSignupBox div#response h5{
	font-size:80%;
	color:red;
}

div#closeBtn {
	text-align:right;
	height:19px;
	background:url(../images/newsletterCloseBtn.gif) no-repeat top right;
}

div#closeBtn a {
	width:18px;
	height:100%;
	display:block;
	margin-left:148px;
}

div#closeBtn a span {
	display:none;
}

div#newsletterCheck {
	width:80px;
	font-size:10px;
}

div#newsletterCheck input{
	height:10px;
}

div.loginBar{
	background-color:#2f649a;
	width:710px;
	margin-left:60px;
	padding:3px 55px;
	position:relative;
	text-align:right;
}

div.loginBar a{
	color:#FFFFFF;
}

/***********************************************************************
	4 - MID CONTENT
************************************************************************/

div#contentTop{
	background:url(../images/bgWhite.png) top left repeat-y;
	padding-left:100px;
	padding-top:25px;
	padding-bottom:20px;
	width:830px;
	overflow:hidden;
}

#registerContent {
	width:730px;
}	


div#flashTop{
	float:left;
	padding:9px;
	border:1px solid #b2bdc8;
	width:481px;
	height:160px;
	margin-right:10px;
}

div#loungeTop{
	float:left;
	width:480px; 
	height:160px;
	margin-right:25px;
	font-size:14px;
	line-height:140%;
}

div#loungeTop h3 {
	color:#FF6603;
	font-size:25px;
	font-weight:normal;
	margin-bottom:10px;
	
}

div.toolboxCallout, div.suiteCallout {
	width:219px;
	height:180px;
	float:left;
}

div.suiteCallout{
	background:url(../images/suiteCallout.png) top left no-repeat;
}

div.toolboxCallout{
	position:relative;
}

div.contactSalesTeam {
	width:240px;
	height:230px;
	background:url(../images/contactSalesTeam.jpg) top left no-repeat;
	background-position: -5px 0;

}

div.contactSalesTeam a {
	display:block;
	width:240px;
	height:168px;
}

div.contactSalesTeam a span {
	display:none;
}

div.toolboxCallout a, div.suiteCallout a{display:block;width:100%;height:100%;}
div.toolboxCallout a:hover, div.suiteCallout a:hover {text-decoration:none}
div.toolboxCallout a span, div.suiteCallout a span{visibility:hidden}
div.toolboxCallout a {
	background:url(../images/toolbox.jpg) top left no-repeat; 
	width:226px;
	height:206px;
	background-position: -12px -12px;
	position:absolute;
}

div#homeFeaturedArticle{
	padding-top:18px;
	float:left;
	width:480px;
	height:160px;
	line-height:180%;
	font-size:90%
}

div#homeFeaturedArticle h1 a{
	color:#ff6603;
}

div#homeFeaturedArticle p.dateCategory{
	padding:5px 0px;
}

div#homeFeaturedArticle p.dateCategory b{
	color:#4179af;
	font-weight:normal;
}

div#homeFeaturedArticle a{
	color:#4179af;
}

div#homeFeaturedArticle div.entry {
	padding-top:0px;
}

li.categories {
	list-style-type:none;
}

div.articleLists{
	position:relative;
	padding-top:18px;
	float:left;
	width:220px;
	margin-right:36px;
}

div.articleLists h2 a{
	color:#002448;
}

div.articleLists ul{
	border-top:1px solid #ccd3da;
	font-size:90%;
	padding-bottom:20px;
}

div.articleLists ul li{
	list-style:none;
	display:block;
	border-top:1px solid #e6e6e6;
	padding:10px;
	height:1%;
}

div.articleLists ul li.dates{
	background-color:#e6e6e6;
	border-top:1px solid white;
	border-bottom:1px solid white;
	color:#3a79b5;
}

div.articleLists ul li a{
	color:#ff6408;
}

ul.archive-listing {
	padding-left:10px;
}

ul.archive-listing li {
	list-style-position:inside;
	margin:0 0 10px 0;
}

ul.archive-listing ul {
	padding:10px 0 0 20px;
}

/***********************************************************************
	5 - ENTRY STYLES
************************************************************************/

div.feedimage {
	float:left;
	margin: 5px 10px 10px 0;
}

div.entry{
	padding:20px 0px;
	border-bottom:1px solid #e6e6e6;
	line-height:150%;
	font-size:100%
}

div.entry h1{
	font-size:160%;
	font-weight:normal;
}

div.entry h3{
	color:#3a79b5;
	padding:5px 0px;
	font-size:90%;
	font-weight:normal;
}

div.entry p{
	font-size:90%
}

div.entry ul{
	list-style-type:disc;
	margin:20px;
}

div.entry ul ul{
	list-style-type:circle;
}

div.entry p.readMore{
	padding-top:10px;
	font-size:80%;
}

div.grayBarBreak{
	/*clear:both;*/
	background:url(../images/bgDarkGray.png) top left no-repeat;
	height:1px;
}

div#contentBottom{
	background:url(../images/bgGray.png) top left repeat-y;
	padding-left:100px;
	padding-top:10px;
	width:830px;
}

div.entry ul.downloads {
	margin:0;
	padding:0;
}

ul.downloads li {
	margin:0;
	list-style-type:none;
	padding:0 0 5px 25px;
	background:url(../images/arrow_down.gif) no-repeat
}

/***********************************************************************
	6 - MOBILE DEMO STYLES
************************************************************************/

div#flashDemo{
	width:480px;
	height:400px;
}	

div.demoText{
	width:240px;
	line-height:1.5em;
}

div.demoText h2{
	font-weight:normal;
	font-size:110%;
}

div.demoText p{
	padding-bottom:30px;
} 

div.demoText ul li{
	list-style:none;
	font-size:90%
}

p.downloadNow{
	padding-top:40px;
	font-size:200%;
}

/***********************************************************************
	7 - SWAG STYLES
************************************************************************/

div.swagBoxWhite{
	width:460px;
	border-bottom:1px solid #b2bdc8;
	margin-bottom:10px;
	margin-top:20px;
	padding:10px;
	float:left;
}

div.swagBoxWhite img{
	display:block;
	float:left;
}

div.rightTextInBox{
	float:right;
	width:240px;
}

p.launch{
	padding-top:20px;
	vertical-align:bottom;
}

div.swagBoxBlue{
	width:454px;
	background:#e3ebf3;
	border-top:1px solid #b2bdc8;
	float:left;
	padding:13px;
	margin-bottom:10px;
}

div.boxInSwagBoxLeft{
	float:left;
}

div.boxInSwagBoxRight{
	float:right;
}

div.swagBoxBlue img{
	display:block;
	border:10px solid white;
}

div.swagBoxBlue p{
	text-align:center;
	font-size:80%;
	padding-top:5px;
}

/***********************************************************************
	8 - FOOTER
************************************************************************/

/*For Shell Pages */
div#cleanShell div#footerNav{
	padding-left:100px;
	font-size:small;
	text-align:left;
	border:none;
}

div#cleanShell div#footerNav p{
	font-size:80%;
	margin:0px;
	padding:0px;
	border:0px;
}

div#cleanShell div#footerNav ul, div#cleanShell div#footerNav ul li{
	text-align:left;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:small;
}

div#cleanShell div#footerNav a{
	text-decoration	: none;
	color:#ff6603;
	padding:0px;
	font-size:80%;
}
/*For Shell Pages */

div#footerNav{
	border-top:1px solid #e6e6e6;
	float:left;
	width:480px;
	padding-top:20px;
	margin-right:34px;
	font-size:80%;
}

div#footerNav ul li{
	list-style:none;
	display:inline;
}

div#footerTBizLink{
	padding-top:20px;
	padding-bottom:20px;
	background:url(../images/tBizBottomLogo.png) top left no-repeat;
	float:left;
	width:221px;
	height:54px;
}

div#footerTBizLink a{
	display:block;
	width:100%;
	height:100%;
	z-index:10;
}

div#footerTBizLink a span{
	display:none;
}

div#bottomCap{
	background:url(../images/bgBottom.png) top left no-repeat;
	width:930px;
	height:16px;
}

/***********************************************************************
	9 - LOGIN
************************************************************************/
 
.login #loginform {
	padding-top:25px;
}

.login #loginform h2 {
	margin:0 0 3px 0;
	padding:0;
	font-size:14px;
}

.login #loginform input {
	margin-bottom:8px;
} 

body#loginPopup {
	background:none #FFFFFF;
	padding:0 20px;
}

body#loginPopup .entry {
	float:left;
	width:480px;
	border:none;
}

body#loginPopup .login {
	float:left;
	padding-left:35px;
}