html, body, form { height: 100%; margin: 0; padding: 0; float: left; clear: both; width: 100%; }
body { font: normal 12px Arial, Helvetica, sans-serif; color:#000; background: #fff; line-height:17px; }

/* Links and types */
h1 { font-size: 30px; line-height: 30px; font-weight: bold; color: #333535; margin: 0 0 15px 0; }
	h1.username { font-size: 40px;  line-height: 42px; font-weight: bold; color: #7ac25d; margin: -2px 0 13px 0; float: left; }
	h1.groupname { font-size: 40px;  line-height: 42px; font-weight: bold; color: #d65d3d; margin:-2px 15px 13px 0; float: left; }
	
h2 { font-size: 24px; font-weight: bold; color: #333535; margin: 0 0 10px 0; line-height:normal; }
h3 { font-size: 18px; font-weight: bold; color: #333434; padding: 0 0 0 30px; margin: 0 0 10px 0; line-height:normal; }
	h3.friends { background: url('gfx/icon_friends.gif') no-repeat left top; }
	h3.friendsBlue { background: url('gfx/icon_friendsBlue.gif') no-repeat left top; }
	h3.friendsGreen { background: url('gfx/icon_friendsGreen.gif') no-repeat left top; }
	h3.friendsOrange { background: url('gfx/icon_friendsOrange.gif') no-repeat left top; }
	h3.garage { background: url('gfx/icon_garage.gif') no-repeat left top; }
	h3.featured { background: url('gfx/icon_photos.gif') no-repeat left top; }
	h3.activity { background: url('gfx/icon_activity.gif') no-repeat left top; }
	h3.comments { background: url('gfx/icon_comments.gif') no-repeat left top; }
	h3.tags { background: url('gfx/icon_tags.gif') no-repeat left top; }
	h3.groups { background: url('gfx/icon_groups.gif') no-repeat left top; }
	h3.groupsBlue { background: url('gfx/icon_groupsBlue.gif') no-repeat left top; }
	h3.groupsGreen { background: url('gfx/icon_groupsGreen.gif') no-repeat left top; }
	h3.groupsOrange { background: url('gfx/icon_groupsOrange.gif') no-repeat left top; }
	h3.routes { background: url('gfx/icon_routes.gif') no-repeat left top; }
	h3.favorites { background: url('gfx/icon_favorites.gif') no-repeat left top; }
	h3.truck { background: url('gfx/icon_truck.gif') no-repeat left top; }
	h3.none {  padding: 0; }
	
h4 { font-size: 12px; font-weight: bold; color: #3d3d3d; margin: 0 0 5px 0; line-height:normal; }

p.ingress, span.ingress p { font-size: 20px; color: #696a6a; margin: 0 0 20px; line-height:1.2em; }
a { color: #4f82ad; text-decoration: none; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
input.empty { color: #777; }
.disabled { color: #b6b6b6; }

.float-left { float: left; }
.float-right { float: right; }

/* Framework */
.pageWrap { width: 100%; background: url('gfx/gfx_logo.png') no-repeat top center; min-height: 100%; min-width: 1005px; height: auto !important; height: 100%; margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */ }
.pageHeader { width: 966px; margin: 0 auto; padding: 24px 20px 0 20px; z-index: 2; position: relative; }
.pageContent { width: 981px; padding: 0 0 0 15px; margin: 0 auto; z-index: 1; }
.pageFooter { width: 100%; background: url('gfx/bg_footer.png') no-repeat top center;clear: both; }
.pageFooter .content { width: 981px; padding: 35px 0 20px 0; margin: 0 auto; overflow:hidden; }	
.pageFooter, .push { height: 125px; /* .push must be the same height as .footer */ }
.push { clear: both; }


/* Columns */
.column { float: left;  }
.column.signupMain { width:683px; }
.column.signupSidebar {  width:273px; }
.column.w312 { width: 312px; }
.column.w327 { width: 327px; }
.column.w654 { width: 654px; }
.column.w436 { width: 436px; }
.column.w530 { width: 530px; }
.column.w946 { width: 946px; }
.column.profileMain { width: 436px; }
.column.profileMain h1.username { width: 421px; }
.column.profileSecondary { width: 327px; }
.column.sidebar { width: 218px; }
.column.main { width: 763px;}
.column.full { width: 981px; }
.column.centered { margin: 0 auto; float: none !important; }


/* MENUES */
.menuInline ul { font-size: 14px; overflow: hidden; line-height: 15px; }
.menuInline ul.bc li { margin-right: 0; }

.menuInline li { float: left; display: inline; margin: 0 10px 0 5px; line-height: 25px; }
.menuInline li a:hover { text-decoration:underline; }
.menuInline li .disabled:hover { text-decoration:none; }
.menuInline li.active a { color: #696a6a; text-decoration: none; }
.menuInline li.disabled a { color: #bbb; padding:0 0 10px; }
.menuInline .content { border-bottom: 1px solid #cdcdcd; padding: 0 0 10px 0; }
.menuInline li.button { float: right; margin: 0 0 0 20px; }
.menuInline li.buttonAbuse { float: right; margin-right: 5px; }
.menuInline li.buttonAbuse a { color: #aaa; text-indent: -9999px; overflow:hidden; background: url('gfx/btn_abuse.gif') no-repeat; width: 19px; height: 24px; display: block; cursor: pointer; }

 li.buttonAbuse a { background: url(gfx/icon_abuse.gif) no-repeat left center; padding: 0 0 0 13px; color: #b6b6b6;}

	.column.profileMain #profileMenu { margin-bottom: 0; }
	.column.main .menuInline .content { width: 748px; }
	.column.signupMain .menuInline .content { width: 639px; }

.mainMenuWrapper { float: left; clear: both; width: 100%; padding: 25px 0 40px 0; }
.mainMenu { clear: none; width: 100%; padding: 17px 0 0 15px; text-align: center; }
.mainMenu li { display: inline; margin: 0 15px 0 0; }
.mainMenu li a {
color:#333434;
display:inline;
font-size:16px;
height:20px;
overflow:hidden;
padding:0; }
.mainMenu li a:hover { text-decoration: underline; }
.mainMenu li.active { padding: 20px 0 0 0; background: url('gfx/icon_mainMenuActive.gif') no-repeat top center; }

.userMenuWrapper { position: relative; z-index: 101; }
.userMenuWrapper.leftMenu { float:left;  }
.userMenuWrapper.rightMenu { float:right; }

.userMenu li { float: left; margin: 0 4px 0 0; overflow: hidden; cursor: pointer; }
.userMenuWrapper.rightMenu .userMenu li { margin: 0 0 0 4px; }
.userMenuWrapper.rightMenu .userMenu li.last { margin: 0; }
.userMenuWrapper.leftMenu .userMenu li.last { margin: 0; }
.userMenu li a { color: #2e2e2e; float: left; text-transform: uppercase; float: left; cursor: pointer; }
.userMenu li .left { float: left; background-position: top left; background-repeat: no-repeat; }
.userMenu li .right { line-height: 36px; height: 36px; float: left; background-position: top right; background-repeat: no-repeat; }	
	
	/* Left */
	.userMenu li a.wallposts { background: url('gfx/btn_headWallPosts.gif') repeat-x; }
	.userMenu li a.wallposts .left { background-image: url('gfx/btn_headWallPosts_left.gif'); }
	.userMenu li a.wallposts .right { background-image: url('gfx/btn_headWallPosts_right.gif'); padding: 0 15px; }	
	.userMenu li.active a.wallposts { background: url('gfx/btn_headWallPostsActive.gif') repeat-x; }
	.userMenu li.active a.wallposts .left { background-image: url('gfx/btn_headWallPostsActive_left.gif'); }
	.userMenu li.active a.wallposts .right { background-image: url('gfx/btn_headWallPostsActive_right.gif'); padding: 0 15px; color: #7e8ea6; }	

	.userMenu li a.friendRequests { background: url('gfx/btn_headFriendRequests.gif') no-repeat; width: 40px; height: 36px; text-indent: -9999px; overflow:hidden; }
	.userMenu li.active a.friendRequests { background: url('gfx/btn_headFriendRequestsActive.gif') no-repeat; }
	
	.userMenu li a.groupRequests { background: url('gfx/btn_headGroupRequests.gif') no-repeat; width: 40px; height: 36px; text-indent: -9999px; overflow:hidden; }
	.userMenu li.active a.groupRequests { background-image: url('gfx/btn_headGroupRequestsActive.gif'); }
	.userMenu li a.notifications { background: url('gfx/btn_headNotifications.gif') no-repeat; width: 40px; height: 36px; text-indent: -9999px; overflow:hidden; }
	.userMenu li.active a.notifications { background-image: url('gfx/btn_headNotificationsActive.gif'); }
	.userMenu li.open a.notifications { background-image: url('gfx/btn_headNotificationsOpen.gif'); }
	
	/* Right */
	.userMenu li a.signIn { color: #b0b0b0; }
	.userMenu li a.signIn { background: url('gfx/btn_headSignIn.gif') repeat-x; }
	.userMenu li a.signIn .left { background-image: url('gfx/btn_headSignIn_left.gif'); }
	.userMenu li a.signIn .right { background-image: url('gfx/btn_headSignIn_right.gif'); padding: 0 15px 0 32px; }
	.userMenu li.open a.signIn  { background-image: url('gfx/btn_headSignInOpen.gif'); }
	.userMenu li.open a.signIn .left { background-image: url('gfx/btn_headSignInOpen_left.gif'); }
	.userMenu li.open a.signIn .right { background-image: url('gfx/btn_headSignInOpen_right.gif'); }
	
	.userMenu li a.signOut { color: #b0b0b0; }
	.userMenu li a.signOut { background: url('gfx/btn_headSignIn.gif') repeat-x; }
	.userMenu li a.signOut .left { background-image: url('gfx/btn_headSignOut_left.gif'); }
	.userMenu li a.signOut .right { background-image: url('gfx/btn_headSignOut_right.gif'); padding: 0 33px 0 15px; }
	
	
	.userMenu li a.settings { color: #b0b0b0; }
	.userMenu li a.settings { background: url('gfx/btn_headSettings.gif') repeat-x; }
	.userMenu li a.settings .left { background-image: url('gfx/btn_headSettings_left.gif'); }
	.userMenu li a.settings .right { background-image: url('gfx/btn_headSettings_right.gif'); padding: 0 15px; }

	/* Panels */
	.userMenuPanel { position: absolute; top:36px; left: 0; z-index: 101; }
	.userMenuPanel .validationMessage { color: #f8725c; }
	.userMenuWrapper.rightMenu .userMenuPanel { right: 0; left:auto; }
	.userMenuPanel .item { padding: 10px; background: #424242; border-bottom: 1px solid #555555; color: #b3b3b3;}
	.userMenuPanel .content { padding: 10px; background: #424242; color: #b3b3b3; }
	.userMenuPanel .item.last { border-bottom: none; }
	.userMenuPanel .item a { color: #eceabf; }
	.userMenuPanel .item p { margin-bottom: 10px; }
	.userMenuPanel .item .dateline { font-style: italic; font-size: 11px; }
	.userMenuPanel .header { position: relative; background: #424242 url('gfx/bg_notification_header.gif') repeat-x; height: 10px; display:block; }
	.userMenuPanel .header .cl { position: absolute; top: 0; left: 0; background: url('gfx/bg_notification_header_left.gif') no-repeat; width: 5px; height: 9px; display: block; }
	.userMenuPanel .header .cr { position: absolute; top: 0; right: 0; background: url('gfx/bg_notification_header_right.gif') no-repeat top left; width: 46px; height: 6px; display: block; }
	.userMenuWrapper.rightMenu .userMenuPanel .header .cr { background-position: top left; }
	
	.userMenuWrapper .buttonGreenSignIn { }
	
	.userMenuWrapper .buttonGreenSignIn { background: url('gfx/btn_greenSignIn.gif') repeat-x; float: right; cursor: pointer; }
	.userMenuWrapper .buttonGreenSignIn .left { background: url('gfx/btn_greenSignIn_left.gif') no-repeat; float: left; }
	.userMenuWrapper .buttonGreenSignIn .right { background: url('gfx/btn_greenSignIn_right.gif') no-repeat top right; font-weight: bold; font-size: 16px; line-height: 35px; padding: 0 9px; color: #fff; float: left; text-transform: uppercase; }
	
	.userMenuWrapper.rightMenu .userMenuPanel { width: 248px; }
	.userMenuWrapper.rightMenu .userMenuPanel .content { width: 228px; overflow: hidden; padding-bottom: 0; }
	.userMenuPanel .content p label { display: block; clear: both; font-weight: bold; }
	.userMenuPanel .content p input { margin-bottom: 10px; border: 1px solid #b7b8b8; width: 216px; color: #696a6a; padding: 5px; }
	
	.userMenuWrapper.rightMenu .userMenuPanel .content.buttons { padding: 10px 10px 5px; }
	.userMenuPanel .content .rememberMe,
	.userMenuPanel .content .forgotPassword { float: left; clear: left; }
	.userMenuPanel .content .forgotPassword { color: #ece9bf; width: 150px; }
	
	.userMenuPanel .footer { width: 100%; }
	.userMenuPanel .footer td.cl { width: 5px; height: 5px; background: url('gfx/gfx_greySmallCorners.png') no-repeat bottom left; }
	.userMenuPanel .footer td.bottom { background: #424242; height: 5px; line-height: 5px; }
	.userMenuPanel .footer td.cr { width: 5px; height: 5px; background: url('gfx/gfx_greySmallCorners.png') no-repeat bottom right; }

.footerMenu { margin: 0 0 10px 0; float: left; clear: both;}
.footerMenu li { float: left; display: inline; margin: 0 10px 0 0; }
.footerMenu li a { color: #ecebeb; font-weight: normal; }

/* PUFFS */
.column .puff.cornered { padding: 25px 0 0 20px; margin: 0 15px 20px 0; background: #f2f1f1; position: relative; overflow: visible !important; float: left; }
.column .puff.cornered .content { margin: 0 20px 0 0; overflow: visible !important; }
.column.signupMain .puff.cornered .content { width:628px; margin:0 20px 0 0; float: left; }
.column.w654 .puff.cornered .content { width: 589px; margin:0 20px 0 0; float: left; }
.column.signupSidebar .puff.cornered .content { width: 252px; margin:0 30px 0 0; }
.column.main .puff.cornered { width: 729px; }

.column.w946 .puff.cornered { background:#dcdcdc; text-align:center; }
.column.w946 .puff.cornered .corner { background-image: url('gfx/gfx_darkGreyCorners.gif'); }
.column.w946 .puff.cornered .content { width: 926px; margin:0 20px 0 0; float: left; }


.column .puff { margin: 0 0 20px 0; overflow: hidden; clear: both; z-index: 1; }
.column .puff .content { overflow: hidden; clear: both; }
	.column.profileMain .puff { margin-bottom: 15px; }
	.column.profileMain .puff .content { width: 421px; }
	.column.main .puff { width: 763px; overflow: hidden; }
	.column.main .column.w436 .puff { width: 436px; overflow: hidden; }
	.column.main .column.w312 .puff { width: 312px; overflow: hidden; }
	.column.main .column.w327 .puff { width: 327px; overflow: hidden; }
	.column.sidebar .puff { width: 218px; }
	.column.sidebar .puff .content { width: 218px; overflow: hidden; }
	.column.profileSecondary .puff .content { width: 312px; }
	.column.profileSecondary .puff.profileActions .content { width: 310px; }
	.column.profileSecondary .puff.groupActions .content { width: 310px; }
	
	.column.main .puff.profileTextarea { margin:0; }
	
.column .puff .content {  display:block; margin: 0 15px 0 0; position: relative; }
.column .truckers .content { margin: 0; }
.column .puff .footer { text-align: right; display: block; clear: both; margin: 0 15px 0 0; overflow:hidden; }
.column .puff .footer a  { font-size: 11px; color: #5e5e5f; text-decoration: underline; float:right; clear:both; white-space:nowrap; }
.loading { background: url('gfx/icon_loading.gif') no-repeat left center; padding-left: 21px; }
	
	.column .puff.relatedGroups .content { margin-bottom: 10px; }
		
	/* HOME */
	.buttonHome { width: 335px; height: 80px; display: block; position: absolute; top: 0; left: 335px; }
	
	/* SIGN UP */
	ul.signupSteps { position: absolute; top: 5px; right: 0; }
	ul.signupSteps li a { background: url('gfx/bg_signupSteps.gif') no-repeat top right; width: 28px; height: 27px; text-align: center; line-height: 27px; display: block; float: left; font-size: 16px; color: #fff; font-weight: bold;}
	ul.signupSteps li { display: inline; margin: 0 0 0 3px; float: left;}
	ul.signupSteps li.active a { background-position: left; }
	
	ul.guide-list { padding-left:15px; }
	ul.guide-list li { list-style:disc; margin-bottom:5px; }
	
	.column.settings { margin: 0 auto; float: none;}
	
	/* POPUP */
	.popup .puff .content { width: 360px; overflow:hidden; padding-left: 214px; }
	.popup .puff .buttonGrey,
	.popup .puff .buttonGreen {float: right; margin-left: 15px; }
	.popup .puff .buttonClose { background-image: url('gfx/btn_closeModal.gif'); cursor: pointer; }
	
	.popup .puff.notSignedIn { background: url('gfx/gfx_keychain.gif') no-repeat left center; }
	.popup .puff.notSignedIn .content { padding-left:214px; }
	.popup .puff.qAddFriend { background: url('gfx/gfx_searchTrucker.gif') no-repeat 15px center; padding:5px 0; }
	.popup .puff.qAddFriend .content { padding-left:95px; }
	.popup .puff.qJoinGroup { background: url('gfx/gfx_people.gif') no-repeat 15px center; padding:5px 0; }
	.popup .puff.qJoinGroup .content { padding-left:139px; }
	
	
	
	/* EDIT BOX */
	.puff.editBox .content { background: #fbf5e9; border: 1px solid #e1e1e1; padding:10px; position: relative; color: #3d3d3d; overflow: hidden; zoom:1; }
	.editBox.noBorder .content { border-bottom: 0; border-top: 0; }
	.editBox.noBorder { margin-bottom: 0; }
	.editBox.last { border-bottom: 1px; }
	.editBox .label { }
	.editBox a {  }
	.profileMain .puff.editBox .content { width: 399px }
	.profileSecondary .puff.editBox .content { width: 290px; }
	.puff.editBox .content p { padding-right: 20px; }
	.puff.editBox .content .label { color: #626161; font-weight: bold; margin: 0 5px 0 0; }
	.puff.editBox .buttonAction { border-top: 0; border-right: 0; background: #fff; }
		
		.puff.itemTags { margin-bottom: 0; }
		.column.main .column.w327 .puff.imageMenu { border-top: 1px solid #e1e1e1; margin-bottom: 0; }
		
		/* EDIT BOX - Location */
		.editBox.profileLocation a.flag { padding: 0 0 0 26px; font-size: 18px; font-weight: bold; background-position: left center; background-repeat:no-repeat; margin-right: 15px; position: relative; }
		.main .editBox.profileLocation .content { width: 726px; }
		
	/* PROFILE ACTIONS */
	.profileActions { padding: 0 15px 0 0; }
	.profileActions .content { background: #FBF5E9; border: 1px solid #E1E1E1; width:310px; }
	.profileActions ul { padding: 5px 10px; float: left; width:304px; }
	.profileActions li { float: left; margin: 0 15px 0 0; }
	.profileActions li a { line-height: 25px; height: 25px; display: block; }
	.profileActions li.addFriend a { background: url(gfx/icon_addFriendAlt.gif) no-repeat left center; padding: 0 0 0 24px; }
	.profileActions li.removeFriend a { background: url(gfx/icon_removeFriendAlt.gif) no-repeat left center; padding: 0 0 0 24px; }
	
	.profileActions li.joinGroup a { background: url(gfx/btn_joinGroupAlt.gif) no-repeat left center; padding: 0 0 0 40px; }
	.profileActions li.leaveGroup a { background: url(gfx/icon_leaveGroupAlt.gif) no-repeat left center; padding: 0 0 0 40px;  }
	.profileActions li.inviteToGroup a { background: url(gfx/icon_inviteToGroupAlt.gif) no-repeat left center; padding: 0 0 0 32px;  }
	
	.profileActions li.friendRequestPending span { background: url(gfx/icon_pendingFriendAlt.gif) no-repeat left center; padding: 0 0 0 24px; line-height: 25px; height: 25px; display: block; color:#B6B6B6; font-weight:bold; }
	.profileActions li.like a { background: url('gfx/icon_like.gif') no-repeat left center; padding-left: 20px; }
	.profileActions li.report { float: right; }
	.profileActions li.report a { background: url(gfx/icon_abuse.gif) no-repeat left center; padding: 0 0 0 13px; color: #b6b6b6;}
	
	/* IMAGE MENU */
	.imageMenu { padding: 0 15px 0 0; }
	.imageMenu .content { background: #FBF5E9; border: 1px solid #E1E1E1; border-top: 0; border-bottom: 0; width:310px; }
	.imageMenu ul { padding: 5px 10px; float: left; width:304px; }
	.imageMenu li { float: left; margin: 0 15px 0 0; }
	.imageMenu li a { line-height: 20px; height: 20px; display: block }
		
	/* BLANK STATE */
	.blank { background: #faf5e8; border: 1px solid #dedede; padding: 20px 20px 20px; margin: 0 15px 0 0; clear: both; float: left; }
	.blank p { margin-bottom: 15px; }
	.blank ul { margin-bottom: 15px; }
	.blank li { margin-bottom: 3px; }
	.blank .enlight { font-size: 14px; color: #7ac25d; font-weight: bold; background: url('gfx/icon_arrowBlank.gif') no-repeat left center; padding: 1px 0 0 20px; cursor: pointer; display:block; line-height:16px; }
	
	.sidebar .blank.alt { border-top:none; padding:10px; width:181px; }
	.sidebar .blank.alt input.text,
	.sidebar .blank.alt textarea { width:180px; }
	.sidebar .blank.alt .buttonGreen { float:right; }
	
	.tellafriend { border-top:1px solid #dedede; margin-right:15px; clear:both; margin-top:15px; }
	
		.puff.profileLocation a.enlight { font-size: 14px; color: #7ac25d; font-weight: bold; background: url('gfx/icon_arrowBlank.gif') no-repeat left center; padding: 0 0 0 23px; }
		
	.blank img { margin-top: -21px; margin-left: -21px; margin-bottom: 20px; }
		
		.puff.itemList .blank { background: none; border: none; text-align: center; font-size: 16px; font-family: Arial; color: #696a6a; padding:20px 0; width:98%; }
		
	.profileSecondary .blank { width: 270px; }
	.sidebar .blank { width: 161px; }
	.cornered .blank { float:none; margin:0; }
		
	/* STATUS */
	.puff.profileStatus .inputStatus { width: 410px; height: auto; border: 1px solid #b7b8b8; font-size: 16px; padding: 4px 4px 1px; color: #696a6a; font-size: 14px; height: 60px; font-family: Arial,sans-serif; overflow: auto; line-height: 18px; }
	.column.main .puff.profileStatus .inputStatus { width: 738px; height:40px; }
	.puff.profileStatus .inputStatus.empty { color: #bbb; }
	.puff.profileStatus a.buttonGrey,
	.puff.profileStatus a.buttonGreen { margin: 5px 0 0 5px; float: right; clear: left; }
	.puff.profileStatus a.buttonAction { margin: 5px 0 0 5px; float: right; clear: left; position:static; top: auto; right: auto; }
	.puff.profileStatus .message { font-size: 16px; color: #696a6a; line-height:19px; }
	.column.main .puff.profileStatus .message {}
	.puff.profileStatus .message .status { clear:both; }
	.puff.profileStatus .message .dateline {font-style: italic; color: #959596; font-size: 12px; white-space:nowrap; margin-right:10px; }
	.puff.profileStatus .message .linkStatus { font-size: 12px; font-weight:normal; display:inline; white-space:nowrap; }
	.puff.profileStatus .charsLeftWrapper { font-size: 12px; margin-top: 5px; }
	
	.column.main .puff.profileStatus .content { width: 748px; }
	
	/* IMAGE LIST */
	.puff.imageList .content { margin-right: 0; }
	.puff.imageList .content .thumbnail { position: relative; display:block; height:60px; overflow:hidden; position:relative; width:60px; }
	.puff.imageList .content a { float: left; margin: 0 10px 10px 0; }
	.puff.imageList .content a img { float: left; } 	
	
	/* ACTIVITY */
	.puff.profileActivity .bar { height: 20px; width: 100%; background: url('gfx/bg_activityEmpty.gif'); display:block; }
	.puff.profileActivity .liquid { height: 20px; background: url('gfx/bg_activityFull.gif'); display:block; text-align: right; font-weight: bold; color: #fff; line-height: 20px; }
	.puff.profileActivity .liquid span { padding: 0 5px 0 0; }
	
	/* IMAGE SLIDER */
	.puff.imageSlider { margin:20px 0; width: 328px; float: left; }
	.puff.imageSlider.likedTrucks { margin-top: 0; }
	.puff.imageSlider .content { width: 312px; overflow: hidden; }
	.puff.imageSlider .easySlider ul li { height: 297px; }
	.puff.imageSlider .easySlider { margin-bottom: 10px; width: 312px;}
	.puff.imageSlider .number { position: absolute; top: 0; right: 0; background: #fff; padding: 3px 5px; font-size: 10px; font-weight: bold; }
	.puff.imageSlider li { position:relative; }
	.puff.imageSlider #prevBtn a,
	.puff.imageSlider #nextBtn a { position: absolute; top: 114px; width:34px; height:67px; text-indent: -9999px; cursor:pointer; overflow:hidden; }
	.puff.imageSlider #prevBtn a { left: 0; background: url('gfx/btn_imageViewerBack.png') no-repeat; }
	.puff.imageSlider #nextBtn a { right: 0; background: url('gfx/btn_imageViewerForward.png') no-repeat; }
	.puff.imageSlider img.imageBlank { float: left; marign: 0; border: 1px solid #dedfdf; border-bottom: 0; }
	/* Blankstate */
	.puff.profileTruck .puff.imageSlider { margin-top:20px; }
	
	/* WALL */
	.column.w327 .itemList .content { width: 312px; }
	.column.w327 .itemList .item { width: 302px; padding-bottom:5px; }
	.column.w327 .itemList .item .body { width: 231px; }
	.column.w654 .itemList .content { width: 639px; }
	.column.w654 .itemList .item { width: 628px; padding-bottom: 0; }
	.column.w654 .itemList .item .body { width: 557px; }
	.column.w654 .itemList.groups .item .body { width: 507px; float: left; }
	.puff.itemList .content { margin-bottom: 10px; overflow: hidden; width: }
	.puff.itemList .item { position: relative; border-bottom: 1px solid #cdcdcd; color: #696a6a; overflow: hidden; padding: 10px 5px; float: left; clear: both; display: block; width: 411px; }
	.puff.itemList .item.private { background: #f1f5f9; }
	.puff.itemList .item.private .buttonReply { background: url('gfx/icon_private.gif') no-repeat center left; padding-left: 22px; }
	.puff.itemList .item.private .iconPrivate { background: url('gfx/icon_private.gif') no-repeat center left; width: 22px; height: 22px; display: block; position: absolute; right: 5px; bottom: 10px; }
	
	.puff.itemList .item .heading { font-size: 14px; margin: 0 0 10px 0; display: block; }
	.itemList.groups .item .heading { font-size: 12px; }
	.puff.itemList .item .action { clear: both; width: 100%; display: block; margin:0 0 5px 0; }
	.puff.itemList .item .action .button { clear: both; margin-top: 5px; display: block; line-height: 12px; }
	.puff.itemList .item .action.description { margin-bottom: 5px; }
	.puff.itemList .item .dateline { float: left; clear: both; font-style: italic; color: #959596; display: block; margin: 0 0 5px 0;  width: 100%;  }
	.puff.itemList .item p { margin:0 0 5px 0; }
	
	.puff.itemList .item a { cursor: pointer; }
	.puff.itemList .item a.viewFriends { background: url('gfx/gfx_toggleArrow.gif') no-repeat left center; cursor:pointer; display:block; margin:5px 0		; padding:0 0 0 8px }
	.puff.itemList .item a.viewFriends.open { background: url('gfx/gfx_toggleArrowOpen.gif') no-repeat left center; }
	.puff.itemList .item .info { position: relative;overflow: hidden; }
	.puff.itemList .item .friendsList .w { border: 5px solid #f2f0f1; border-right: 0; border-bottom: 0; float: left; clear: both; float: left; zoom:1;  overflow: hidden; clear: both; }
	.puff.itemList .item .friendsList { padding-bottom: 5px; overflow: hidden; float: left; }
	.puff.itemList .item .friendsList a { display:block; float:left; border: 5px solid #f2f0f1; border-top: 0; border-left: 0; margin: 0; padding: 0; zoom:1; }
	.puff.itemList .item .friendsList a img { height: 44px; width: 44px; zoom:1; display:block; overflow:hidden; }
	
	.puff.itemList .related { width: 230px; }
	.puff.itemList .related a img { margin-right:7px; }
	
	.puff.itemList .item a { font-weight: bold; }
	.puff.itemList .item .thumbnail { float: left; margin: 0 10px 0 0; padding: 0; position: relative; }
	.puff.itemList .item .thumbnail img { float: left; margin-bottom: 5px; }
	.puff.itemList .item .body { float: right; width: 337px; }
	.puff.itemList .item img { margin: 0 0 1px 0; float:left; }
	.puff.itemList .item .buttonReply { position: absolute; bottom: 10px; right: 10px; }
	.puff.itemList .item .buttonRow { position: absolute; bottom: 5px; right: 10px; }
	.puff.itemList .item .buttonRow a { margin-left: 10px; }
	.puff.itemList .bordered { border-top: 1px solid #cdcdcd; }
	.puff.itemList .item .buttonAction { border-top:0; }
		
	.puff.itemList .item.friend { background: url('gfx/icon_friendAlert.gif') no-repeat 20px center; }
	.puff.itemList .item.group { background: url('gfx/icon_groupAlert.gif') no-repeat 15px center; }
	.puff.itemList .item.imageAdd { background: url('gfx/image_add_48.png') no-repeat 15px 15px; }
	.puff.itemList .item.commentAdd { background: url('gfx/icon_comments.gif') no-repeat 15px 15px; }
	.puff.itemList .item.truck { background: url('gfx/truck_add_48.png') no-repeat 15px center; }
	.puff.itemList .item.wall { background: url('gfx/pencil_48.png') no-repeat 15px 15px; }
	.puff.itemList .item.forum { background: url('gfx/forumevent_48.png') no-repeat 15px 15px; }
	.puff.itemList .item.friendRequest { background: #f1f5f9 /*url('gfx/icon_friendRequest.gif') no-repeat 20px center*/; }
	.puff.itemList .item.groupRequest { background: #f1f5f9 /*url('gfx/icon_groupRequest.gif') no-repeat 15px center*/; padding-bottom:18px; }
	.column.w327 .itemList.groups .item .body { width: 181px; }
	
	.puff.itemList .item .photoImg { float:left; margin:0 10px 0  0; overflow:hidden; width:60px; }
	.puff.itemList .item .photoStory { float:left; width:265px; }
	
	/* SEARCH RESULT */
	.searchResult .content { /* border-top: 1px solid #cdcdcd; */ }
	.searchResult .item { padding: 10px 5px; position: relative; clear: both; border-bottom: 1px solid #cdcdcd; color: #696a6a; overflow: hidden; }
	.searchResult .item .thumbnail { float: left; margin-right: 10px; position:relative; display:block; }
	.searchResult .item .body { float: left; }
	.searchResult .item .info { float: left; overflow:hidden; }
	.searchResult .item .body p { margin-bottom: 5px; font-style: italic; }
	.searchResult .item .body .meta { display: block; }
	.searchResult .item .body { width: 508px; }
	.column.w327 .searchResult .item .body { width: 231px; }
	.searchResult .item .heading { font-size: 14px; display: block; padding: 1px 0 0 0; line-height: 20px; }
	.searchResult .item.group .heading { background: url('gfx/icon_groups.gif') no-repeat left center; padding-left: 28px; }
	.searchResult .item.user .heading { background: url('gfx/icon_friends.gif') no-repeat left center; padding-left: 28px; }
	.searchResult .item.truck .heading { background: url('gfx/icon_garage.gif') no-repeat left center; padding-left: 28px; }
	.searchResult .item a.viewFriends { cursor: pointer; background: url('gfx/gfx_toggleArrow.gif') no-repeat 2px center; padding: 0 0 0 10px; margin: 5px 0 5px 0; display: block; }
	.searchResult .item a.viewFriends.open { background: url('gfx/gfx_toggleArrowOpen.gif') no-repeat left center; }
	.searchResult .item .friendsList .w { border: 5px solid #f2f0f1; border-right: 0; border-bottom: 0; float: left; clear: both; float: left; zoom:1;  overflow: hidden; clear: both; }
	.searchResult .item .friendsList {overflow: hidden; float: left; padding-right: 62px; }
	.column.w327  .searchResult .item .friendsList { padding-right: 30px; }
	.searchResult .item .friendsList a { display:block; float:left; border: 5px solid #f2f0f1; border-top: 0; border-left: 0; margin: 0; padding: 0; zoom:1; }
	.searchResult .item .friendsList a img { height: 44px; width: 44px; zoom:1; display:block; overflow:hidden; }

	.truckers .item { clear: none; float: left; margin-right: 15px; min-height:65px; height:auto !important; height:65px; margin-bottom:-1px; zoom:1; width:355px; }
	.truckers .item.alt { }
	.truckers .item .body { width: 285px; }
	
	.groups .item { clear: left; float: left; margin-right: 15px; min-height:65px; height:auto !important; height:65px; margin-bottom:-1px; }
	.groups .item.alt { clear: none; }
	.groups .item .body { width:225px; }
	.searchResult { margin-bottom:30px; }
	
	.searchList .item { clear:none; width:740px; }
	.searchList .item .body { width:610px; zoom:1; }
	
	
	 .column.w327 .puff.searchResult { width: 327px; zoom:1; }
	 .column.w327 .puff.searchResult .content.bordered { width:312px; zoom:1; }
	 .column.w327 .puff.searchResult .item { width:301px; zoom:1; }
	 .column.w327 .puff.searchResult h3 { border-bottom:1px solid #CDCDCD; padding-bottom:5px; }
	 
	 .column.full .puff.itemList .content { width: 981px; }
	 .column.w327 .puff.itemList { zoom:1; width:312px; }
	 .column.w327 .puff.itemList .content.bordered { width: 327px; zoom:1; }
		
		/* Filtering controls */
		.column.sidebar .puff.ctl .content { background: #f2f1f1; padding: 10px 15px 20px 15px; overflow: hidden; width:170px; }
		.column.sidebar .puff.ctl .content .section { border-bottom:1px solid #CDCDCD; margin-bottom:10px; }
		.column.sidebar .puff.ctl p { margin-bottom:10px; }
		.column.sidebar .puff.ctl p .caption { color:#696A6A; display:block; font-weight:bold; margin:0 0 4px; }
		.column.sidebar .puff.ctl .ctl-set { overflow:hidden; position:relative; cursor:pointer; }
		.column.sidebar .puff.ctl .ctl-set h4 { padding-right:40px; }
		.column.sidebar .puff.ctl .ctl-set a { position:absolute; right:0; top:0; }
		.column.sidebar .puff.ctl .ctl-view { padding:0 0 0 10px; }
		.column.sidebar .puff.ctl .buttonGreen { float:right; }
		.column.sidebar .filter { width:150px; }
		
		.searchResult .matches.filtered { text-align:left; margin-bottom:10px; }
		.searchResult .filteredBy { margin-bottom:10px; }
		.searchResult .filteredBy h4 { float:left; margin-right:10px; }
		.searchResult .filteredBy li { display:inline; background:#F2F1F1 url('gfx/gfx_filter-left.gif') no-repeat top left; padding:2px 17px 2px 5px; position:relative; margin-right:5px; font-size:12px; font-weight:bold; color:#444; }
		.searchResult .filteredBy li a { display:inline; background:url('gfx/gfx_filter-right.gif') no-repeat top right; text-indent:-9999px; display:block; position:absolute; right:0; top:0; overflow:hidden; height:19px; width:19px; }
		
		
	.puff.latestLoggedIn { width: 653px; float: left; clear: none; }
	
	/* PROFILE IMAGE */
	.puff.profileImage { position: relative; overflow: hidden; }
	.puff.profileImage.content { width: 312px; }	
	.puff.profileImage img { float: left; clear: both; margin: 0; padding: 0; clear: both; }
	
	/* FLAG */
	.flag { position: absolute; bottom: 0; right: 0; }
	
	/* PROFILE IMAGE BIO, TRUCK, GROUPS */
	.profileBio textarea { width: 280px; border: 1px solid #cdcdcd; padding: 5px; font-size: 12px; font-family: Arial, sans-serif; }
	
	
	
	.column .puff.profileImage,
	.column .puff.profileBio,
	.column .puff.profileHometown,
	.column .puff.profileTruck,
	.column .puff.profileGroups,
	.column .puff.groupCreator,
	.column .puff.profileGroups,
	.column .puff.profileLanguage,
	.column .puff.profileActions { margin-bottom: 0; border-bottom: none; }
	
	.column .puff.profileImage.last,
	.column .puff.profileBio.last,
	.column .puff.profileHometown.last,
	.column .puff.profileTruck.last,
	.column .puff.profileGroups.last,
	.column .puff.profileActions.last  { margin-bottom: 0; }
	
	.column .puff.profileBio .content,
	.column .puff.profileTruck .content,
	.column .puff.profileGroups .content,
	.column .puff.profileHometown .content,
	.column .puff.groupCreator .content { border-top: 0; }
	
		/* PUBLIC BIO, TRUCK, GROUPS */		
		.public .puff.profileBio .content, 
		.public .puff.profileTruck .content,
		.public .puff.groupCreator .content { border-bottom: 0; }
		.public .puff.profileTruck .content, 
		.public .puff.profileGroups .content { padding-top: 0; }
		
	
	.profileDetails { border-bottom: 1px solid #e1e1e1; overflow: hidden; zoom:1; position:relative; margin-right:15px; }
	.column .profileDetails .puff .blank { margin:0; border-bottom:none; }
	.column .profileDetails .puff.editBox .content { border-top:1px solid #e1e1e1; border-bottom:none; padding: 20px 10px 10px; }
	.public .profileDetails .puff.editBox .content { border-top:none; padding: 10px; }
	.public .profileDetails .puff.profileBio .content { border-bottom:1px solid #e1e1e1; }
	.column.w327 .profileDetails .puff.editBox .content { border-top:none; }
	
	.truckDetails { border-bottom: 1px solid #e1e1e1; overflow: hidden; zoom:1; position:relative; margin-right:15px; }
	
	/* POST */
	.column.profileMain .puff.profileTextarea { margin-bottom: 0; }
	.profileTextarea textarea { font-family: Arial, sans-serif; width: 399px; height: 40px; padding: 5px; font-size: 12px; margin: 0 0 10px 5px; border: 1px solid #b7b8b8; background: #f9f8f8; }
	.profileTextarea .content { border-bottom: 1px solid #cdcdcd; padding:7px 0 0; }
	.profileTextarea .content .btnPost { margin: 0 5px 10px 0; float: right; }
	.profileTextarea textarea#inputStatus { font-family: Arial, 'Helvetica', sans-serif; font-size: 12px;}
	.profileTextarea .private { background: #f1f5f9 url('gfx/bg_privateTextarea.gif') no-repeat center center;  }
	.profileTextarea textarea.empty { color: #aaa; }
	.profileTextarea .validationMessage  { padding: 5px; margin: 0 5px; display:block; background: #EDCECF; font-weight: bold; color: #484849; }
	.createThread .validationMessage  { padding: 5px; clear: both; display:block; background: #EDCECF; font-weight: bold; color: #484849 !important; }

	.profileTextarea label.labelPrivate { float: left; margin-left: 5px;}
	.profileTextarea label.labelPrivate input { margin-right: 5px; }
	
	/* SETTINGS */
	.puff.settings .content .item { width: 100%; margin: 0 0 25px; overflow:hidden; }
	.puff.settings .content .item p { font-weight: bold; border-bottom: 1px solid #ddd; float: left; clear: both; width: 100%; overflow: hidden; padding: 0 0 5px; margin: 0 0 5px; }
	.puff.settings .content .item p span { float: left; }
	.puff.settings .content .item a { float: right; cursor: pointer; zoom:1; }
	.puff.settings .content .item .buttonSave.buttonGreen { float: left; cursor: pointer; zoom:1; margin-top:5px; }
	.puff.settings .content .item div { clear: both; display: block; color: #777; }
	.puff.settings .footer { width: 599px; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #CAC9C9; padding-top: 20px; }
	.column.signupMain .puff.settings .footer a { float: right; margin: 0 0 0 20px; line-height: 23px; color: #4f82ad; }
	.column.signupMain .puff.settings .footer .buttonGreen,
	.column.signupMain .puff.settings .footer .buttonGrey { color: #fff; text-decoration: none; float: left; margin: 0; }
	.puff.settings .buttonSave,
	.puff.settings .buttonCancel,
	.puff.settings .editor { display: none; }
	.puff.settings textarea { width: 575px; height: 50px; font-family: Arial, sans-serif; padding: 5px; line-height: 14px; font-size: 12px; }
	.puff.settings .bio { display: block; text-align: left; }
	.puff.settings .password .editor p { border-bottom: none; padding: 5px 0; }
	.puff.settings .password .editor label { font-weight: normal; width: 109px; float: left; line-height: 20px; padding: 0 10px 0 0; text-align: right; }
	.puff.settings .password .editor label.showPasswordWrapper { font-size:0.9em; margin-left:10px; text-align:left; }
	.puff.settings .password .editor label.showPasswordWrapper input { margin:3px 5px 0 0; }
	.puff.settings .password .editor input { float: left; }
	.puff.settings .validationMessage { margin: 0 0 0 10px; float: left; color:#DC7F81; }
	
	.puff.settings .imageUpload { text-align: center; border-bottom: 1px solid #cdcdcd; overflow: hidden; float: left; clear: both; width: 599px; padding-bottom: 5px; }
	.puff.settings .imageUpload input { margin: 15px 0; }
	.puff.settings .imageUpload .wrap { margin: 0 5px 0px 0; display: block; position: relative; overflow: hidden; float: left; }
	.puff.settings .content .item p.infoText { padding: 5px; font-size: 11px; color: #777; margin-bottom: 20px }
	.puff.settings .footer { border-top: none; padding-top: 0; }
	
	.puff.settings .content .item div.imageWrapper { position:relative; overflow: hidden; width: 312px; margin: 0 auto; text-align: center; background: #000; }
	.puff.settings .content .item div.imageWrapper img { float: left; }
	
	.puff.settings .editor.radio { overflow: hidden; }
	.puff.settings .editor.radio label { float: left; margin-right: 10px; line-height: 25px; }
	
	.puff.settings input.large { width: 302px; }
	.puff.settings .loading { line-height: 60px; border-bottom: 0; }
	
	/* USER HEADER */
	.userHeader img { float: left; clear: none; margin:5px 10px 0 0; }
	.userHeader h1 { margin-top: 0; }
	.column .puff.userHeader { margin-bottom: 0; }
	
	/* BREAD CRUMBS */
	.puff.breadCrumbs { font-size:14px; margin: 0 0 15px 0; }
	.puff.breadCrumbs a { padding: 0 5px; font-size: 16px; line-height: 16px; margin: -1px 0; }
	.puff.breadCrumbs .paging { font-size: 12px; float: right; }
	.puff.breadCrumbs .paging a { font-size: 12px; }
	
	/* PAGING */
	.puff.paging {color: #acacac; text-align: right; padding-right: 5px; border-top:1px solid #CDCDCD;}
	.column.main .puff.paging { width:743px; }
	.column.full .puff.paging { width:961px; }
	.puff.paging a { padding:0 3px; }
	.puff.paging .active { color:#696A6A; line-height:28px; padding:7px 5px 1px; background:url('gfx/gfx_pagingActive.gif') no-repeat center top; }
	
	/* ONE IMAGE */
	.puff.oneImage .content { padding: 1px; width: 746px; background: #e3e3e3;}
	.puff.oneImage .buttonAction { top: 0; right: 0; }
	.puff.oneImage .footer { border-bottom: 1px solid #cdcdcd; text-align: left; padding: 10px 0 10px 10px; overflow: hidden;}
	.puff.oneImage .footer img { float: left; margin: 0 7px 7px 0; cursor: pointer; }
	.puff.oneImage .imageWrapper { text-align: center; overflow: hidden; cursor: pointer; }
	.puff.oneImage .imageWrapper img { margin-bottom: -3px; }
	#oneImageFooter { border-top: 0; margin-top: 0;}
	#oneImageFooter img { opacity:0.5; filter:alpha(opacity=50); }
	#oneImageFooter img.active { opacity:1; filter:alpha(opacity=100); }
	.puff.oneImage .footer a { color:#4f82ad; font-size: 12px; }
	
	/* IMAGE THUMBNAILS */
	.imageThumbnails .content .w { border: 5px solid #f2f0f1; border-right: 0; border-bottom: 0; float: left; clear: both; float: left; zoom:1;  overflow: hidden; clear: both; }
	.imageThumbnails .content  { overflow: hidden; float: left; padding-right: 24px; }
	.imageThumbnails .content span { float: left; display: block; height: 44px; width: 44px; zoom:1; border: 5px solid #f2f0f1; border-top: 0; border-left: 0; margin: 0; padding: 0; }
	.imageThumbnails .content span img { height: 44px; width: 44px; zoom:1; margin: 0; padding: 0; cursor: pointer; }
	
	/* IMAGE DESCRIPTION */
	.imageDescription textarea { font-family: Arial, sans-serif; width: 399px; height: 40px; padding: 5px; font-size: 12px; margin: 0 0 10px 5px; }
	
	/* IMAGE DESC */
	.puff.imageDesc .content { padding: 0 5px; border-bottom: 1px solid #cdcdcd; overflow: hidden; color: #464646; width: 749px; }
	.puff.imageDesc p { width: 515px; margin: 0 15px 20px 0; float:left;}
	.puff.imageDesc .imageDescription { width: 530px; margin: 0 0 20px 0; float:left; }
	.puff.imageDesc .imageDescription .content { width: 515px; margin: 0 15px 20px 0; float:left; border: 0; }
	.puff.imageDesc .imageDescription .edit {  }
	.puff.imageDesc .imageDescription .edit textarea { width: 503px; padding: 5px; border: 1px solid #B7B8B8; }
	.puff.imageDesc .imageDescription .button { float: left; clear: both; display: block; cursor: pointer; }
	.puff.imageDesc .metaData { float: left; margin: 0 10px 0 0; overflow: hidden; width: 209px; }
	.puff.imageDesc .metaData .label { font-weight: bold; clear: left; float: left; margin: 0 5px 0 0; line-height: 20px; }
	.puff.imageDesc	.metaData a { line-height: 20px; }
	.puff.imageDesc	.metaData input { float: left; clear: none; }
	.puff.imageDesc	.actions { clear:both; overflow:hidden; padding-top:20px; margin-bottom:20px; }
	.puff.imageDesc	.actions a { margin-right: 20px; }
	.puff.imageDesc .adminMenu { clear: both; padding-top: 20px; overflow: hidden; }
	.puff.imageDesc .adminMenu li { clear: both; }
	
	/* TRUCK PUFFS */
	.puff.truckPuffs .content { padding: 0 0 0 5px; border-bottom: 0 solid #cdcdcd; margin: 0 15px 0 0; width: 749px; }
	.puff.truckPuffs .item { width: 144px; color: #696a6a; float: left; margin: 0 4px 0 0; }
	.puff.truckPuffs .item .imageWrapper { position: relative; overflow: hidden; zoom:1;}
	.puff.truckPuffs .item .imageWrapper img { float: left; }
	.puff.truckPuffs .item .imageWrapper .status { width: 23px; height: 20px; display: block; background: url('gfx/icon_truckInactive.gif') no-repeat; position: absolute; bottom: 0; left: 0; border: 4px solid #fff; border-left: 0; border-bottom: 0; }
	.puff.truckPuffs .item.active .imageWrapper .status { background-image: url('gfx/icon_truck.gif'); }
	.puff.truckPuffs .item .metaData { padding:10px 5px; position: relative;}
	.puff.truckPuffs .item .year { text-align: right; }
	.puff.truckPuffs .item .metaData .buttonAction { top: 5px; }
	.puff.truckPuffs .item .metaData .label { font-weight: bold; }
	.puff.truckPuffs .footer { border-top: 1px solid #cdcdcd; padding-top: 10px;}
	
	/* CONTENT PUFF */
	.puff.content { width: 621px; }
	.puff.content .content p { font-size: 13px; margin-bottom: 15px; line-height: 17px; }
	
	
	/* STARTPAGE - JOIN */
	.puff.joinNow { background: #f2f1f1 /*url('gfx/gfx_wheel.gif') no-repeat 440px center !important*/; }
	.puff.joinNow .icon { background: transparent url('gfx/gfx_illustratedTruck185.gif') no-repeat center center !important; width:185px; height:157px; position:absolute; z-index:1; top:15px; right:15px; }
	.puff.joinNow h1 { width:520px; }
	.puff.joinNow .ingress { width:450px; }
	
	.coloredForm { float: left; clear: both; margin-bottom: 20px; zoom:1; }
	.coloredForm .wrapper  { padding: 10px; background: #7ac25d; position: relative; float: left; clear: both; }
	.coloredForm.grey .wrapper { background: #dcdcdc; width: 325px; }
	.coloredForm .wrapper input { float: left; line-height: 14px; font-size: 14px; color: #696a6a; padding: 7px; margin: 0 8px 0 0; width:200px; }
	.coloredForm .wrapper .text { border: 1px solid #6aa94a; }
	.coloredForm .wrapper .buttonJoinNow { background: url('gfx/btn_joinNow.gif') repeat-x; float: left; cursor: pointer; }
	.coloredForm .wrapper .buttonJoinNow .left { background: url('gfx/btn_joinNow_left.gif') no-repeat; float: left; }
	.coloredForm .buttonJoinNow .right { background: url('gfx/btn_joinNow_right.gif') no-repeat top right; font-weight: bold; font-size: 16px; line-height: 16px; padding: 10px 9px 8px 9px; color: #fff; float: left; text-transform: uppercase; }
	.coloredForm .caption { font-weight: bold; clear: both; float:left; color: #696a6a; margin: 0 0 5px 0; }
	
		.coloredForm.grey .wrapper  { background: #dcdcdc; }
		.coloredForm.grey .wrapper input.text { padding: 4px 3px 3px; border: 1px solid #cdcdcd; }
		.coloredForm.grey .wrapper input.email,
		.coloredForm.grey .wrapper input.password { width: 118px; float: left; }
		
		.coloredForm .wrapper .buttonSignIn { background: #a0a0a0; float: left; position: absolute; right: 10px; top: 10px; cursor: pointer; }
		.coloredForm .wrapper .buttonSignIn .left { background: url('gfx/btn_signIn_left.gif') no-repeat; float: left; }
		.coloredForm .wrapper .buttonSignIn .right { background: url('gfx/btn_signIn_right.gif') no-repeat top right; font-weight: bold; font-size: 12px; line-height: 12px; padding: 7px; color: #fff; float: left; text-transform: uppercase; }
		
		.coloredForm p.block { clear: both; float: left; width: 300px; }
		.coloredForm p.block label { width: 135px; font-size: 11px; color: #7b7b7b; float: left; margin-top: 4px; }
		.coloredForm p.block label input { margin: 2px 3px -2px 0; }
		.coloredForm p.block label span { padding-top: 3px; display: block; }
		.coloredForm p.block a { float: left; color: #7b7b7b; text-decoration: underline; font-size: 11px; padding-top: 3px; display: block; font-weight: normal; margin-top: 3px; }
		
	/* STARTPAGE - TOUR */
	.puff.tour { padding:10px 0 0 20px; width: 263px; }
	.puff.tour .content { overflow: hidden; margin-right:0; }
	.puff.tour .buttonOrangeArrow { margin: 0 0 15px 0; float: left; clear: both; zoom:1; overflow:hidden; }
	.puff.tour dl { float: left; clear: both; border-top: 1px solid #cdcdcd; padding-top: 20px; width: 278px; }
	.puff.tour dt { margin:0 0 15px; }
	.puff.tour dt a { padding: 0 0 0 20px; margin: 0 0 5px; background: url('gfx/gfx_greenArrow_right.gif') no-repeat left center; color: #333535; font-size: 15px; font-weight: normal; }
	.puff.tour dd { padding: 0 0 0 25px; color: #353535; }
	
	.puff .visitorMapWrapper { width:436px; margin:0; }
	.puff .visitorMapWrapper .menuInline { width:436px; }
	.puff .visitorMapWrapper .puff.imageList .content a { margin-right:12px; }
	
	/* STARTPAGE - FEATURED */
	.puff.featuredSlider { width: 530px; float: left; }
	.puff.featuredSlider .content { width: 530px; overflow: hidden; }
	.puff.featuredSlider .easySlider ul li { height: 353px; }
	.puff.featuredSlider .easySlider { margin-bottom: 10px; width: 530px;}
	.puff.featuredSlider li { position:relative; }
	.puff.featuredSlider li a.featuredImage { display:block; }
	.puff.featuredSlider #prevBtn a,
	.puff.featuredSlider #nextBtn a { position: absolute; top: 143px; width:34px; height:67px; text-indent: -9999px; cursor:pointer; overflow:hidden; }
	.puff.featuredSlider #prevBtn a { left: 0; background: url('gfx/btn_imageViewerBack.png') no-repeat; }
	.puff.featuredSlider #nextBtn a { right: 0; background: url('gfx/btn_imageViewerForward.png') no-repeat; }
	.puff.featuredSlider .content ul li span.addedBy { position:absolute; background:#fff; left:0; bottom:0; padding:5px 9px; filter:alpha(opacity=80); opacity:0.8; color:#696A6A; font-size:12px; font-weight:bold; }
	.puff.featuredSlider .content ul li span.addedBy a { display:inline; }

	
	/* STARTPAGE FEATURED TRUCKS *//*
	.puff.featuredTrucks .content{ width:981px; }
	.puff.featuredTrucks .content ul li { position:relative; margin:0 15px 0 3px; display:block; float:left; height:230px; }
	.puff.featuredTrucks .content ul li a { display:block; }
	.puff.featuredTrucks .content ul li span.drivenBy { position:absolute; background:#fff; left:0; bottom:0; padding:5px 9px; filter:alpha(opacity=80); opacity:0.8; color:#696A6A; font-size:12px; font-weight:bold; }
	.puff.featuredTrucks .content ul li span.drivenBy a { display:inline; }
	*/
	
	/* STARTPAGE - Signup 0 */
	.puff.signup0 { overflow: hidden; }
	.puff.signup0 .content  { width: 360px; overflow:hidden; background: url('gfx/gfx_keychain.gif') no-repeat left center; padding-left: 214px; }
	
	.puff.signup0 p.ingress { font-size: 20px; color: #696a6a; margin: 0 0 20px; width: 340px; }
	
	/* MY GARAGE */
	.puff.myGarage .item { margin: 0 0 20px;  }
	.puff.myGarage .item img { float: left; }
	.puff.myGarage .item h4 { margin:0 180px 5px 0; font-size:18px; }
	.puff.myGarage .item .data { background: #F1F5F9; border: 1px solid #e1e1e1; overflow: hidden; position: relative; height: 188px; width: 389px; padding: 20px; }
	.puff.myGarage .item .actions { clear:both; overflow:hidden; padding:0 5px 0 0; margin-bottom:20px; position:absolute; top:20px; right:20px; text-align:right; width:400px; }
	.puff.myGarage .item .adminActions { position: absolute; bottom: 20px; left: 20px; }
	.puff.myGarage .item .adminActions a { margin-right: 10px; }
	/*.puff.myGarage .item .actions a { margin-right: 20px; line-height:23px; bottom:35px; position:absolute; }*/
	.puff.myGarage .item .actions a.buttonLike { margin-right: 20px; }
	.puff.myGarage .item .goto { position: absolute; bottom: 20px; right: 20px; }
	.puff.myGarage .item .actions div { float:right; }
	.puff.myGarage .item .actions a.addthis_button_compact { margin-right: 0; font-size: 11px; line-height: 19px; }
	.puff.myGarage .item .thumbs .w { float: left; clear: both; float: left; zoom:1;  overflow: hidden; clear: both; }
	.puff.myGarage .item .thumbs { padding-bottom: 10px; overflow: hidden; float: left; position: absolute; top: 126px; }
	.puff.myGarage .item .thumbs a { float: left; display: block; height: 60px; width: 60px; zoom:1; margin:0 6px 6px 0; padding: 0; }
	.puff.myGarage .item .description { margin: 0 0 10px 0;  color: #333; }
	.puff.myGarage .item.active .data { background: #F1F5F9; }
	.puff.myGarage .item.active .data h4 a { background: url('gfx/icon_truck.gif') no-repeat left center; padding:0 0 0 30px; }
	
	/* Comment list */
	.commentList img { float: left; }
	.commentList a.item { overflow: hidden; float: left; clear: both; border-bottom: 1px solid #cdcdcd; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 203px; }
	.commentList a.item.last { border-bottom: none; margin: 0; }
	.column.sidebar .commentList.puff .content { margin: 0 15px 0 0; }
	.commentList .title { font-weight: bold; margin: 0 0 5px 0; display: block; color: #4f82ad; line-height: 12px; }
	.commentList .body { float: right; width: 132px; color: #626365; font-weight: normal; }
	.commentList .body { float: right; width: 132px; color: #626365; font-weight: normal; }
	
	.commentList.truckComments .body { width: 160px; }
	.commentList.truckComments .body span.byline { display:block; font-style: italic; }
	
	/* Image table */
	.imageTable table { float: left; clear: both; display: block; overflow: hidden; width: auto; }
	.imageTable td { width: 187px; text-align: center; vertical-align: middle; overflow:hidden; }
	.imageTable td.left { text-align: left; }
	.imageTable td.right { text-align: right; }
	.column.main .imageTable.puff .footer { clear: both; float: left; width: 748px; border-top: 1px solid #cdcdcd; margin-top: 10px; padding-top: 10px; }
	.imageTable td .wrapper { position: relative; overflow: hidden; display: block; margin: 0 0 10px 0; padding:0 5px; zoom:1; }
	.imageTable .wrapper .tag { display: block; position: absolute; bottom: 0; background: #fff; font-size: 10px; font-weight: bold; zoom:1; line-height:24px; }
	.imageTable .wrapper .buttonLike { background-color: #fff; padding:0 6px 0 23px; background-position:3px center; zoom:1; }
	.imageTable img { margin: 0; padding: 0; }
	
	/* Tag list */
	.w327 .tagList { width: 312px; }
	.w327 .tagList .content { width: 312px; }
	.tagList a.level1 { font-size: 12px; color:#5f91bb; }
	.tagList a.level2 { font-size: 14px; }
	.tagList a.level3 { font-size: 15px; color:#467aa5; }
	.tagList a.level4 { font-size: 16px; color:#3f739f; }
	.tagList a.level5 { font-size: 18px; color:#366b97; }
	
	/* TRUCKS TABLE */
	.trucksTable .item { width: 174px; float: left; margin: 0 16px 16px 0; }
	.column .puff.trucksTable .content { margin-right: 0; width: 763px; }
	.trucksTable .item a.imageTruckImage { background:url('gfx/truck_w174h147.jpg') no-repeat left top; border:1px solid #DFDDDE !important; height:147px; width:174px; display:block; border-bottom:none; }
	.trucksTable .item img {float: left; clear: both; }
	.trucksTable .item .meta { float: left; clear: both; background: #fbf5e9; padding: 10px; border: 1px solid #dfddde; border-top: none; }
	.trucksTable .item .meta table { width: 154px; }
	.trucksTable .item .meta table td { padding: 1px; }
	.trucksTable .item .meta table td.year { text-align: right; color: #696A6A; }
	.trucksTable .footer { border-top: 1px solid #cdcdcd; padding-top: 10px; }
	.trucksTable .buttonLikeWrapper { display:inline; }
	.trucksTable .buttonLike { margin-right: 10px; }
	.trucksTable a.username { color: #626365; height: 30px; float: left; }
	.trucksTable .metaData a { font-size: 11px; padding-top: 1px; }
	.trucksTable .buttonImages { background: url('gfx/icon_photoLink.gif') no-repeat left center; padding-left: 20px;}
	.trucksTable .buttonUser { background: url('gfx/icon_userLink.gif') no-repeat left 1px; padding-left: 15px; float: left; height:30px; }
	
	
	
	/* SEARCH */
	.full.searchHeaderWrapper { padding-bottom: 20px; }
	.puff.searchHeader { overflow: visible; }
	.column.full .puff.searchHeader { overflow: visible; }
	.column .searchHeader.cornered { margin-bottom: 0; }
	.searchHeader .content { width: 756px; padding: 0 0 20px 170px;	}
	.searchHeader h1 { width: 445px; float: left; margin-bottom: 5px; }
	.searchHeader p.ingress { width: 445px; float: left; clear: left;  }
	
	.searchWrapper { float: right; height: 39px; width: 295px; margin: 10px 0 0 15px; position: relative; overflow: hidden; }
	.searchWrapper input { height: 19px; width: 275px; position: absolute; top: -5px; left: -5px; padding: 18px 15px 22px; font: 14px Arial, sans-serif; color: #686868; background: url('gfx/bg_search.gif') top; border: 0; }
	.searchWrapper .leftCorner { position: absolute; left: 0; top: 0; background: #f00; display: block; width: 11px; height: 39px;  z-index: 100; background: url('gfx/bg_searchLeft.gif') no-repeat; }
	.searchWrapper a { width: 37px; height: 39px; display: block; position: absolute; right: 0; top: 0; text-indent: -999px; background: url('gfx/btn_search.gif') no-repeat; overflow:hidden; }
	.searchHeader .icon { background: url('gfx/gfx_illustratedTruck147.gif') no-repeat; width: 147px; height: 124px; display: block; position: absolute; top: -11px; left: 20px; }
	
	.searchHeader .icon.groups { background: url('gfx/gfx_people.gif') no-repeat; width: 100px; height: 135px; top: -17px; left: 50px; }
	.searchHeader .icon.photos { background: url('gfx/gfx_cameraLarge.gif') no-repeat; width: 130px; height: 130px; top: -17px; left: 35px; }
	.searchHeader .icon.truckers { background: url('gfx/gfx_searchTrucker.gif') no-repeat; width: 41px; height: 124px; top: -17px; left: 75px; }
	.searchHeader .icon.forum { background: url('gfx/gfx_wheelaxel.gif') no-repeat; width: 168px; height: 130px; top: -14px; left: 10px; }
	
	.puff.noresult { text-align: center; padding: 20px 0; margin-bottom: 0; }
	.puff.noresult .content { text-align: center; padding-top: 15px; }
	.puff.noresult .content p.ingress { line-height:27px; }
	.puff.noresult a { cursor: pointer; }
	
	/*  FILE UPLOAD */
	.puff.fileUpload .uploadifyQueueItem { color: #646464; width: 384px; line-height: 31px; background: #d7d7d7; padding: 0 10px; margin-bottom: 5px; position: relative; } 
	.puff.fileUpload .uploadifyQueueItem .cancel a { position: absolute; top: 9px; right: 10px; width: 17px; height: 17px; display: block; background: url('gfx/btn_removeSelected.gif'); } 
	
	.puff.fileUpload .footer #buttonContinue { display:none; }
	
	/* FILE UPLOAD STATUS */
	.puff.fileUpload .statusItem { color: #fff; width: 384px; line-height: 31px; padding: 0 10px; margin-bottom: 5px; position: relative; } 
	.puff.fileUpload .statusItem.failed { color: #484849; background: #EDCECF; }
	.puff.fileUpload .statusItem.completed { color: #646464; background: #d7d7d7; }
	
	/* IMAGE UPLOAD */
	.column.w654 .puff.describeImages { margin-right: 0px; }
	.column.w654 .puff.describeImages .content {  }
	.column.w654 .puff.describeImages .item { width: 614px; overflow: hidden; clear: both; padding-bottom: 0; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; float: left; }
	.column.w654 .puff.describeImages .item.last { margin: 0; border: 0; }
	.column.w654 .puff.describeImages .imageWrapper { padding-bottom: 20px; width: 268px; text-align: center; display: block; float: left; clear: both; margin: 0 20px 0 0; }
	.column.w654 .puff.describeImages .options p { width: 278px; }
	.column.w654 .puff.describeImages .options input { width: 312px; }
	.column.w654 .puff.describeImages .options select { width: 278px; }
	.column.w654 .puff.describeImages .options { float: left; width: 326px; overflow: hidden; }
	.column.w654 .puff.describeImages .options textarea { width: 312px; }
	.column.w654 .puff.describeImages .imageWrapper label { width: 100%; display: block; text-align: left;}
	
	/* PAGE FOOTER */
	.pageFooter { color: #bebebe; font-size: 11px; }
	.pageFooter .footerMenu { float: left; }
	.pageFooter a { color: #bebebe; font-weight: normal;}
	.pageFooter a:hover { text-decoration: underline; }
	.pageFooter .about { float: left; clear: left; padding: 5px 0;}
	.pageFooter .copyright { clear:both; display:block; height:18px; padding:10px 0 0; width:100%; zoom:1; }
	.pageFooter .copyright .copy { float: left; }
	.pageFooter .copyright .owner { float: right; }
	.pageFooter .language { float: right; padding: 10px; background: #373636; position: relative; overflow:hidden; }
	.pageFooter .language .w { padding-left: 20px; display: inline; background-position:left center; background-repeat: no-repeat; }
	
/* Forms */
.form p { margin: 0 0 15px 0; clear: both; float: left; width: 597px; }
.form p .corner { display: none; }
.form p.error .corner { display: block; }
.form p span.w { visibility: hidden; float: right; width: 199px; margin: 15px 0 0 0; background: #edcecf; position: relative; padding: 15px; }
.form p.error span.w { visibility: visible; }

.form label { float: left; clear: left; font-size:12px; font-weight: bold; color: #696a6a; margin: 0 0 7px 0; }
.form input.text,
.form textarea.text { margin: 0 0 0 0; color: #696a6a; border: 1px solid #b7b8b8; width: 344px; padding: 7px 6px; font-size: 14px; float: left; clear: left; }

.form p.file label { float: left; }
.form p.file input { float: left; clear: left; }

.form .selectGroup { display: block; }
.form select { margin: 0 0 0 0; color: #696a6a; border: 1px solid #b7b8b8; width: 358px; font-size: 14px; padding: 6px; clear: left; float: left; }
.form select.year { width: auto; margin: 0 10px 0 0;}
.form select.month { width: auto; float: left; clear: none; margin: 0 10px 0 0; }
.form select.day { width: auto; clear: none; }

.form .validationMessage { color: #484849; font-size: 14px; }
.form p.error span.arrow { float: right; width: 229px; background: url('gfx/gfx_redArrow.gif') no-repeat 0 30px; padding: 0 0 0 6px;}
.form p.valid .text { border: 1px solid #7ac25d; }
.form p.error .text { border: 1px solid #dc7f81; background: #fde9e9; }
.form span.w.error { background: #DFD5C3; }
.form span.w.error .text { border: 1px solid #ed7c2c; }

.form .showPasswordWrapper { padding: 5px 0 0 0; }
.form .showPasswordWrapper input { margin-right: 5px; }

.form p.checkbox { padding-left: 0; }
.form p.checkbox input { float: left; display: inline; clear: none; margin: 25px 5px 0 0; }
.form p.checkbox label { float: left; display: inline; clear: none; font-weight: normal; line-height: 18px; margin: 25px 0 0 0; }

.form p.radio label { display: inline; font-weight: normal; margin: 0 15px 0 0; clear: none; }
.form p.radio span.caption { font-weight: bold; color: #696a6a; display: block; margin: 0 0 7px 0; }

.form .userList { width: 100%; border-top: 1px solid #CAC9C9; padding-top: 15px; }
.form .userList li { float: left; width: 33%; }
.form .userList li label { color: #4f82ad; cursor: pointer; }

	/* GROUPS HEADER */
	.groups .icon { background: url(gfx/gfx_people.gif) no-repeat scroll 0 0; height:135px; left:0; position:absolute; top:-50px; width:100px; }
	.groups h1, .groups p.ingress { margin-left: 107px; }
	
	/*.cornered.groups { width: 514px; }*/
	
	/* UPLOAD HEADER */
	.fileUpload .icon,
	.describeImages .icon { background: url('gfx/gfx_camera.gif') no-repeat scroll 0 0; height:135px; left:7px; position:absolute; top:-42px; width:100px; }
	.fileUpload.truckPhotos .icon { background: url('gfx/gfx_truck.gif') no-repeat scroll 0 0; height:135px; left:7px; position:absolute; top:-42px; width:115px; }
	.fileUpload h1,
	.describeImages h1 { margin-left: 107px; }
	.fileUpload.truckPhotos h1 { margin-left: 122px; }

/* ADD TRUCK */
.puff.addTruck { overflow: hidden; }
.puff.addTruck p {  margin: 0 20px 15px 0; clear: none; float: left; width: auto; height: 40px; }
.puff.addTruck p label { display: inline; font-weight: normal; margin: 0 15px 0 0; clear: none; }
.puff.addTruck p .caption { font-weight: bold; color: #696a6a; display: block; margin: 0 0 7px 0; }
.puff.addTruck p .year { width: 50px; }
.puff.addTruck p .name { width: 94px; }
.puff.addTruck p.upload { float: right; }
.puff.addTruck p.modelWrapper { width: 80px; }
.puff.addTruck p input.model { width: 80px; }
.puff.addTruck p select.model { width: 80px; }
.puff.addTruck p select.country { width: 120px; }
.puff.addTruck p.radio label input { margin-top: 2px; }
.puff.addTruck p.radio label { line-height: 22px; }
.puff.addTruck p.radio label input.text { margin-top: 0px; }
.puff.addTruck select { margin-top: 0px; }
.column.main .puff.addTruck .footer { border-top: 1px solid #cdcdcd; overflow: hidden; padding-top: 10px; width: 708px; }
.column.main .puff.addTruck .footer .buttonDone { float:right; text-decoration: none; }
.column.main .puff.addTruck .content { background: #f2f1f1; padding: 20px 5px 20px 20px; width: 723px; overflow: hidden; }

.column .puff .form .footer { border-top: 1px solid #cac9c9; padding: 10px 0 15px 0; margin: 10px 0 10px 0; line-height: 24px; float: left; width: 100%; }
.column .puff .form .footer a { text-decoration: none; color: #4f82ad; }
.column .puff .form .footer a.buttonGreeen { color: #FFFEF4; }
.column .puff .form .footer .btnContinue,
.column .puff .form .footer .btnCancel,
.column .puff .form .footer .btnSkip { float: right; margin: 0 0 0 20px; line-height: 31px; }
.column .puff .form .footer .btnBack { float: left; margin: 0 20px 0 0; line-height: 31px; }
.column .puff .form .footer .btnForgottenPassword { float: right; line-height: 31px; }
.column .puff .form .footer .btnNoAccount { float: left; line-height: 31px; }


.form .btnUploadImage { cursor: pointer; background: #FDFCFC url('gfx/gfx_defaultUploadImage.gif') no-repeat; width: 289px; height: 203px; border: 1px solid #b7b8b8; display: block; text-align:center; margin: 0 0 20px 0; float: left; clear: both; color: #7ac25d; }
.form .btnUploadImage span.wrapper { line-height: 198px; background: url('gfx/gfx_arrow_green_up.gif') no-repeat left center; padding: 0 0 0 25px; font-size: 14px; font-weight: bold; color: #68B738 !important; }
.form .btnUploadImage span.wrapper a { color: #7ac25d; }

/* Buttons */
a.button { font-weight: bold; color: #4f82ad; text-decoration: none; cursor:pointer; }

a.buttonGrey { float: left; background: url('gfx/btn_grey.gif') repeat-x; line-height: 24px; height: 24px;  font-size: 12px; font-weight: bold; color: #fffef4; text-decoration:none !important; text-transform: uppercase; cursor:pointer; }
.column .puff .footer a.buttonGrey { color:#fffef4; }
a.buttonGrey .left { background: url('gfx/btn_grey_left.gif') no-repeat; float: left; }
a.buttonGrey .right { background: url('gfx/btn_grey_right.gif') no-repeat top right; float: left; padding: 1px 10px 0 10px;  }
a.buttonGrey:hover { background-image: url('gfx/btn_green.gif'); }
a.buttonGrey:hover .left { background-image: url('gfx/btn_green_left.gif'); }
a.buttonGrey:hover .right { background-image: url('gfx/btn_green_right.gif'); }
a.buttonGrey.remove .left { background: url('gfx/btn_grey_leftRemove.gif') no-repeat; float: left; padding: 0 0 0 15px; }
a.buttonGrey.remove:hover .left { background: url('gfx/btn_green_leftRemove.gif') no-repeat; float: left; padding: 0 0 0 15px; }

a.buttonGreen { float: left; background: url('gfx/btn_green.gif') repeat-x; line-height: 24px; height: 24px;  font-size: 12px; font-weight: bold; color: #fffef4 !important; text-decoration: none; text-transform: uppercase; cursor:pointer; text-decoration:none !important; }
a.buttonGreen .left { background: url('gfx/btn_green_left.gif') no-repeat; float: left; }
a.buttonGreen .right { background: url('gfx/btn_green_right.gif') no-repeat top right; float: left; padding: 1px 10px 0 10px;  }
a.buttonGreen.add .left { background: url('gfx/btn_green_leftAdd.gif') no-repeat; float: left; padding: 0 0 0 15px; }

a.buttonLargeGreen { float: left; background: url('gfx/btn_greenLarge.gif') repeat-x; line-height: 31px; height: 31px;  font-size: 12px; font-weight: bold; color: #fffef4; text-decoration:none !important; text-transform: uppercase; cursor:pointer; text-decoration:none !important; }
a.buttonLargeGreen .left { background: url('gfx/btn_greenLarge_left.gif') no-repeat; float: left; }
a.buttonLargeGreen .right { background: url('gfx/btn_greenLarge_right.gif') no-repeat top right; float: left; padding: 1px 10px 0 10px; color: #fff; }

a.buttonOrangeArrow { float: left; background: url('gfx/btn_orangeArrow.gif') repeat-x; line-height: 39px; height: 39px;  font-size: 18px; font-weight: bold; color: #fffef4; text-decoration:none !important; text-transform: uppercase; cursor:pointer; text-transform: uppercase; }
a.buttonOrangeArrow .l { background: url('gfx/btn_orangeArrow_left.gif') no-repeat; float: left; }
a.buttonOrangeArrow .r { background: url('gfx/btn_orangeArrow_right.gif') no-repeat top right; float: left; padding: 0 30px 1px 20px;  }

a.buttonGreenArrow { float: left; background: url('gfx/btn_greenArrow.gif') repeat-x; line-height: 39px; height: 39px;  font-size: 18px; font-weight: bold; color: #fffef4; text-decoration:none !important; text-transform: uppercase; cursor:pointer; text-transform: uppercase; }
a.buttonGreenArrow .l { background: url('gfx/btn_greenArrow_left.gif') no-repeat; float: left; }
a.buttonGreenArrow .r { background: url('gfx/btn_greenArrow_right.gif') no-repeat top right; float: left; padding: 1px 20px 0 34px;  }

.buttonLike { background: url('gfx/icon_like.gif') no-repeat left center; padding-left: 20px; line-height:19px; font-size:11px; }
.buttonLike.liked { background: url('gfx/icon_liked.gif') no-repeat left center; color:#bbb; cursor:default; }

/* Global GFX */
.corner { position: absolute; background: url('gfx/gfx_lightGreyCorners.gif') no-repeat; width: 9px; height: 9px; line-height: 0; font-size: 0; display: block; }
.corner.tr { top: 0; right: 0; background-position: top right; }
.corner.br { right: 0; bottom: 0; background-position: bottom right; }
.corner.bl { bottom: 0; left: 0; background-position: bottom left; }
.corner.tl { top: 0; left: 0; background-position: top left; }
.error .corner { background-image: url('gfx/gfx_redCorners.gif'); }
.coloredForm .corner { background-image: url('gfx/gfx_greenCorners.gif'); }
.coloredForm.grey .corner { background-image: url('gfx/gfx_greyCorners.gif'); }
.language .corner { background-image: url('gfx/gfx_greySmallCorners.gif'); width: 5px; height: 5px; }

/* ABUSE */
.column .puff.abuse  { width: 391px; margin: 15px 5px 5px; }
.column .puff.abuse .content { margin: 0 20px 0 0; }
.column.profileMain .puff.abuse .content { width: 351px; }
.column .puff.abuse p.ingress { font-size: 16px; }
.column.main .puff.abuse { margin:15px 5px 5px 0; } 
.column.main .abuse-form .content { padding-left:180px; }
.column.main .abuse-form textarea { float:left; }
.column.main .abuse-form a.btnPost { float:left; margin-left:5px; clear:left; }

/* Flags */
.flag.germany { background-image: url('gfx/icon_flagGermany.gif'); line-height:20px; }

.buttonAction { display:block; cursor: pointer; color: #4f82ad; font-size: 11px; font-weight: bold; padding: 3px 3px 3px 4px; background: #faf5e8; border: 1px solid #cdcece; position: absolute; top: 0; right: 0; line-height: 11px; zoom:1; }
.settings .buttonAction { float:left; }
.settings .buttonAction a {  }
	
	#wall .buttonAction { display: none; }

.buttonClose { cursor: pointer; width: 18px; height: 17px; display: block; position: absolute; top: 10px; right: 10px; background: url('gfx/btn_close.gif') no-repeat; text-indent: -99999px;  overflow:hidden; }

.buttonAddFriend {  cursor: pointer; color: #4f82ad; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; right: 10px; line-height: 11px;  background: url('gfx/icon_addFriend.gif') no-repeat; width:20px; height:23px; text-indent: -9999px; overflow:hidden; }
.buttonRemoveFriend {  cursor: pointer; color: #4f82ad; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; right: 10px; line-height: 11px;  background: url('gfx/icon_removeFriend.gif') no-repeat; width:20px; height: 21px; text-indent: -9999px; overflow:hidden; }

.buttonJoinGroup {  cursor: pointer; color: #4f82ad; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; right: 10px; line-height: 11px;  background: url('gfx/icon_joinGroup.gif') no-repeat; width: 35px; height: 27px; text-indent: -9999px; overflow:hidden; }
.buttonLeaveGroup {  cursor: pointer; color: #4f82ad; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; right: 10px; line-height: 11px;  background: url('gfx/icon_leaveGroup.gif') no-repeat; width: 35px; height: 27px; text-indent: -9999px; overflow:hidden; }

span.friendRequestPending { position: absolute; bottom: 10px; right: 10px; line-height: 11px;  background: url('gfx/icon_pendingFriend.gif') no-repeat; width:20px; height: 21px; text-indent: -9999px; overflow:hidden; }
.friendAdded { font-style:italic; }
.joinedGroup { font-style:italic; }



/* FORUM LIST */
.forumList { padding: 0 15px 0 0; }
.forumList .matches { border-bottom: 1px solid #CDCDCD; padding-bottom: 20px; }
.column .puff.forumList .footer { margin: 0; }
.forum h2 { font-size: 18px; font-weight: bold; color: #333434; padding-left: 10px; margin-bottom: 10px; }
.forum h2 .sub { font-weight: normal; }
.forum .puff.menuInline .content { width: 966px; }
.forumList table { width: 100%; margin-bottom: 20px; }
.forumList thead th { font-size: 14px; font-weight: bold; color: #626365; padding: 10px; background: #f9fbfd url('gfx/bg_forumBorder.gif') top right repeat-y; }
.forumList tbody tr td { padding: 10px; background: #eef1f5 url('gfx/bg_forumBorder.gif') top right repeat-y; }
.forumList tbody tr.alt td { padding: 10px; background: #f9fbfd url('gfx/bg_forumBorder.gif') top right repeat-y; }
.forumList tbody tr td.category p,
.forumList thead tr th.category p{ color:#626365; }
.forumList tbody tr td.latestPost,
.forumList thead tr th.latestPost { background-image: none; }
.forumList .latestPost { width: 401px; color: #626365; }
.forumList .threads,
.forumList .posts { width: 89px; color: #4c4d4d; }
.forumList .quote { display: block; font-style:italic; color: #7b7b7c; display: block; }
.forumList .quote a { font-weight:normal; color: #7B7B7C; }

.forumList td.threadIcon { background-image: url('gfx/icon_forumThread.gif') !important; background-repeat: no-repeat !important; background-position: center center !important; width: 25px; }
.forumList td.categoryIcon { background-image: url('gfx/icon_forumCategory.gif') !important; background-repeat: no-repeat !important; background-position: center center !important; width: 25px; }
.forumList td.forumIcon { background-image: url('gfx/icon_forumCategory.gif') !important; background-repeat: no-repeat !important; background-position: center center !important; width: 25px; }

.forumCategoryList { padding:7px; background:#d1d7de; margin-bottom:20px; }
.forumCategoryList table { margin-bottom:0; }
.forumCategoryList.cornered { overflow:visible !important; position:relative; }
.forumCategoryList.cornered .corner { position: absolute; background-image: url('gfx/gfx_lightBlueCorners.gif'); width: 5px; height: 5px; line-height: 0; font-size: 0; display: block; }
.forumCategoryList h2 { color:#444; }

.forumThreadList .content { width: 966px; }
.forumThreadList .item { background: #eef1f5 url('gfx/bg_forumBorder.gif') repeat-y 650px top; overflow: hidden; width: 966px; position:relative; }
.forumThreadList .item.alt { background-color: #f9fbfd; }
.forumThreadList .post { float: left; width: 624px; padding: 15px; }
.forumThreadList .post h2 { font-size: 14px; font-weight: bold; color: #333434; padding: 0; }
.forumThreadList .post .body { padding-bottom: 20px; }
.forumThreadList .post .body .quote { padding: 10px 10px 0 10px; border: 1px solid #ddd; color: #7b7b7c; font-style: italic;  margin-bottom: 10px; display:block; background: #fff; }

.forumThreadList .post .body .quote .quote { background: #EEF1F5; }
.forumThreadList .post .body .quote .quote .quote { background: #fff; }
.forumThreadList .post .body .quote .quote .quote .quote { background: #EEF1F5; }

.forumThreadList .post .body .quote p { margin-bottom: 10px; font-weight:normal; }
.forumThreadList .post .body .quote .byline { display: block; font-weight: bold; clear: both; color:#7B7B7C; }
.forumThreadList .post .dateLine { clear: both; float: left; display: block; width: 100%; margin-bottom: 15px; color: #626365; }
.forumThreadList .post .actions {  }
.forumThreadList .post .actions a { margin-right: 20px; }
.forumThreadList .author { width: 282px; float: left; padding: 15px; }
.forumThreadList .author .thumbnail { position: relative; float: left; clear: both; margin-right: 10px; }
.forumThreadList .author .thumbnail img { float: left; }
.forumThreadList .author .name { float: left; clear: both; width:212px;}
.forumThreadList .author .location { float: left; clear:both;}
.forumThreadList .author .info { float: left; color: #626365; width:212px; }

.forumWriteReply h3 { padding: 0 0 0 10px; font-size: 18px; }
.forumWriteReply .content { width: 616px; padding: 15px; background: #eef1f5; }
.forumWriteReply .content textarea { width: 604px; padding: 5px; border: 1px solid #b7b8b8; margin-bottom: 10px; height: 100px; font-size: 12px; line-height: 14px; }
.forumWriteReply .buttonPost { float: right; font-size: 11px; line-height:23px; font-weight: normal; }

.forumPaging { color: #696A6A; text-align: right; padding-right: 15px; }
.forumPaging a { padding: 0 3px; }
.forumPaging a.active { color: #acacac; }

h3.matches { text-align: center; margin-bottom: 20px; padding: 0; }

/* CREATE THREAD */
.createThread .content { background: #F2F1F1; padding: 20px; }
.createThread .caption { font-size: 14px; font-weight: bold; color: #333434; float: left; clear: both; }
.createThread .text { float: left; clear: both; border:1px solid #B7B8B8; margin-bottom:10px; padding:5px; width:604px; }
.createThread textarea.text { height: 100px; font-size: 12px; line-height: 16px; }
.createThread p { float: left; clear: both; }


/* Misc */
.float-right { float: right; }
#easyTooltip { padding:10px; border:1px solid #dedede; background:#fff; color: #333434; z-index:999; max-width: 180px; }
#friendRequestsTooltip { padding:10px; border:1px solid #232323; background:#424242; color: #bfbfbf; z-index: 999; }
#groupRequestsTooltip { padding:10px; border:1px solid #232323; background:#424242; color: #bfbfbf; z-index: 999; }
/* * { behavior: url('style/iepngfix.htc'); } */

/* Add this */
.addthis_button_compact { padding:0 !important; }
.at300bs.at15t_expanded, .at300bs.at15t_compact { background: url('gfx/icon_share.gif') no-repeat left center !important; height:23px !important; width:14px !important; }
.myGarage .at300bs.at15t_expanded,
.myGarage .at300bs.at15t_compact { height:19px !important; }

	/* share icons */
	.icon { width:16px; height:16px; display:block; float:left; text-indent:-9999px; overflow:hidden; margin-left:5px; }
	.icon.fb { background:url('gfx/icon_fb.gif') no-repeat top left; }
	.icon.tw { background:url('gfx/icon_tw.gif') no-repeat top left; }

/* Extra */
.iframe-wrapper { padding:10px; margin-bottom:20px; width:581px; }

	/* Google form */
	/*.ss-q-title { display:block; font-weight:bold; }¨
	.ss-choices { list-style:none outside none; margin:0.5em 0 0; padding:0; }
	.ss-choice-item { line-height:1.3em; margin:0; padding-bottom:0.5em; }
	.ss-form-entry input { margin-top:0; vertical-align:middle; }	*/

	.g-doc,.g-doc-1024,.g-doc-800{font-size:130%}
	.ss-base-body{font-size:.8em}
	.ss-textarea{max-width:99%}
	.ss-choice-item{margin:0;line-height:1.3em;padding-bottom:.5em}
	.ss-form-entry input{vertical-align:middle;margin-top:0}
	.g{color:#666}
	.i{display:inline}
	.ss-form-desc{font:inherit;white-space:pre-wrap;white-space:-moz-pre-wrap;word-wrap:break-word;width:99%;margin:0}.ss-q-title{display:block;font-weight:bold}.ss-q-help{display:block;color:#666;margin:.1em 0 .25em 0}.ss-q-long{max-width:90%}.ss-form-entry{margin-bottom:1.5em;zoom:1;}.ss-choices{list-style:none;margin:.5em 0 0 0;padding:0}.ss-powered-by{display:block;clear:left;color:#666;margin:1em 0.2em 0.2em}.ss-powered-by a:link,.ss-powered-by a:visited{color:#666}.ss-terms{display:block;clear:left;margin:1em 0.2em 0.2em}.ss-required-asterisk{color:#c43b1d}.ss-section-title{background-color:#eee;padding:0.4em;margin:2em -0.4em 0}.ss-section-description{margin-top:0.5em}.ss-page-number{color:#666;line-height:2em}hr{background-color:#ccc;height:2px;border-width:0;margin:0 -2em}.ie hr{width:107%}.ss-page-title{margin:0;padding:0}.ss-gridnumbers{text-align:center;border-bottom:1px solid #d3d8d3}.ss-gridnumber{display:block;padding:0.5em 0 .5em}.ss-gridrow{text-align:center;color:#666;border-bottom:1px solid #d3d8d3;padding:.5em .25em}.ss-grid-row-even{background-color:#fff}.ss-grid-row-odd{background-color:#f2f2f2}.ss-gridrow-leftlabel{padding:0 1em}.ss-grideditor-columns input{line-height:150%}.ss-grideditor-editor .ss-magiclist-ul span.ss-header{font-weight:bold;padding-right:1em}.ss-grid .errorbox-component .errorbox-good,.ss-grid .errorbox-component .errorbox-bad{display:none}.ss-scalenumbers{text-align:center}.ss-scalenumber{display:block;padding:0.5em 0 .5em}.ss-scalerow{text-align:center;color:#666;border:1px solid #d3d8d3;border-left:0;border-right:0;padding:.5em .25em}td.ss-leftlabel{text-align:right;padding-left:0}td.ss-rightlabel{text-align:left;padding-right:0}.errorbox-bad{border:2px solid #c43b1d;background-color:#ffe6cc;padding:2px}.errorheader{color:#c43b1d}

.iframe-survey { overflow:hidden; }
.iframe-wrapper iframe { overflow:hidden; }