/*
	Main Stylesheet for LetsVous.com
	By <hutzmedia.com>
	April 16, 2008
*/

span.profileName {
	padding-left: 21px;
	background-position: center left;
	background-repeat: no-repeat;
}

html {
	font-family: "Lucida Sans Unicode",Verdana,Arial,Sans-serif;
	font-size: 10pt;

}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #01245C;
}

img {
	border-style: none;
}

/* Page */
div#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

body.internal div#page {
	width: 989px;
}

/* Page: Left and Right -cheater- backgrounds */
/* Supports lower resolutions but designed for 1280 width */
div#page div.left {
	position: absolute;
	left: -160px; top: 0px;
	width: 160px;
	height: 1043px;
	background-image: url('../images/left.bg.jpg');
}

div#page div.right {
	position: absolute;
	right: -160px; top: 0px;
	width: 160px;
	height: 1043px;
	background-image: url('../images/right.bg.jpg');
}


/* Header */
div.splashHeader {
	position: relative;
	height: 180px;
	background-color: #0b3e7f;
	background-image: url('../images/header.bg.jpg');
	background-repeat: no-repeat;
}

body.internal div.splashHeader {
	border-left: #000 solid 2px;
	border-right: #000 solid 2px;
	border-bottom: #000 solid 1px;
	background-image: url('../images/internal.header.home.jpg');
	height: 160px;
}

body.friends div.splashHeader {
	background-image: url('../images/internal.header.friends.jpg');
}
body.dating div.splashHeader {
	background-image: url('../images/internal.header.dating.jpg');
}
body.wild div.splashHeader {
	background-image: url('../images/internal.header.wild.jpg');
}


body.internal div.splashHeader a {
	position: absolute;
	display: block;
	width: 223px; height: 34px;
	bottom: 0px;
}


a#homeLink {
	left: 78px;
}
a#friendsLink {
	left: 301px;
}
a#datingLink {
	left: 523px;
}
a#wildLink {
	width: 240px;
	left: 745px;
}

/* Header: Login */
div.splashHeader div.error {
	position: absolute;
	left: 525px; top: 40px;
	width: 175px;
	border: #E1E1E1 solid 1px;
	background-color: #833C39;
	color: #FFFFFF;
	padding: 16px;
}

div.splashHeader div.login form {
	margin: 0px;
}

div.splashHeader div.login {
	position: absolute;
	right: 7px;
	bottom: 49px;
	width: 183px; height: 102px;
	background-image: url('../images/login.bg.png');
}

div.splashHeader div.login input {
	position: absolute;
	width: 122px; height: 16px;
	background-color: transparent;
	border-style: none;
}
div.splashHeader div.login a.forgot {
	position: absolute;
	bottom: -16px; left: 16px;
	color: #FFFFFF;
	text-align: center;
	font-size: 85%;
}

div.splashHeader img.picture {
	position: absolute;
	right: 150px;
	top: 25px;
	z-index: 12;
}

/* Header: Login: login textinput */
div.splashHeader div.login input#username {
	left: 12px; top: 27px;
}

/* Header: Login: password passwordinput */
div.splashHeader div.login input#password {
	left: 12px; top: 76px;
}

div.splashHeader div.login input#submitLogin {
	width: 44px; height: 22px;
	right: 0px; top: 74px;
	cursor: pointer;
}

/* Border Top */
div.borderTop {
	position: relative;
	height: 44px;
	background-color: #123469;
	background-image: url('../images/border.top.bg.jpg');
	border-bottom: #41587E solid 1px;
}
div.borderTop img {
	position: absolute;
	width: 151px; height: 45px;
	right: 48px;
}
div.borderTop a.home {
	position: absolute;
	top: 8px;
	left: 16px;
	font-size: 160%;
	color: #FFFFFF;
}

/* Mid Section */
div.midSection {
	position: relative;
	height: 555px;
	background-color: #396ace;

	background-image: url('../images/mid.left.bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}


div.midSection img {
	position: absolute;
	z-index: 11;
}

div.midSection img.pictures {
	width: 712px; height: 244px;
	display: none;
}

div.midSection img.visible {
	display: block;
}

/* Internal Content */
div.internal {
	position: relative;
	background-color: #FFFFFF;
	border-left: #000000 solid 2px;
	border-right: #000000 solid 2px;
	padding: 8px;
}

div.internal div.welcome {
	/* width of internal is 989px */
	width: 792px;
}

div.internal div.menu {
	position: absolute;
	top: 16px;
	right: 8px;
	width: 161px;
}

/* Content Full */
div.contentFull {
	position: relative;
	background-image: url('../images/contentFull.bg.jpg');
	height: 574px;
	background-color: #FFFFFF;
}

div.contentFull div.text {
	padding: 32px;
	padding-left: 64px;
}

div.contentFull div.title {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 115%;
	width: 520px;
	text-align: center;
	font-weight: bold;
}

div.contentFull p {
	width: 520px;
}

div.contentFull img.right {
	position: absolute;
	right: 64px; top: 82px;
	width: 294px;
	height: 398px;
}

div.contentFull img.joinNow {
	position: absolute;
	left: 200px; bottom: 24px;
	width: 267px; height: 51px;
}


/* Content */
div.content {
	z-index: 10;
	position: absolute;
	left: 22px; top: 0px;
	width: 680px; height: 555px;
	padding-right: 10px;
	background-color: #FFFFFF;

	background-image: url('../images/mid.right.bg.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

div.content p {
	margin: 0px; padding: 0px;
	color: #405d99;
}

div.content p.content {
	position: absolute;
	width: 580px;
	left: 35px;
	top: 240px;
}

div.content img#map {
	left: 22px; bottom: 26px;
}

div.content p.facebook {
	position: absolute;
	width: 300px;
	padding-right: 16px;
	top: 330px; right: 0px;
}

div.content p.facebook img {
	width: 281px; height: 39px;
}


div.content p.facebook img {
	position: relative;
}

/* Content: Rounded Bottom */
div.content b.bl {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 18px;
	height: 20px;
	background-image: url('../images/content.bl.png');
}

div.content b.br {
	position: absolute;
	bottom: 0px; right: 10px;
	width: 18px;
	height: 20px;
	background-image: url('../images/content.br.png');
}


/* Side Navigation */
div.sideNavigation {
	z-index: 10;
	position: absolute;
	right: 0px; top: 0px;
	width: 248px; height: 555px;
	background-color: #334767;

	background-image: url('../images/side.bg.png');
}

div.sideNavigation img.title {
	position: absolute;
	top: 17px;
	left: 24px;
}

div.sideNavigation a.link {
	z-index: 12;
	position: absolute;
	display: block;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}


/* Side Navigation: Menu Items */
div#firstItem {
	margin-top: 55px;
}

div.sideNavigation div.item {
	position: relative;
	margin-left: 10px;
	width: 227px;
	height: 97px;
	margin-bottom: 3px;
	background-image: url('../images/side.item.bg.png');
	cursor: pointer;
}

div.sideNavigation div.item img.icon {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 47px;
	height: 88px;
	z-index: 10;
}

div.sideNavigation div.item img.left {
	left: 4px;
}

div.sideNavigation div.item div.title {
	position: absolute;
	font-weight: bold;
	color: #FFFFFF;
	top: 10px;
	left: 54px;
	letter-spacing: -0.4px;
	font-size: 100%;
	z-index: 11;
}

div.sideNavigation div.item p {
	position: absolute;
	margin: 0px; padding: 0px;
	top: 28px;
	left: 54px;
	width: 165px;
	letter-spacing: -0.4px;
	font-size: 75%;
	z-index: 11;
}

/* Bottom */
div.bottom {
	width: 960px;
	height: 263px;
	background-image: url('../images/bottom.bg.jpg');
}

div.homeFooter {
	text-align: center;
	padding-top: 48px;
}

div.footer {
	background-color: #FFFFFF;
	border-left: #000000 solid 2px;
	border-right: #000000 solid 2px;
	background-color: #EEEEEE;
	padding: 12px;
	text-align: center;
}


























/* Search Title */
div#searchTitle {
	cursor: default;
	position: relative;
	margin-top: 8px;
	margin-left: auto; margin-right: auto;
	width: 800px;
	padding: 6px;
	text-align: center;
	font-size: 10pt;
	background-color: #EFEFEF;
	line-height: 22px;
}

div#searchTitle a, div#searchTitle a:active, div#searchTitle a:link, div#searchTitle a:hover, div#searchTitle a:visited {
	text-decoration: none;
	color: #000000;
	padding: 2px;
}

div#searchTitle a:hover, div#searchTitle a.selected {
	background-color: #C7C7C7;
}


/* Rounded Edges */
b.tl { position: absolute; top: 0px; left: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.tl b { position: absolute; background-color: #FFF; width: 1px; height: 1px; left: 1px; }

b.tr { position: absolute; top: 0px; right: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.tr b { position: absolute; background-color: #FFF; width: 1px; height: 1px; right: 1px; }

b.bl { position: absolute; bottom: 0px; left: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.bl b { position: absolute; background-color: #FFF; width: 1px; height: 1px; left: 1px; }

b.br { position: absolute; bottom: 0px; right: 0px; background-color: #FFF; display: block; width: 1px; height: 2px; }
b.br b { position: absolute; background-color: #FFF; width: 1px; height: 1px; right: 1px; }

/* Sub Home */
div#shContent {
	position: relative;
	width: 100%;
	height: 620px;
	margin-top: 16px;
}

/* First divider */
div.div1 {
	position: relative;
	width: 50%;
	float: left;
}

div.div2 {
	position: relative;
	width: 30%;
	float: left;
}

div.div3 {
	position: relative;
	float: right; width: 18%;
}


/* Normal header in all boxes in content */
div.header {
	line-height: normal;
	color: #FFF;
	border-bottom: #BDD3C2 solid 4px;
	text-align: center;
	padding: 3px;
	margin-bottom: 8px;
	cursor: default;
	background-repeat: repeat-x;
}

body.home div.header {
	background-color: #022662;
}
body.friends div.header, div.friends div.header {
	background-color: #A5DB92;
	background-image: url('../images/friends.header.bg.png');
}
body.dating div.header, div.dating div.header {
	background-color: #E7A17F;
	background-image: url('../images/dating.header.bg.png');
}
body.wild div.header, div.wild div.header {
	background-color: #CC807F;
	background-image: url('../images/wild.header.bg.png');
}


/* Border for all divs in sh */
body.friends div#shMessages, body.friends div#shTA, body.friends div#shFM, body.friends div#shFA, body.friends div#shTG, body.friends div#shMenu, div.friends {
	border: #27A148 solid 1px;
}
body.dating div#shMessages, body.dating div#shTA, body.dating div#shFM, body.dating div#shFA, body.dating div#shTG, body.dating div#shMenu, div.dating {
	border: #D04300 solid 1px;
}
body.wild div#shMessages, body.wild div#shTA, body.wild div#shFM, body.wild div#shFA, body.wild div#shTG, body.wild div#shMenu, div.wild {
	border: #990100 solid 1px;
}
body.home div#shMessages, body.home div#shTA, body.home div#shFM, body.home div#shFA, body.home div#shTG, body.home div#shMenu, div.home {
	border: #000000 solid 1px;
}

/* Sub Home: My Messages */
div#shMessages {
	width: 30%;
	line-height: 18pt;
	height: 200px;
	float: left;
}

div#shMessages a { text-decoration: none; color: #000000; }

div#shMessages p { padding: 8px; margin: 0px; padding: 0px; }

div#shMessages b { width: 80px; display: block; float: left; font-weight: normal; padding-left: 8px; }


/* Sub Home: Travel Adventure Box */
div#shTA {
	width: 65%;
	height: 200px;
	float: left;
	margin-left: 2%;
}

div#shTA input#openLine {
	width: 200px;
	margin-top: 16px;
	margin-left: 20px;
}

div#shTAHeader {
	padding: 16px;
	text-align: center;
	font-size: 14pt;
	color: #6A4C04;
	font-weight: bold;
}

div#shTA p { margin: 0px; padding: 0px; padding-left: 16px; padding-right: 16px; }


/* Sub Home: Featured Articles */
div#shFA {
	margin-top: 210px;
	margin-right: 2%;
	height: 374px;
}

div#shFA p { margin: 0px; padding: 0px; text-align: center; color: #6A4C04; }


/* Sub Home: Featured Members */

body.friends div#shFM, body.friends div#shTG {
	background-color: #A6DB93;
}
body.dating div#shFM, body.dating div#shTG {
	background-color: #ECD6B0;
}
body.wild div#shFM, body.wild div#shTG {
	background-color: #CC807F;
}


body.friends div#shFM div#Text a, body.friends div#shTG div#TextTravel a, body.friends div.header {
	background-color: #357158;
	color: #FFFFFF;
}
body.dating div#shFM div#Text a, body.dating div#shTG div#TextTravel a, body.dating div.header {
	background-color: #DBB871;
	color: #FFFFFF;
}
body.wild div#shFM div#Text a, body.wild div#shTG div#TextTravel a, body.wild div.header {
	background-color: #5E2626;
	color: #FFFFFF;
}

div#shFM {
	position: relative;
	margin-bottom: 16px;
	height: 300px;
}

div#shFM div#Picture img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	border-style: none;
}

div#shFM div#Text a {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
}

a.leftArrow img {
	position: absolute;
	bottom: 0px; left: 0px;
	border-style: none;
}
a.rightArrow img {
	position: absolute;
	bottom: 0px; right: 0px;
	border-style: none;
}

/* Sub Home: My Travel Groups */
div#shTG {
	position: relative;
	margin-bottom: 16px;
}

div#shTG div#PictureTravel img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	border-style: none;
}

div#shTG div#TextTravel a {
	display: block;
	text-align: center;
}

/* Sub Home: Main Menu */
div#shMenu {
	margin-right: 10px;
}

div#shMenu div.header { margin-bottom: 0px; }

div#shMenu a.menu {
	display: block;
	padding: 2px;
	padding-left: 4px;
	border-bottom: #BDD3C2 solid 2px;
}

div#shMenu a.menu, div#shMenu a.menu:link, div#shMenu a.menu:active, div#shMenu a.menu:visited {
	color: #970610;
	text-decoration: none;
}

div#shMenu a:hover {
	background-color: #BDD3C2;
}

div#shMenu img {
	border-style: none;
	width: 150px;
	height: 103px;
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto; margin-right: auto;
}

div.facebook, div.refer {
	margin-top: 8px;
	padding: 16px;
	text-align: center;
	background-color: #EFEFEF;
	border: #272727 solid 1px;
}


/* Google Map */
div#shMap {
	position: relative;
	margin-left: 10px;
}

div#shMap div.title {
	height: 60px;
	text-align: center;
}

div#shMap div#map_canvas {
	width: 610px; height: 408px;
	border: #000 solid 1px;
	position: relative;
}

div#shMap div#shRSS {
	position: absolute;
	right: 10px; top: 60px;
	border: #C7C7C7 solid 1px;
	overflow: auto;
	width: 300px;
	height: 400px;
	padding: 4px;
}

div#shMap div#shRSS ul, div#shMap div#shRSS li {
	margin: 0px; padding: 0px;
	font-size: 10pt;

}

div#shMap div#shRSS li {
	display: block;
}

div#shMap div#shRSS a, div#shMap div#shRSS a:active, div#shMap div#shRSS a:link, div#shMap div#shRSS a:visited, div#shMap div#shRSS a:hover {
	display: block;
	padding: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-image: url('../images/rss.bullet.png');
	color: #000000;
	text-decoration: none;
}

div#shMap a:hover {
	background-color: #C7C7C7;
}

.error, td.error {
	color: #FF0000;
}


/* Profile */
div.profileNav a {
	padding: 8px;
	color: #FFFFFF;
	text-decoration: none;
	border: #000 solid 1px;
}

div#page div#pageContent div.profileNav a:hover {
	color: #FFFFFF;
	background-image: none;
}

div#page div#pageContent div.profileNav a.selected {
	background-image: none;
}


body.friends div.profileNav a { background-image: url('../images/living.header.bg.png'); background-color: #A6DB93; }
body.dating div.profileNav a { background-image: url('../images/community.header.bg.png'); background-color: #ECD6B0; }
body.wild div.profileNav a { background-image: url('../images/travel.header.bg.png'); background-color: #7290CE; }

body.friends div.profileNav a:hover, body.friends div#page div#pageContent div.profileNav a.selected { background-color: #A6DB93; }
body.dating div.profileNav a:hover, body.dating div#page div#pageContent div.profileNav a.selected { background-color: #ECD6B0; }
body.wild div.profileNav a:hover, body.wild div#page div#pageContent div.profileNav a.selected { background-color: #7290CE; }