/* Traxo | Main CSS
   $Id: main.css 28 2008-04-24 21:14:32Z nick $
   ------------------------------------- */

body {
  font-family: Arial, sans-serif;
  margin: 0 0 1em;
}

.opaqueLayer
{
	display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);
    background-color: #FFFFFF;
    z-Index:1000;
}

.spinnerLayer
{
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    height:100px;
    margin-top:200px;
    margin-left:400px;
    display:none;
    z-Index:1001;
  	background: url(../images/spinner.gif) no-repeat;
}

.container {
  width: 915px;
  margin: 0 auto;
}

.newtripdetails	{
	font-size:12px;
	color:#000000;
	}

.fontinbuddylist {
	font-size: 14px;
	color:#FFFFFF;
	margin-left:7px;
	}


.fontinbuddylist a:link, .fontinbuddylist a:visited, .fontinbuddylist a:hover, .fontinbuddylist a:active	{
	font-size: 14px;
	color:#FFFFFF;
	margin-left:7px;
	}
.whitelink	{
	font-size: 16px;
	color:#FFFFFF;
	}

.whitelink a:link, .whitelink a:visited, .whitelink a:hover, .whitelink a:active	{
	font-size: 16px;
	color:#FFFFFF;
	}

#forbuddycontentgrey	{
	border: 3px solid #2f4ea1;
	padding-left:11px;
	padding-bottom:6px;
	background-color:#cecece;
	}

#forbuddycontentwhite	{
	border: 3px solid #2f4ea1;
	padding-left:11px;
	padding-bottom:6px;
	background-color:#ffffff;
	}

.forbuddycontentwhite	{
	border: 3px solid #2f4ea1;
	padding-left:11px;
	padding-bottom:6px;
	background-color:#ffffff;
	}

#orangebox	{
	padding:10px;
	background-color:#ffc000;
	}
#orangebox1	{
	padding:10px;
	background-color:#ffc000;
	}
#orangeboxwizard	{
	padding:5px;
	background-color:#ffc000;
	font-size:14px;
	margin-bottom:15px;
	position:absolute;
	}

#orangeboxmessage	{
	padding:6px;
	background-color:#ffc000;
	text-align:center;
	width:560px;
	margin-left:auto;
	margin-right:auto;
	}

#emailsettingchangeemail	{
	font-size:12px;
	margin-right:16px;
	}

#wizaddtravelsite	{
	background-color:#ffffff;
	border:1px solid #2f4ea1;
	padding:10px;
	}

.wiztext1	{
	font-size:16px;
	}

.tripnotefont	{
	font-size:12px;
	}

.homepagewhitetext	{
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	}

.homepagebluetext2	{
	font-size:24px;
	color:#2f4ea1;
	font-weight:bold;
	}

.homepagebluetext	{
	font-size:16px;
	color:#2f4ea1;
	font-weight:bold;
	}

.homepagebluetextsmall{
	font-size:9px;
	color:#2f4ea1;
	font-weight:bold;
	}

.homepagebluetextsmall a:link{
	font-size:9px;
	color:#2f4ea1;
	font-weight:bold;
	text-decoration:underline;
	}

.homepagebluetextsmall2{
	font-size:11px;
	color:#2f4ea1;
	font-weight:bold;
	}

.homepagebluetextsmall2 a:link{
	font-size:11px;
	color:#2f4ea1;
	font-weight:bold;
	text-decoration:underline;
	}

#homecontainer	{
	/*background-color:#c5da41;*/
	background-image:url(../images/sun8.jpg);
	height:226px;
	margin-top:-1px;
	}

.homebigblue	{
	font-size:20px;
	color:#0a4979;
	}

.homebigblue12	{
	font-size:12px;
	color:#0a4979;
	}

.homebigblue9	{
	font-size:9px;
	color:#0a4979;
	}

.homebigblue9 a:link, .homebigblue9 a:visited, .homebigblue9 a:hover, .homebigblue9 a:active	{
	font-size:9px;
	color:#0a4979;
	text-decoration:underline;
	}

.clickhere	{
	font-size:9px;
	color:#0a4979;
	}

.clickhere a:link, .clickhere a:visited, .clickhere a:hover, .clickhere a:active	{
	font-size:9px;
	color:#0a4979;
	text-decoration:underline;
	}

#homecontainerwhite	{
	background-image:url(../images/sun3.jpg);
	height:226px;
	margin-top:-1px;
	}


/* commonpage css starts here */
#commonpagecontent {
  width: 915px;
  margin: 0 auto;
}

.altDescription {
	font-size:11px;
	color:#555555;
	}

.invitationswhite	{
	color:#FFFFFF;
	}

#invitationswhitetd	{
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
	}

#tdheight	{
	padding:2px;
	}

#toptripdetails	{
	background-color:#ffffff;
	border: 1px solid #2f4ea1;
	margin-bottom:8px;
	}

#toptripdetailsleft	{
	width:586px;
	background-color:#2f4ea1;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:4px;
	}

.toptripdetailslefttext a:link, .toptripdetailslefttext a:visited, .toptripdetailslefttext a:hover, .toptripdetailslefttext a:active	{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: underline;
	}

#toptripdetailsright	{
	float:right;
	background-color:#FFFFFF;
	font-size:12px;
	padding:2px;
	}

#messageheader	{
	background-color:#ffffff;
	width:580px;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border:1px solid #96c83b;
	font-size:16px;
	font-weight:bold;
	color:#96c83b;
	}

.commonpagecontentheading	{
	font-size:25px;
	font-weight:bold;
	color:#96c83b;
	}

.commonpagecontentheading a:link, .commonpagecontentheading a:visited, .commonpagecontentheading a:hover, .commonpagecontentheading a:active	{
	font-size:25px;
	font-weight:bold;
	color:#96c83b;
	text-decoration:underline;
	}

.dateTimeHeading	{
	font-size:14px;
	color:red;
	}

.whitestatus	{
	font-size:13px;
	color:#ffffff;
	}

.commonpagecontentheadingsmall {
	font-size:20px;
	font-weight:bold;
	color:#96c83b;
	}

.redstar	{
	color:#FF0000;
	}

.white12 a:link, .white12 a:visited, .white12 a:hover, .white12 a:active	{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	}

#commonpagecontent02	{
	margin-top:20px;
	font-size:12px;
	}

#commonpagecontent03	{
	font-size:12px;
	}

#questiontext {
	position:absolute;
	z-index:6;
	border:2px solid #3d5b9f;
	padding:5px;
	margin-top:2px;
	margin-left:5px;
	visibility:hidden;
	background-color:#dde8ef;
	width:360px;
	text-align:left;
}

#questiontextcross	{
	width:360px;
	height:15px;
	text-align:right;
}

#whyDoIneed1 {
	position:absolute;
	z-index:6;
	border:2px solid #3d5b9f;
	padding:5px;
	margin-top:5px;
	margin-left:100px;
	visibility:hidden;
	background-color:#dde8ef;
	width:360px;
	text-align:left;
}

#whyDoIneed1cross	{
	width:360px;
	height:15px;
	text-align:right;
}

/* commonpage css ends here */

#newaccounttable	{
	background:#dde8ef;
	margin-bottom:20px;
	padding:10px;
	width:600px;
	}

#wizard		{
	background:#dde8ef;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:600px;
	}

#wizard2	{
	background:#FFFFFF;
	padding:5px;
	}

#wizard3	{
	background:#dde8ef;
	}

#searchresults		{
	background:#dde8ef;
	padding:10px;
	font-size:12px;
	}

#searchresults2		{
	background:#ffffff;
	font-size:12px;
	}


#newaccounttable3	{
	background:#dde8ef;
	margin-left:0px;
	margin-bottom:20px;
	padding:10px;
	width:97%;
	}

#newaccounttable2	{
	background:#ffffff;
	margin-left:100px;
	margin-bottom:20px;
	padding:10px;
	width:50%;
	border: 2px solid #d5e9fb;
	}

#updatescontent	{
	float:right;
	width:350px;
	line-height:10px;
	height:31px;
	margin-top:12px;
	}

#updatescontenttrips	{
	float:left;
	line-height:10px;
	height:31px;
	margin-top:6px;
	}

#updatetable	{
	background-color:#98CA3C;
	width:592px;
	padding-left:3px;
	padding-right:3px;
	}


#tripheading	{
	background-color:#b6b6b6;
	height:18px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	padding-left:3px;
	padding-top:3px;
	}

#tripheading2	{
	background-color:#FFFFFF;
	border:1px solid #b6b6b6;
	}

#tripheading3	{
	background-color:#ffffff;
	padding:2px;
	}

#tripspacer	{
	background-color:#ffffff;
	height:6px;
	}

#tripstable	{
	background-color:#2f4ea1;
	width:296px;
	padding-left:3px;
	padding-right:3px;
	}

#greynotificationtravel	{
	background-color:#C0C0C0;
	width:599px;
	padding-left:3px;
	padding-right:3px;
	}


#notificationtable	{
	background-color:#98ca3c;
	width:589px;
	padding-left:3px;
	padding-right:3px;
	}

.notificationtable	{
	background-color:#98ca3c;
	width:589px;
	padding-left:3px;
	padding-right:3px;
	}

#notificationtravel	{
	background-color:#98ca3c;
	width:599px;
	padding-left:3px;
	padding-right:3px;
	}

#notificationtableTravel	{
	background-color:#98ca3c;
	width:294px;
	padding-left:3px;
	padding-right:3px;
	}

#notificationtableTravelHotel	{
	background-color:#98ca3c;
	width:600px;
	padding-left:3px;
	padding-right:3px;
	}

#invitationtable	{
	background-color:#2f4ea1;
	width:729px;
	padding-left:3px;
	padding-right:3px;
	}

#mytripstable	{
	background-color:#94c0f7;
/*	width:589px;*/
	padding-left:3px;
	padding-right:3px;
	}

.formoretext	{
	font-size:11px;
	}

.formoretext2	{
	font-size:12px;
	}

#writemessage {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	visibility: visible;
	background-color: #FFFF00;
	margin-top:50px;
}

#floatMenu {
		position:absolute;
		top:20px;
		left:25%;
		margin-left:370px;
		width:200px;
		}

.profileimg	{
	border: 2px solid #afafaf;
	}

.profileheading	{
	font-size:16px;
	font-weight:bold;
	color:#2f4ea1;
	}

.profileheadingsmall	{
	font-size:14px;
	font-weight:bold;
	color:#2f4ea1;
	}

.tdblueheading	{
	background-color:#2F4EA1;
	padding:2px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border-right: 1px solid #ffffff;
	}

.tdblueheadingtext a:link, .tdblueheadingtext a:visited, .tdblueheadingtext a:hover, .tdblueheadingtext a:active
	{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	}



.rightborder	{
	background-color:#ffffff;
	border-right: 1px solid #2F4EA1;
	border-bottom: 1px solid #2F4EA1;
	text-align:center;
}



.tdgreenheading	{
	background-color:#98CA3C;
	padding:5px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	}

.tdgreenheading2	{
	background-color:#98CA3C;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}

.tdblueheading2	{
	font-size:16px;
	color:#187FD5;
	font-weight:bold;
	text-decoration:none;
        border-bottom: 1px solid #eee;
	}

.tdgreenheading2	a{
	background-color:#98CA3C;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}

.tdgreenheading2	a:hover{
	background-color:#98CA3C;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}

.tdgreenheading3	{
	background-color:#cdd9e7;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}

.bluebackheading	{
	background-color:#1864ab;
	padding:3px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}

.greenbackheading	{
	background-color:#98ca3c;
	padding:3px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	}

#divcontentlogo	{
	float:right;
	background-color:#FFFFFF;
	margin:2px;
	width:140px;
	}

#divcontentlogoadmin	{
	background-color:#FFFFFF;
	margin:2px;
	}

#divcontentcheck	{
	float:left;
	padding-top:10px;
	padding-left:2px;
	}

.tdgrey	{
	background-color:#dbd9d9;
	padding:5px;
	font-size:12px;
	}

.tdlightgreen	{
	background-color:#d7e4bc;
	padding:5px;
	font-size:12px;
	}

.tdlightblue	{
	background-color:#dbe5f1;
	padding:5px;
	font-size:12px;
	}

.tdwhite	{
	background-color:#ffffff;
	padding:5px;
	font-size:12px;
	}

.tdwhite2	{
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	}

.tdwhite3	{
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	}
.bluebox	{
	border: 2px solid #3d5b9f;
	margin-bottom:6px;
	padding-top:4px;
	padding-bottom:4px;
	}



#bluebox	{
	border: 2px solid #3d5b9f;
	margin-bottom:6px;
	padding-top:4px;
	padding-bottom:4px;
	}

#blueboxlist	{
	margin-bottom:6px;
	}

#newbluebox	{
	border: 2px solid #3d5b9f;
	padding-top:5px;
	}

#bluebox2	{
	border: 2px solid #3d5b9f;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:-2px;
	}

.travelsitelogin	{
	font-size:12px;
	color:#808080;
	}

.travelsitecoming	{
	font-size:14px;
	font-style:italic;
	}

.activemember	{
	color:#2f4ea1;
	}

.incompletemember	{
	color:#5d8c08;
	}

.deletedmember	{
	color:#ff0000;
	}

.messageunread	{
	font-weight:bold;
	}

#emailnotification01	{
/*	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:60px;
	width: 470px;
	padding:10px;*/
	background-color:#FFFFFF;
	margin-right:0px;
	padding:10px;
	}

.fontsetupprofile	{
	font-size:14px;
	font-weight:bold;
	color:#2f4ea1;
	}

.fontsetupprofilebig	{
	font-size:16px;
	font-weight:bold;
	color:#2f4ea1;
	}

.fontsetupprofilebigblack	{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	}

.fontsetupprofilebigblack14	{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	}

/* Links
   ------------------------------------- */

a {
  color: #2f4ea1;
  text-decoration: none;
}
a:hover { color: #000; }


/* Header
   ------------------------------------- */

#header {
  font-size: 1.1em;
  height: 90px;
  background: transparent url(../images/header-back.png) repeat-x;
}
#header h1 {
  float: left;
  width: 262px;
  height: 68px;
  margin: 13px 0 0;
  background: url(../images/traxo-logo.png) no-repeat;
}
#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -10000px;
  overflow: hidden;
}


/* Header: =Search Box
   ------------------------------------- */

#search-box {
  float: right;
  height: 42px;
  width: 625px;
  text-align: right;
  padding: 5px 0;
}
#search-box form input { vertical-align: middle; }
#search-box #search {
  border: 2px solid #d5e9fb;
  font-size: 1em;
  color: #339;
  padding: 1px 6px;
}

#search-box .more-text {
  font-weight: bold;
  margin: 5px 0 0;
  color: #999;
}
#search-box .more-text a { color: #2f4ea1; }
#search-box .more-text a:hover { color:#000; }


/* Navigation: =Main
   (this is no longer hardcore)
   ------------------------------------- */

ul#nav{
  float: right;
  background: url(../images/nav-sprite.png) repeat-x 0 -74px;
  height: 33px;
}
ul#nav li{
  float: left;
  position: relative;
  margin: 0 20px 0 0;
  height: 24px;
  padding: 9px 0 0;
  z-index: 2;
}

/* extended height menu */
ul#nav.extended { height: 37px; }
ul#nav.extended li { height: 28px; }

/* rounding */
ul#nav li.home {
  background: transparent url(../images/nav-sprite.png) no-repeat top left;
  padding-left: 10px;

}
ul#nav li.login,
ul#nav li.logout {
  background: transparent url(../images/nav-sprite.png) no-repeat right -37px;
  margin: 0 0 0 120px;
  padding-right: 18px;
}

/* menu anchors */
ul#nav li a {
  background-color: transparent;
  background-repeat: no-repeat;
}
ul#nav li a, ul#nav li a span {
  display: block;
  height: 20px;
}

/* login/logout */
ul#nav li.login a,
ul#nav li.logout a {
  width: 45px;
  height: 21px;
  background-position: 0 0;
}
ul#nav li.login a { background-image: url(../images/login.png); }
ul#nav li.logout a { background-image: url(../images/logout.png); }
ul#nav li.login a:hover, ul#nav li.logout a:hover { background-position: 0 0; }
ul#nav li.login a span, ul#nav li.logout a span { display: none; }

/* drop downs */
ul#nav li ul {
  display: none;
  position: absolute;
  font-size: 1.09em;
  top: 29px;
  left: 0;
  width: 140px;
}
ul#nav li ul li {
  float: none;
  margin: 0;
  height: auto;
  padding: 0;
}
div#header ul#nav li ul li a {
  display: block;
  width: 124px;
  height: auto;
  background: none;
  padding: 5px 8px;
  color: #2f4ea1;
}
ul#nav li.over ul {
  display: block;
  background-color: #d4f081;
  padding: 8px 0 5px;
}
div#header ul#nav li.over ul li a:hover {
  background-color: #ecfd8f;
  color: #000;
}

/* link images */
ul#nav li.home a {
  width: 56px; /* 36 + 20 */
  background-image: url(../images/home.png);
}
ul#nav li.trips a {
  width: 47px; /* 27 + 20 */
  background-image: url(../images/trips.png);
}
ul#nav li.buddies a {
  width: 66px; /* 46 + 20 */
  background-image: url(../images/buddies.png);
}
ul#nav li.buddies-profile a {
  width: 66px; /* 46 + 20 */
  background-image: url(../images/buddies.jpg);
}
ul#nav li.mytravelsite a {
  width: 107px; /* 87 + 20 */
  background-image: url(../images/mytravelsite.jpg);
}
ul#nav li.inbox a {
  width: 57px; /* 37 + 20 */
  background-image: url(../images/inbox.png);
}
ul#nav li.my-account a {
  width: 93px; /* 73 + 20 */
  background-image: url(../images/myaccount.jpg);
}
ul#nav li.member-home a {
  width: 56px; /* 36 + 20 */
  background-image: url(../images/home.png);
}

/* rounding for hovers */

/* default rounding and menu highlighting
   (rounding is last definition) */
body#home ul#nav li.home a span,
body#trips ul#nav li.trips a span,
body#buddies ul#nav li.buddies a span,
body#buddies-profile ul#nav li.buddies a span,
body#mytravelsite ul#nav li.mytravelsite a span,
body#inbox ul#nav li.inbox a span,
body#my-account ul#nav li.my-account a span,
body#member-home ul#nav li.home a span,
ul#nav li a:hover span {
  background: transparent url(../images/hover-sprite.gif) no-repeat left -40px;
}
body#home ul#nav li.home a span span,
body#trips ul#nav li.trips a span span,
body#buddies ul#nav li.buddies a span span,
body#buddies-profile ul#nav li.buddies a span span,
body#mytravelsite ul#nav li.mytravelsite a span span,
body#inbox ul#nav li.inbox a span span,
body#my-account ul#nav li.my-account a span span,
body#member-home ul#nav li.home a span span,
ul#nav li a:hover span span {
  background: transparent url(../images/hover-sprite.gif) no-repeat right -60px;
}
/* hover state for sprites below */
body#member-home ul#nav li.home a,
body#home ul#nav li.home a,
body#trips ul#nav li.trips a,
body#buddies ul#nav li.buddies a,
body#mytravelsite ul#nav li.mytravelsite a,
body#inbox ul#nav li.inbox a,
ul#nav li.over a, ul#nav li a:hover {
  background-position: 0 -21px;
  background-color: #d4f081;
}
ul#nav li.my-account a:hover,
/*body#my-account ul#nav li.my-account a { background-position: 0 -23px; }*/
body#my-account ul#nav li.my-account a { background-position: 0 -21px; }

ul#nav li.buddies-profile a:hover,
body#buddies-profile ul#nav li.buddies a { background-position: 0 -21px; }

/* rounding overridden by JS if there is a submenu */
ul#nav li a span span {
  text-indent: -10000px;
  overflow: hidden;
}
div#header ul#nav li.over a span,
div#header ul#nav li:hover.over a span {
  background: transparent url(../images/hover-sprite.gif) no-repeat 0 0;
}
div#header ul#nav li.over a span span,
div#header ul#nav li:hover.over a span span {
  background: transparent url(../images/hover-sprite.gif) no-repeat right -20px;
}


/* Navigation: =Sub (Sidebar)
   ------------------------------------- */

#subnav {
  background: #fece29 url(../images/subnav-top.png) no-repeat;
  padding: 15px 0 0;
  margin: 44px 0 1em;
  font-size: 1.1em;
}
#subnav ul {
  background: transparent url(../images/subnav-bottom.png) no-repeat bottom left;
  padding: 0 0 15px;
}
* html #subnav ul li { height: 1em; }
#subnav ul li a {
  display: block;
  padding: .3em 1em;
  color: #000;
}
#subnav ul li a:hover {
  background-color: #d4f081;
  color: #224192;
}
#subnav ul li.selected a { font-weight: bold; }
#subnav ul li.selected a:hover {
  background-color: transparent;
  color: #000;
}


/* Content: =Sub Drop Down Nav
   ------------------------------------- */

.sub-drop li {
  width: 150px;
  padding: 0 10px;
  background: #99ca3b url(../images/subnav-arrow.png) no-repeat 145px 50%;
  color: #fff;
  position: relative;
  line-height: 2;
  z-index: 1;
}
.sub-drop li ul {
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
}
.sub-drop li.over ul,
.sub-drop li:hover ul { display: block; }
.sub-drop li ul {
  background-color: #e4feb4;
  padding: .5em 0;
}
.sub-drop li ul li {
  width: 170px;
  padding: 0;
  background: none;
  line-height: 1;
}
.sub-drop li ul li a {
  display: block;
  width: 150px;
  padding: 0 10px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
}
.sub-drop li ul li a:hover {
  background-color: #99ca3b;
  color: #fff;
}


/* Content: =Structure/Columns
   ------------------------------------- */

#content{ margin: 1em 0 2em; }
body#home #content { margin: 0; }

/* yellow dotted border row */
.row-border {
  background: transparent url(../images/content-border.gif) repeat-x bottom left;
  padding: 0 0 1em;
  margin: 0 0 1.5em;
}

/* big promo columns */
.bp-mcol {
  width: 595px;
  float: left;
}
.bp-scol {
  float: left;
  width: 300px;
  margin: 0 0 0 10px;
}

/* small promo columns */
.sp-mcol {
  float: left;
  width: 735px;
}
.sp-scol {
  float: left;
  width: 160px;
  margin: 0 0 0 20px;
}
/* apply promo-right class to content
   to change the sidebar to the right */
#content.promo-right .sp-mcol { float: right; }
#content.promo-right .sp-scol {  margin: 0 20px 0 0; }
*#content.promo-right .sp-scol { *margin: 0 10px 0 0; } /* msie needs another margin cuz it's retarded */


/* Content: =Advertisements
   ------------------------------------- */
#ad-larger-promo {
  width: 336px;
  height: 280px;
  background-color: #eee;
}
#ad-large-promo {
  width: 300px;
  height: 250px;
  background-color: #eee;
}
#ad-small-promo {
  width: 160px;
  height: 600px;
  background-color: #eee;
}


/* Content: General Elements (Modular)

   This contains any elements that will
   be repeated throughout the site
   ------------------------------------- */

/* rounded divider :::
   this is a divider that is rounded on all ends */
.rounded {
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 1em;
}
.rounded .rtr {
  background-repeat: no-repeat;
  background-position: top right;
}
.rounded .rbl {
  background-repeat: no-repeat;
  background-position: bottom left;
}
.rounded .rbr {
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 1em;
}

/* rounded color schemes */
.rounded.blue {
  background-color: #d5e9fb;
  /* background-image: url(../images/blue-tl2.gif); */
}
.rounded.blue .rtr { background-image: url(../images/blue-tr2.gif); }
/* .rounded.blue .rbl { background-image: url(../images/blue-bl.gif); } */
.rounded.blue .rbl { background-color: #d5e9fb; }
/* .rounded.blue .rbr { background-image: url(../images/blue-br.gif); } */
.rounded.blue .rbr { background-color: #d5e9fb; }
.rounded.green {
  background-color: #d3e874;
  /* background-image: url(../images/green-tl.gif); */
}
/* .rounded.green .rtr { background-image: url(../images/green-tr.gif); } */
.rounded.green .rtr { background-color: #d3e874; }
/* .rounded.green .rbl { background-image: url(../images/green-bl.gif); } */
/* .rounded.green .rbr { background-image: url(../images/green-br.gif); } */

/* rounded inner styles */
.rounded ul {
  font-size: 1.2em;
  line-height: 1.4;
}

/* top rounded blocks :::
   these are blocks rounded only on the top with
   a header in an h3 and (mostly) suvnav at the
   bottom */
.block {
  margin-top: 2em;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
/* block headers */
.block h3,
.block div.table-header {
  background-repeat: no-repeat;
  background-position: top right;
  padding: .5em;
  font-size: 1.4em;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.block div.table-header { text-transform: none; }
.block div.empty {
  height: 15px;
  background-repeat: no-repeat;
  background-position: top right;
}
.block h3 a { color:#fff; }

/* block inner content */
.block div.content { padding: 3px 0; }
.block div.content.no-pad { padding: 0; } /* for use with inner tables */
.block div.content,
.block ul.content {
  margin:0 3px;
  background: #fff;
  font-size: 1.1em;
}
.block div.content.bubble {
  padding-top: 20px;
  background: #fff url(../images/content-bubble.png) no-repeat 35px 0;
}
.block ul.content li {
  height: 34px;
  line-height: 3;
  padding: 0 1em;
}
.block ul.content li.trip { background: url(../images/suitcase.jpg) no-repeat 8em 0; }
.block ul.content li.clock { background: url(../images/clock.jpg) no-repeat 8em 0; }
.block ul.content li.buddy { background: url(../images/buddies.jpg) no-repeat 8em 0; }
.block ul.content li.tripchanges { background: url(../images/trip-changed.jpg) no-repeat 8em 0; }
.block ul.content li.travelaccount { background: url(../images/travel-account.gif) no-repeat 8em 0; }
.block ul.content li.setprivacy { background: url(../images/set-privacy.gif) no-repeat 8em 0; }
.block ul.content li.profilechange { background: url(../images/profile-change.gif) no-repeat 8em 0; }
.block ul.content li.newmsg { background: url(../images/new-msg.gif) no-repeat 8em 0; }
.block ul.content li.newbuddy { background: url(../images/new-buddy.gif) no-repeat 8em 0; }
.block ul.content li.invitenew { background: url(../images/invite.gif) no-repeat 8em 0; }
.block ul.content li.hotspot { background: url(../images/hotspot.gif) no-repeat 8em 0; }
.block ul.content li.home { background: url(../images/home.gif) no-repeat 8em 0; }
.block ul.content li.bonvoyage { background: url(../images/bon-voyage.gif) no-repeat 8em 0; }
.block ul.content li.travelmatch { background: url(../images/travel-match.gif) no-repeat 8em 0; }
.block ul.content li.welcomehome { background: url(../images/welcome-home.jpg) no-repeat 8em 0; }
.block ul.content li.book { background: url(../images/book.jpg) no-repeat 8em 5px; }
.block ul.content li.flag { bakground: fff; height:60px; 8em 5px; vertical-align: bottom;}
.block ul.content li.message {
  background: url(../images/new-message.jpg?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block ul.content li.invite {
  background: url(../images/new-invite.jpg?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block ul.content li.linkedsite {
  background: url(../images/travel-account.jpg?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block ul.content li.incomplete {
  background: url(../images/incomplete-account.jpg?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block ul.content li.addtravelname {
  background: url(../images/add-name.png?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block ul.content li.verificationpending {
  background: url(../images/emailverification-account.jpg?v=1) no-repeat 1em 50%;
  padding-left: 50px;
}
.block .content table {
  position: relative; /* trick for ie */
  width: 50;
  border: 0;
  background: #fff;
  empty-cells: show; /* i wish ie would use this */
}
.block .content table td {
  text-align: center;
  vertical-align: top;
}
.block .content table th {
  font-weight: bold;
  width: 25%;
}

/* block table styling */
.block .content table.four-col th,
.block .content table.four-col td {
  padding: 1em;
  width: 25%;
  text-align: left;
}
.block .content table.four-col tr th.column,
.block .content table.four-col tr td.column { border-left: 1px solid #2f4ea1; }
.block .content table.four-col tr.alt th,
.block .content table.four-col tr.alt td { background-color: #e0f0fe; }
.block .content table.four-col,
.block .content table.trip-info { font-size: 1.09em; }
.block .content table.trip-info th {
  vertical-align: middle;
  text-align: center;
  width: 85px;
}
.block .content table.trip-info td {
  padding: 11px;
  text-align: left;
}
.block .content table.buddy-list td {
  padding: 0 11px;
  text-align: left;
  vertical-align: middle;
}
.block .content table.trip-info td.destination {
  font-size: 1.25em;
}
.block .content table.trip-info td.date {
  color:gray;
  font-size: 1.25em;
  text-align:right;
}
.block .content table.trip-info td.tdd {
  width: 170px;
  vertical-align:middle;
}

/*.block .content table.invitations { font-size: 1.636em; }*/
.block .content table.invitations { font-size: 1.3em; }
.block .content table.invitations td {
  text-align: left;
  border-right: 1px solid #2f4ea1;
  border-bottom: 1px solid #2f4ea1;
  padding: 10px;
  /*line-height: 3;*/
  line-height: 1;
}
.block .content table.invitations td img {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.block .content table.invitations td ul li {
  margin: 0 0 5px 15px;
  height: 20px;
  line-height: 1;
}
.block .content table.invitations td ul li a {
  display: block;
  width: 58px;
  height: 20px;
  padding: 0 0 0 30px;
  line-height: 1.6;
  font-size: .666em;
  background-repeat: no-repeat;
}
.block .content table.invitations td ul li.accept a { background-image: url(../images/accept-button.gif); }
.block .content table.invitations td ul li.reject a { background-image: url(../images/reject-button.gif); }
.block .content table.buddy-list { font-size: 1.09em; }

/* block bottom more links (subnav) */
.block ul.more {
  background-color: transparent;
  padding: 3px 5px 5px;
  margin: -3px 3px 0;
  text-align: right;
  font-size: 11px;
  border-top:3px solid #fff;
}
.block ul.more li {
  display: inline;
  margin: 0 0 0 1em;
}
.block ul.top-links li a,
.block ul.more li a {
  color: #fff;
  text-decoration: underline;
  text-transform: lowercase;
}
.block ul.top-links li a:hover,
.block ul.more li a:hover { text-decoration:none; }

/* empty more - used for the 3px border, this will
   hide the UL background. tricky, tricky. */
.block div.more {
  margin-top: -3px;
  height: 3px;
  overflow: hidden;
}

/* block top links */
.block ul.top-links {
  position: absolute;
  padding: .5em;
  top: 0;
  right: 0;
  line-height: 1.5;
}
.block ul.top-links li {
  display: inline;
  padding: 0 0 0 1em;
  font-size: 1.2em;
}

/* color schemes
   note: these are prefixed with 'b' because msie doesn't
   handle multiple classes properly. who woulda gussed? */
.block.b-blue {
  /* background-image: url(../images/blue-tl.png); */
  background-color: #2f4ea1;
}
.block.b-blue h3,
.block.b-blue div.table-header,
/* .block.b-blue div.empty { background-image: url(../images/blue-tr.png); } */
/* .block.b-blue ul.content { background-image: url(../images/blue-li-tile.gif); } */
.block.b-blue ul.content.with-border,
.block.b-blue div.content { border-bottom: 3px solid #2f4ea1; }
.block.b-blue .more { background-color: #2f4ea1; }



.block.b-yellow {
  /* background-image: url(../images/yellow-tl.png); */
  background-color: #ffc000;
}
.block.b-yellow h3,
.block.b-yellow div.table-header,
/* .block.b-yellow div.empty { background-image: url(../images/yellow-tr.gif); } */
.block.b-yellow div.empty { background-color: #ffc000; }
.block.b-yellow ul.content { background-image: url(../images/yellow-li-tile.gif); }
.block.b-yellow ul.content.with-border,
.block.b-yellow div.content { border-bottom: 3px solid #ffc000; }
.block.b-yellow .more { background-color: #ffc000; }

.block.b-grey {
  /* background-image: url(../images/grey-tl.gif); */
  background-color: #C0C0C0;
}
.block.b-grey h3,
.block.b-grey div.table-header,
/* .block.b-grey div.empty { background-image: url(../images/grey-tr.gif); } */
.block.b-grey div.empty { background-color: #C0C0C0; }
.block.b-grey ul.content { background-image: url(../images/grey-li-tile.gif); }
.block.b-grey ul.content.with-border,
.block.b-grey div.content { border-bottom: 3px solid #C0C0C0; }
.block.b-grey .more { background-color: #C0C0C0; }

#youmayalsoknow	{
	background-color:#FFFFFF;
	width:294px;
	margin-right:3px;
	font-size:12px;
	font-weight:bold;
	}


.block.b-lightblue {
  /* background-image: url(../images/lblue-tl.png); */
  background-color: #94c0f7;
}
.block.b-lightblue h3 { background-image: url(../images/lblue-tr.png); }
.block.b-lightblue ul.content { background-image: url(../images/blue-li-tile.gif); }
.block.b-lightblue .more { background-color: #94c0f7; }
.block.b-lightblue .more a,
.block.b-lightblue ul.top-links a { color: #2f4ea1; }

.block.b-lightblue2 {
  /* background-image: url(../images/lblue-tl.png); */
  background-color: #94c0f7;
}
.block.b-lightblue2 h3 { background-image: url(../images/lblue-tr.png); }
.block.b-lightblue2 ul.content { background-image: url(../images/lblue-li-tile.gif); }
.block.b-lightblue2 .more { background-color: #94c0f7; }
.block.b-lightblue2 .more a,
.block.b-lightblue2 ul.top-links a { color: #2f4ea1; }

.block.b-red {
  /* background-image: url(../images/red-tl.png); */
  background-color: #ee3923;
}

.block.b-orange {
  background-image: url(../images/orange-tl.gif);
  background-color: #f1b71a;
}
/* .block.b-red h3 { background-image: url(../images/red-tr.gif); } */
.block.b-red h3 { background-color: #ee3923; }
.block.b-red .more { background-color: #ee3923; }

.block.b-green {
  /* background-image: url(../images/green-tl_old.png); */
  background-color: #98ca3c;
}
/* .block.b-green h3 { background-image: url(../images/green-tr_old.gif); } */
.block.b-green .more { background-color: #98ca3c; }

/* notice bar :::
   this is the notice bar at the top of the page
   (under the nav), the button can contain any
   text of any length (although it may run into
   the notice text since it's removed from the flow)
 */
.notice {
  font-size: 3em;
  background: #ff6 url(../images/notice-left.gif) no-repeat top left;
  height: 64px;
  overflow: hidden;
  text-align: left;
  position: relative;
  line-height: 2.2;
  margin: 0 0px .533em;
  padding: 0 0 0 30px;
}
.nrc { /* evil roundedness */
  background: transparent url(../images/notice-right.gif) no-repeat top right;
  height: 100%;
}
/* notice button */
.notice .button {
  position: absolute;
  right: 30px;
  top: 12px;
  height: 41px;
  background: url(../images/notice-tile.png) repeat-x;
  font-size: .8em;
  line-height: 1.8em;
  color: #fff;
}
.notice .button span {
  background: url(../images/notice-right.png) no-repeat top left;
  display: block;
  padding: 0 0 0 10px;
}
.notice .button span span {
  background: url(../images/notice-left.png) no-repeat top right;
  padding: 0 10px 0 0;
}

/* header column */
.header-column { font-size: 1.1em; }
.header-column .row1 { float: left; }
.header-column .row1 ul li,
.header-column .row2 ul.large-inline li {
  display: inline;
  font-weight: bold;
}
.header-column .row1 ul li a,
.header-column .row2 ul.large-inline li a { font-weight: normal; }
.header-column .row2 {
  float: right;
  text-align: right;
  width: 50%;
}
.header-column .row2 ul { line-height: 1.5; }
.header-column .row2 ul.large-inline {
  font-size: 1.272em;
}
.header-column .row3 {
/*  float: left;*/
  margin: 0 50px 0 0;
  font-size: 1.1em;
}
.show-bar h4,
.header-column .row3 h4 {
  font-weight: bold;
  float: left;
  margin: 6px 1em 0 0;
  color: #339;
  text-transform: uppercase;
}

/* show bar (show / drop downs) */
.show-bar {
  font-size: 1.2em;
  margin: 0 0 1em;
}

/* info bar */
.info-bar {
  font-size: 1.1em;
  line-height: 1.6;
  color: #999;
  margin: 0 0 0 1em;
}
.info-bar p { float: left; }
.info-bar ul {
  float: right;
  font-size: 1.09em;
}
.info-bar ul li {
  float: left;
  margin: 0 0 0 1em;
}
.info-bar ul li a {
  display: block;
  width: 150px;
  height: 20px;
  background: url(../images/blank-long.gif) no-repeat;
  text-align: center;
  line-height: 1.6;
}

/* pagination links */
ul.pagination {
  margin: 1em 0 2em;
  position: relative;
}
ul.pagination li {
  display:inline;
  padding: 0 1em 0 0;
  font-size: 1.1em;
  font-weight: bold;
}
ul.pagination li a {
  font-weight: normal;
  color: #2f4ea1;
}
ul.pagination li a:hover { color:#000; }
ul.pagination li.previous a,
ul.pagination li.next a { text-decoration: underline; }
/* right sided done link */
ul.pagination li.done {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
ul.pagination li.done a {
  display: block;
  background: url(../images/done-button.gif) no-repeat;
  width: 88px;
  height: 20px;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  color: #fff;
  text-transform: lowercase;
}
ul.pagination li.done a:hover { color:#fff; }


/* Content: =List Styling
   ------------------------------------- */

ul.buddy-options li a {
  display: block;
  width: 88px;
  height: 22px;
  background: url(../images/blank.gif) no-repeat;
  text-align: center;
  text-transform: lowercase;
  line-height: 1.5;
}

ul.notifications-select li {
  clear: both;
  display: block;
  height: 20px; /* fixes problems with msie */
  padding: 0 0 0 25px;
  position: relative;
}
ul.notifications-select li.sharing { margin: 0 0 10px; }
ul.notifications-select li.true { background: url(../images/notifications-true.gif) no-repeat 0 50%; }
ul.notifications-select li.invite { background: url(../images/notifications-true.gif) no-repeat 0 50%; }
ul.notifications-select li.sharingdisable { background: url(../images/notifications-true.gif) no-repeat 0 50%; }
ul.notifications-select li.false {
  background: url(../images/notifications-false.gif) no-repeat 0 50%;
  color: #f00;
  font-style: italic;
}
ul.notifications-select li.receivingdisable {
  background: url(../images/notifications-false.gif) no-repeat 0 50%;
  color: #f00;
  font-style: italic;
}
ul.notifications-select li a {
  position: absolute;
  top: 0;
  right: 1em;
  width: 70px;
  height: 23px;
  font-size: 0.785em;
  padding: 0 5px 0 31px;
  background-repeat: none;
  font-style: normal;
  line-height: 1;
  overflow: hidden;
  text-transform: lowercase;
}
ul.notifications-select li.true a { background-image: url(../images/stop-bbg.gif); }
ul.notifications-select li.invite a { background-image: url(../images/start-bbg.gif); }
ul.notifications-select li.false a { background-image: url(../images/start-bbg.gif); }
ul.notifications-select li.sharingdisable a { background-image: url(../images/stop-sharing-disable.gif); }
ul.notifications-select li.receivingdisable a { background-image: url(../images/stop-receiving-disable.gif); }
ul.notifications strong {
  text-transform: uppercase;
  padding: 0 .5em 0 0;
}
ul.notifications strong span.date { padding:0 40px 0 0; }

/* on white bg */
ul.notifications-select.white li.true { background-image: url(../images/notifications-true-white.gif); }
ul.notifications-select.white li.false { background-image: url(../images/notifications-false-white.gif); }
ul.notifications-select.white li.true a { background-image: url(../images/stop-wbg.gif); }
ul.notifications-select.white li.false a { background-image: url(../images/start-wbg.gif); }


/* Content: =Tables
   ------------------------------------- */

#buddy-table td { height:67px; width:67px; }
#buddy-table td img {
  display:block;
  margin: 0 auto 3px;
}


/* Content: =Homepage
   ------------------------------------- */

body#home #content { height: 406px; } /* because of ie, of course */
body#home #content .container {
  background: transparent url(../images/home-tile.gif) repeat-y;
  height: 336px;
}
#span-with-content {
  width: 909px;
  height: 225px;
  margin: 0 auto;
  /*background: transparent url(../images/outdoor01.jpg) no-repeat;*/
}
#login-register {
  width: 449px;
  height: 225px;
  margin: 0 0 0 460px;
  background: url(../images/home-starburst.jpg) no-repeat;
}
#login-register h4 {
  float:left;
  height: 80px;
  width: 82px;
  background: transparent url(../images/member-login.png) no-repeat;
  margin: 15px 25px 0 40px;
  text-indent: -10000px;
  overflow: hidden;
}
* html #login-register h4 { margin-left: 20px; } /* i hate you ie */

/* login form */
#login-register form ol {
  float: left;
  margin: 30px 0 15px;
  text-transform: lowercase;
}
#login-register form ol li { clear:both; }
#login-register form ol li label {
  float: left;
  width: 60px;
  padding: 0 5px 0 0;
  text-align:right;
  line-height: 2.6;
  font-size: 1.2em;
}
#login-register form ol li input.text {
  border: 3px solid #3453a1;
  background: #fff;
  padding: 2px;
  vertical-align: middle;
  width: 175px;
  color: #339;
}
#login-register form ol li input.submit {
  vertical-align:top;
  margin:0 0 0 20px;
}
#login-register form ol li a {
  color:#999;
  margin: 0 0 0 55px;
  font-size: 1.1em;
}
#login-register form ol li a:hover { color:#000; }

/* join button */
#login-register h2 {
  clear: both;
  width: 449px;
  height: 64px;
  background: transparent url(../images/join-today.png) no-repeat;
  overflow: hidden;
  text-indent: -10000px;
}
#login-register h2 a {
  position: relative;
  display: block;
  top: 2px;
  left: 315px;
  width: 68px;
  height: 45px;
  background: transparent url(../images/register-here-off.png) no-repeat;
}
#login-register h2 a:hover { background-image: url(../images/register-here-on.png); }

/* info boxes :::
   these are the notice (info) colored boxes on the
   bottom of the homepage */
#info-boxes {
  font-size: 1.4em;
  line-height: 1.7;
  font-weight: bold;
}
.info-box {
  float: left;
  width: 250px; /* 305 */
  height: 116px;
  padding: 20px 25px 20px 30px;
  background-repeat: no-repeat;
  color:#fff;
}
.info-box h3 {
  height: 26px;
  background-repeat: no-repeat;
  background-position: top left;
  text-indent: -10000px;
  margin: 0 0 15px;
  overflow: hidden;
}
.info-box p { margin: 0 0 0 35px; }
.info-box.add { background-image: url(../images/info-box-blue.jpg); }
.info-box.invite { background-image: url(../images/info-box-green.jpg); }
.info-box.connect { background-image: url(../images/info-box-light-blue.jpg); }

.info-box.add h3 { background-image: url(../images/ib-add.png); } /* 1 */
.info-box.invite h3 { background-image: url(../images/ib-invite.png); } /* 2 */
.info-box.connect h3 { background-image: url(../images/ib-connect.png); } /* 3 */


/* Content: =Public Profile
   ------------------------------------- */

#profile-map {
  width: 300px;
  height: 250px;
  background-color:#ffffff;
}

/*#profile-map {
  width: 294px;
  height: 244px;
  border: 3px solid #ff6;
}*/

#notifications-select {
  font-size: 1.272em;
  line-height: 2;
}
#profile-image {
  float: left;
  width: 160px;
  margin: 0 20px 0 0;
}
#profile-image img {
  display: block;
  margin: 0 0 5px;
}
#profile-image a {
  display: block;
  /* background: url(../images/send-message.gif) no-repeat; */
  background: url(../images/send-message2.gif) no-repeat;
  height: 18px;
  width: 110px;
  padding: 2px 0 0 50px;
  font-size: 1.3em;
  text-transform: lowercase;
}

#profile-imagedisable {
  float: left;
  width: 160px;
  margin: 0 20px 0 0;
}

#profile-imagedisable a {
  display: block;
  /* background: url(../images/send-message-disable.gif) no-repeat; */
  background: url(../images/send-message-disable3.gif) no-repeat;
  height: 18px;
  width: 110px;
  padding: 2px 0 0 50px;
  font-size: 1.3em;
  text-transform: lowercase;
}

#profile-trips {
  width: 415px;
  float: left;
  margin: 0 0 1em;
}


/* Content: =Trip Details
   ------------------------------------- */

#flight-info { margin-top: 0; }
#flight-info h3, #hotel-info h3, #car-info h3 { padding: 0; }
#flight-info h3 span {
  display: block;
  padding: .5em;
  background: url(../images/flight-icon.gif) no-repeat 5em 50%;
}
#hotel-info h3 span {
  display: block;
  padding: .5em;
  background: url(../images/hotel-icon.gif) no-repeat 5em 50%;
}
#car-info h3 span {
  display: block;
  padding: .5em;
  background: url(../images/car-icon.gif) no-repeat 3.5em 50%;
}

.add-details-button {
  float: right;
  width: 141px;
  height: 12px;
  background: url(../images/add-button.gif) no-repeat;
  padding: 3px 0 3px 35px;
  margin: 5px 0 0;
  text-align: left;
}


/* Content: =Buddy Listing
   ------------------------------------- */

body#buddies .block { margin: 0 0 2em; }
body#buddies .block h3 {
  text-transform: none;
  font-weight: normal;
  padding-left: 1em;
  padding-right: 180px;
}
body#buddies .block h3 strong {
  text-transform: none;
  padding: 0;
}

body#buddies ul.notifications-select li { line-height: 1.6; }
body#buddies ul.notifications-select li.sharing { margin: 0 0 20px; }
body#buddies ul.notifications-select li a { font-size: .916em; }

/* this has to be the weirdest bug known to man, FF
   does not want to accept displaying li.remove a as
   a block and adds some strange unseen spacing, but
   then IE doesn't want to ignore -moz-inline-box so
   it needs to be added back. this makes me cry. */
body#buddies .block ul.top-links {
  overflow: hidden;
  padding: 0;
}
.block ul.top-links li.remove a {
  display: block;
  display: -moz-inline-box;
  height: 17px;
  background: url(../images/remove-icon.gif) no-repeat right 50%;
  margin: 3px .5em 0 0;
  padding: 5px 30px 0 0;
  font-style: italic;
  text-decoration: none;
  font-size: 0.916em;
  line-height: 1;
}
*.block ul.top-links li.remove a { *display: block; }
* html .block ul.top-links li.remove a { width: 115px; }



/* Buddy Pop-up on rollover
   ----------------------------------------------*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:200px; width:200px;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt Arial,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 2px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */


#buddies_content {
width:64px;
}


/* Content: =Member Home
   ------------------------------------- */

#member-home { margin: 0 0 2em; }

#member-updates {
  float: left;
  width: 200px;
}
#member-photo {
  float: right;
  width: 75px;
  margin: 3px 5px 0 0px;
}

#welcome-wrapper{
min-height: 100px;
width:100px;
float:right;
text-align: left;
}

#welcome-wrapper h2 {
padding-left: 30px;
}


/* Content: =Page Specific Headers
   ------------------------------------- */

/* my account - not using an image */
body#my-account h2 {
  font-size: 1.8em;
  margin: 0 0 1em;
}
body#buddies-profile h2 {
  font-size: 1.8em;
  margin: 0 0 1em;
}
body#member-home h2 {
  font-size: 1.2em;
  margin: 2em 0 0em;
  color:#FF0000;
}
body#my-account #buddies-profile #member-home h2 {
  font-size: 1.2em;
  margin: 2em 0 0;
  color: #ee3923;
}

/* my buddies */


.fontinbuddylist {
	font-size: 14px;
	color:#FFFFFF;
	margin-left:7px;
	}


.fontinbuddylist a:link, .fontinbuddylist a:visited, .fontinbuddylist a:hover, .fontinbuddylist a:active	{
	font-size: 14px;
	color:#FFFFFF;
	margin-left:7px;
	}


body#buddies h2 {
  background: transparent url(../images/my-buddies.png) no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 113px;
  height: 27px;
  margin: 0 0 2em;
}

/* trips */
body#trips h2.my-details {
  background: transparent url(../images/my-details.png) no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 144px;
  height: 27px;
  margin: 0 0 1em;
}
body#trips h2.my-trips {
  background: transparent url(../images/my-trips.png) no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 77px;
  height: 26px;
  margin: 0 0 1em;
}

#travelmatchesdet	{
	border:1px solid #C0C0C0;
	margin-bottom:6px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	width:593px;
	}

#travelmatches	{
	border:1px solid #C0C0C0;
	margin-bottom:6px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	}

#travelername	{
	background-color:#dde8ef;
	float:right;
	padding:10px;
	text-align:center;
	width:200px;
	}

/* inbox */
body#inbox h2.notifications {
  background: transparent url(../images/notifications.png) no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 130px;
  height: 22px;
}
body#inbox h2.invitations {
  background: transparent url(../images/invitations.png) no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  width: 104px;
  height: 20px;
}


/* Footer
   ------------------------------------- */

#footer{
  clear: both;
  background: url(../images/footer-tile.png) repeat-x 0 -80px;
  padding: 10px 0 1em;
  color:#619acc;
  font-size: 1em;
}
#footer a { color:#619acc; }
#footer a:hover { color:#2F52A0; }
#footer p { float: left; }
#footer ul#footer-nav {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}
#footer ul#footer-nav li {
  display: inline;
  margin:0 0 0 3px;
}

/* home extended footer and extras */
body#home #footer { background-position: 0 0; }
#footer h5 {
  float: left;
  width: 177px;
  height: 58px;
  background: url(../images/footer-featured-sites.png) no-repeat;
  margin: 0 20px 20px 0;
  text-indent: -10000px;
  overflow: hidden;
}
#footer ul#featured-scroll {
  float: left;
  font-size: 3em;
  padding: 0px 0;
  width: 718px;
  overflow: hidden;
  white-space: nowrap;
}
#footer ul#featured-scroll li {
  display:inline;
  margin: 0 1em 0 15;
  vertical-align:center;
}
#footer ul#featured-scroll li a { color:#fff; }


/* Miscellaneous
   ------------------------------------- */

a img { border: none; }


/* Miscellaneous: =Global Clearfixes

   Don't touch these unless you know
   what you're doing!
   ------------------------------------- */

.info-bar:after,
#member-home:after,
.show-bar:after,
.header-column:after,
#footer:after,
#content:after,
#profile-main:after,
.rounded .rbr:after,
.row-border:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.info-bar,
#member-home,
.show-bar,
.header-column,
#footer,
#content,
#profile-main,
.rounded .rbr,
.row-border { display:inline-block; }
/* \*/
* html .info-bar,
* html #member-home,
* html .show-bar,
* html .header-column,
* html #footer,
* html #content,
* html #profile-main,
* html .rounded .rbr,
* html .row-border { height: 1%;}
.info-bar,
#member-home,
.show-bar,
.header-column,
#footer,
#content,
#profile-main,
#notification-select,
.rounded .rbr,
.row-border { display:block; }
/* */

html .fb_share_button {
  display: -moz-inline-block;
  display:inline-block;
  padding:5px 10px 0 5px;
  height:15px;
  border:1px solid #d8dfea;
  background:url(../images/fb_share_light.gif) no-repeat top right;
}

html .fb_share_button:hover {
  color:#fff;
  border-color:#295582;
  background:#3b5998 url(../images/fb_share_light) no-repeat top right;
  text-decoration:none;
}

/* FIN! */


/*CSS for new design for indox, invitation, notification starts here*/

#subnavnew {
  background: #cbdae5 url(../images/subnav-top_new.jpg) no-repeat;
  padding: 10px 0 0;
  margin: 36px 0 1em;
  font-size: 13px;
}
#subnavnew ul {
  background: transparent url(../images/subnav-bottom_new.jpg) no-repeat bottom left;
  padding: 0 0 10px;
}
* html #subnavnew ul li { height: 1em; }
#subnavnew ul li a {
  display: block;
  padding: .3em 1em;
  color: #000;
}
#subnavnew ul li a:hover {
  background: #1864ab url(../images/selected_tab_hover.jpg) no-repeat;
  color: #ffffff;
}
#subnavnew ul li.selected a { font-weight: normal;
	background-color: #1864ab;
	background: #1864ab url(../images/selected_tab.jpg) no-repeat;
	color: #ffffff;
	}
#subnavnew ul li.selected a:hover {
  background-color: #1864ab;
  color: #ffffff;
}

.texttableheader	{
	color:#FFFFFF;
	font-size:14px;
	}


.contentpaneltitle {margin:0px 0 -32px 4px; padding-left:0px; font: 15px/60px Arial, sans-serif; text-align:left; font-weight:bold; }
.contentpaneltext {padding: 0 0 0 0; margin:0px; font: 13px/20px  Verdana, Arial, sans-serif; text-align:left;}
.contentpanel {height:auto; background-color:#fff; padding:0px 5px 0 5px; margin:15px 0 10px 0;  border: 3px solid #cbdae5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 0px #404040;-webkit-box-shadow: 0px 0px 0px #404040; -moz-box-shadow: 0px 0px 0px #404040; text-align:left; }
.contentpanel p {font: normal 12px/16px Arial, sans-serif; }

.contentpanel ul.menu { display:block; margin:5px 0 0 0; padding:0px; margin-left: 0; width:100%; text-align:right;}
.contentpanel ul.menu li {list-style: none; margin:0px; padding: 3px 5px; display: inline; color:#005498; font: normal 12px/22px Arial, sans-serif;  border-right: 0px solid #ccc; text-decoration:underline; }
.contentpanel ul.menu li.first {margin-left: 0; border-left:0px; list-style: none; display: inline;}
.contentpanel ul.menu li a:link {color:#005498;}
.contentpanel ul.menu li a:hover {color:#005498;}
.contentpanel ul.menu li a:visited {color:#005498;}
.contentpanel ul.menu li a:active {color:#005498;}

.contentpanel ul.iconlist {display:block; margin: 5px 0 4px 0;padding-left: 0; list-style: none;}
.contentpanel ul.iconlist li {font: 12px/22px  Verdana, Arial, sans-serif; padding-left:25px;}

.contentpanel ul.iconlist li.alert, .calloutpanel ul.iconlist li.alert {background: url('../images/icon_alert.gif') no-repeat scroll 5px 4px; }
.contentpanel ul.iconlist li.arrow, .calloutpanel ul.iconlist li.arrow {background: url('../images/icon_arrow.gif') no-repeat scroll 0px 0px; }
.contentpanel ul.iconlist li.blackarrow, .calloutpanel ul.iconlist li.blackarrow {background: url('../images/icon_black_arrow.gif') no-repeat scroll 0px 0px; }





/*CSS for new design for indox, invitation, notification ends here*/