/********************************************************************************/
/***********CONSTANT ELEMENTS**********************************************************/
body {
	background-color:#292929;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	line-height: 1.6em;
	margin: 0 auto;
	width:980px;
	height:100%;
	background-image: url(../images/backgroundGradient.jpg);
	background-repeat: repeat-x;
}

html, body {
}

/********************************************************************************/
/***********FONTS ELEMENTS**********************************************************/


/*LINK FONT COLOR*/
a {
	color:#97bebe;
}

a:hover, body a:hover, .createButton a:hover, .subNavButtonDis, a:hover .messageCopy{
	color:#97bebe;
	cursor:pointer;

}

/*NORMAL FONT COLOR*/
body, .notCurrentNav, .infoTagContainer a, .fractalAuthor a, .iconStatLikesDark, .iconStatLikesLight, .bottom a, .subNav a, .titleText, .titleText a, .titleTextRight, .titleText2, .titleText3, .titleTextSmallRight a, .returnToAccount a, .searchResults, a .messageCopy {
	color:#8f8f8f;
}

/*LIGHT COLOR FOR TABS AND BUTTONS*/
a.profileTab, a.button, #nav a {
	color:#a4a4a4;
}

/*DARK COLOR FOR TABS AND BUTTONS*/
a.profileTab:hover, a.profileTabDis:hover, a.button:hover, a.profileTabDis, #nav a:hover, .pageNumContainer a, .pageNumContainerB a , .pageNumContainer a:hover, .pageNumContainerB a:hover{
	color:#1c1c1c;
}

/*HAPPY COLOR COLOR*/
.iconBefriendPending {
	color:#d5d172;
}

/*ERROR COLOR COLOR*/
.errorData, .joinContainer .errorColumn, .editSettingsContainer .errorColumn {
	color:#d57272;
	position:relative;
}

/*LINKS THAT ARE CONTAINED IN THE ROW*/
a:hover .row, a:hover .rowInRightSide{
text-decoration:underline;
color:#97bebe;

}

/*UNDERLINED*/
.row a:hover, .titleText3, H2, a:hover, body a:hover, .createButton a:hover, .subNavButtonDis, .blogEntryContainer h1  {
text-decoration:underline;
}

/*NO TEXT DECORATION*/
a, #nav a, .consistentNav, .titleContainer a:hover, .titleText a:hover, .titleText2 a:hover, .titleText3 a:hover, .infoTagContainer a:hover, .titleTextSmallRight a:hover, .pageNumContainer a:hover, .pageNumContainerB a:hover, .infoContainer a, .fractalTitle, .createButton, .infoILike a:hover, .infoILike2 a:hover, h2 {
	text-decoration:none;
}
/*BOLD*/
.searchResults {
	font-weight:bold;
}




/*INPUT FIELDS TEXT */
input, .input-box, .genderInput, .dobInput, .postalInput, .botInput, .countryInput, .browseBox, .userCommentBox, .subjectBox, .toBox, .bodyBox {
	color:#d1d1d1;
}

/*INPUT FIELDS BACKGROUND COLOR*/
.input-box, .genderInput, .dobInput, .postalInput, .botInput, .countryInput, .browseBox, .userCommentBox, .subjectBox, .toBox, .bodyBox {
	background: #464646;
}

/*NAV BACKGROUND COLOR*/
#nav a:hover {
	background-color:#dddddd;
}

/*PAGE NUM BACKGROUND COLOR*/
 .pageNumContainer a, .pageNumContainerB a {
color:#8f8f8f;
	background-color:#464646;
}

.pageNumCurrent {
	padding: 6px 9px;
	color:#8f8f8f;

}

.pageNumContainer a:hover, .pageNumContainerB a:hover {
	background-color:#7bd1d1;

}

a img {
	border: none;
}

.rightBackground p {
	line-height:8px;
}



.imageTitle {
	padding-bottom:6px;
	font-size:14px;
	font-weight:bold;
	display:block;
}

/*copy besides an image on the about page*/
.imageCopy {
	display:block;
	padding-bottom:6px;
	min-height:50px;
}

.titleText {
	float:left;
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
}
/*titleText2 is used for titles of paragraphs, and for the title of panels in the My Account Page
titleText3 is the Title of a blog*/
.titleText2, .titleText3 {
	float:left;
	font-size:13px;
	font-weight:bold;
	padding-top:6px;
	position:relative;
}
/*TITLE OF BLOG AND ABOUT PAGES*/
.titleText4 {
	float:left;
	font-size:24px;
	
	padding-top:6px;
	position:relative;
}


.leftBackgroundMail .titleText2 {
	padding-top:0;
}

.postContainer1 .titleText2, .postContainer1 .titleText3 {
	display:block;
	float:none;
	padding-bottom:8px;
	padding-top:0;
}

/*The links on the right side of the title text on the pages*/
.titleTextSmallRight {
	float:right;
	font-size:11px;
	text-transform:lowercase;
	font-weight:bold;
	margin-left:8px;
	padding-top:6px;
}

.bottom a {
	padding:10px 12px 7px 12px;
}

.currentNav {
	color:#FFFFFF;
}

/*Large Header */
h1 {
	font-size:18px;
	font-weight:normal;	

	margin:0px 0 16px 0;
	
}
/*Secondary Headers*/
h2 {
	font-size:14px;	
	font-weight:bold;
margin:20px 0 4px 0;
}

.blogDate{
	font-size:12px;
	
	font-weight:normal;

}

ul {
	margin-left: 0;
	padding-left: 2em;
	float:none;
}

.rowInRightSide .errorData {
	top:0;
	position:static;
}

.entryData {
	padding-bottom:32px;
}

/********************************************************************************/
/***********PAGE NUMBER**********************************************************/

.pageNumContainer, .pageNumContainerB {
	padding-top:20px;
	padding-bottom:4px;
	font-size:12px;
	float:left;
	position:relative;
	clear:left;
}

.pageNumContainerB {
	float:right;
	padding:0px 0 16px;
}

.tabContainer .pageNumContainer {
	float:right;
	position:relative;
	bottom:16px;
}

.pageNumContainer a, .pageNumContainerB a {
	padding: 6px 9px;
}

.pageNum {
	margin:0px 1px;
	word-spacing:8px;
}

.pageNumCurrent {
	padding: 6px 9px;
	margin:0px 1px;
	word-spacing:8px;
}

/********************************************************************************/
/***********HEADER AND NAVIGATION********************************************************/
#header {
	height:80px;
	margin-left:auto;
	margin-right:auto;
	top:0;
	width:980px;
	display:block;
	padding:0;
}

.logo {
	height:40px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:155px;
}

.logo img {
	position:relative;
}

#nav {
	height:40px;
	position:relative;
	top:3px;
	text-align:center;
}

#nav a {
	display:inline;
	font-size:10px;
	padding:10px 12px 7px 12px;
	position:relative;
	text-align:right;
	text-transform:uppercase;
}

.consistentNav {
	display:block;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-transform:uppercase;
}

.loginNav {
	width:403px;
	margin-left:25px;
}

.navUserNameBox, .navLoginBox {
	background:#6B6B6B;
	border-style:none;
	color:#FFFFFF;
	height:18px;
	margin-left:2px;
	margin-right:10px;
	padding-left:5px;
	padding-right:0px;
	position:relative;
	top:0px;
	width:75px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px
}

.navLoginBox {
	font-family:"Times New Roman", Times, serif;
	width:75px;
}

.loginCheckbox {
	top:2px;
	position:relative;
}

.goButton {
	background-color:#51b9d0;
	color:#ffffff;
	font-size:12px;
	height:24px;
	margin:0pt;
	width:45px;
	border:none;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	margin-left:8px;
	position:relative;
	top:4px;
}

/********************************************************************************/
/*****************************************************************
All the contents of the besides the footer are placed within ContentAll
****/

.contentAll {
	height: auto !important;
	height: 100%;
	/*float:left;*/
	margin: 0 0; /* the bottom margin is the negative value of the footer's height */
	width:980px;
	margin-bottom:32px;
	position:relative;
	min-height:600px;
}

.flash {
	height:525px;
	margin-left: auto;
	margin-right: auto;
	width:980px;
	position:relative;
	display:block;
	padding-bottom:0px;
}

/********************************************************************************/
/***********BACKGROUND ELEMENTS**********************************************************/


/*THE LEFT SIDE, AND RIGHT SIDE THAT ARE 604 PIXELS WIDE*/
.leftBackground {
	float:left;
	width:604px;
	background-image: url(../images/darkBar.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.rightBackgroundMail, feedbackBackground {
	float:left;
	width:737px;
	background-image: url(../images/darkBar.gif);
	background-repeat: repeat-y;
	background-position: left;
	position:relative;
	clear:right;
	margin-top:8px;
}

/*THE RIGHT SIDE THAT ARE 300 PIXELS WIDE*/
.rightBackground {
	float:right;
	width:300px;
	position:relative;
	clear:right;
	
}

.leftBackgroundMail {
	float:left;
	width:147px;
	position:relative;
	margin-top:8px;
}

.wideBackground {
	float:left;
	width:944px;
	position:relative;
	padding: 0px 18px 8px 18px;
}

.leftBackground, .rightBackground, .leftBackgroundMail, .rightBackgroundMail {
	padding: 0px 18px 18px 18px;
}

/********************************************************************************/
/***********CONTIANER ELEMENTS**********************************************************/


/*THE CONTAINER ONE WHOLE IMAGE AND THE INFOROMATION BELOW IT
smallContainer3, and smallContainer4 are images that are placed on pages like howToCreate.*/
.largeContainer, .medContainer, .smallContainer, .smallContainer2 {
	padding: 0 0 12px 0;
	float:left;
	position:relative;
}

.largeContainerHome {
	padding: 0 0 0px 0;
	float:left;
	position:relative;
}

.largeContainerHomeFlash {
	padding: 4px 0 0px 0;
	position:relative;
}

.largeContainer, .largeContainerHome {
	width:980px;
}

.medContainer {
	width:601px;/*background-image: url(../images/generatingImgMed.gif);*/
}

.smallContainer {
	width:300px;
	position:relative;/*background-image: url(../images/generatingImg.gif);*/
}

.smallContainer2, .smallContainer3, .smallContainer4 {
	width:292px;
	position:relative;/*background-image: url(../images/generatingImgMed.gif);*/
}

.smallContainer2 img {
	width:292px;
}

.smallContainer3 img {
	float:left;
	padding-right:8px;
}

.smallContainer4 {
	float:left;
	padding-right:8px;
}

.blogEntryContainer{
padding-bottom:30px;
margin-bottom:30px;
/*background-image: url(../images/lightBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
}

/*Container of the panel title and the links on it's right*/

/*titleContainer2 is the container for the Username in the Account page*/
/*titleContainer3 is the container for the About and Blog pages*/
.titleContainer, .titleContainer2, .titleContainer3 {
	background-image: url(../images/lightBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:100%;
	/*height:26px;*/
	float:left;
	margin-bottom:11px;
	display:block;
	line-height: 1.6em;
	position:relative;
}

.titleContainer3 {
margin-bottom:18px;
}

.titleContainer2 {
	background-image:none;
}

.subNav {
	width:100%;
	padding-top:8px;
	font-weight: bold;
	font-size:10px;
	text-transform:uppercase;
	float:left;
}

.searchContainer {
	width:100%;
	float:left;
}

/********************************************************************************/
/***********IMAGES AND COPY ON PAGES LIKE THE ABOUT **********************************************************/

/*Container of the images and copy*/
.postContainer1 {
	float:left;
	display:inline;
	padding-bottom:18px;
	padding-right:8px;
}

.row .postContainer1 {
	width:48%;
}

/*Image container*/
.postContainer1 .imageContainerLeft {
	position:relative;
	height:100%;
	float:left;
	margin-right:8px;
}

.postContainer1 .imageContainerRight {
	position:relative;
	height:100%;
	float:left;
}

/*copy container*/
.postContainer1 .copyContainerRight {
	position:relative;
	height:100%;
	display:table;
	padding-right:8px;
}

.postContainer1 .copyContainerLeft {
	width:211px;
	float:left;
	padding-right:8px;
	display:table;
}

/********************************************************************************/
/***********PROFILE IMAGE CONTAINER & TAB CONTAINER AND ELEMENTS **********************************************************/
.profilImageContainer {
	width:100%;
	display:block;
	float:left;
	background-image: url(../images/lightBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:3px;
}

.leftBackground .profilImageContainer {
	margin-bottom:12px;
}

.profileImage {
	margin-right:8px;
	float:left;
	display:block;
	width:100%;
	position:relative;
	background-color:#FF0000;
}

.profilImageContainer img {
	display:block;
	float:left;
}

.recentTabContainer {
	height:26px;
	width:100%;
	display:block;
	float:left;
	margin: 12px 0;
	background-image: url(../images/lightBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:8px;
}

.tabContainer {
	height:24px;
	position:relative;
	display:inline;
	margin-top:8px;
	float:left;
	width:100%;
}

.profileTab, .profileTabDis {
	text-transform:lowercase;
	position:relative;
	float:left;
	margin-right:2px;
	text-decoration: none;
}

a.profileTab, a.profileTabDis {
	background-color: transparent;
	background-image: url(../images/tabs.gif);
	background-repeat: no-repeat;
	width:110px;
	height: 100%;
	padding:2px 0px 0;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	text-transform:lowercase;
	font-size:11px;
}

a.profileTab:hover, a.profileTabDis:hover {
	background-position: 0 -41px;
	text-decoration: none;
}

a.profileTabDis, a.profileTabDis:link, a.profileTabDis:active {
	background-position: 0 -41px;
	cursor: default;
}

/********************************************************************************/
/***********ROWS**********************************************************/

.row {
	float:left;
	padding: 0 0 12px 0;
}

.column {
	padding: 0 0 16px 0;
	float:left;
}

.wideBackground .row, .wideBackground .column {
	width:980px;
}

.leftBackground .row {
	width:104%;
	position:relative;
}

.wideBackground .row {
	width:104%;
	position:relative;
}

.leftBackground .column {
	width:50%;
	position:relative;
}

.leftBackgroundMail .row {
	width:168px;
	position:relative;
}

/*container in the 3 column layout*/
.row .smallContainer {
	padding:0 22px 0 0px;
	float:left;
	position:relative;
}

/*container in the 2 column layout*/
.row .smallContainer2 {
	padding:0 20px 12px 0px;
	float:left;
	position:relative;
}

.rowInRightSide, .rowInLeftSide {
	display:block;
	width:300px;
	clear:left;
	padding-bottom:1px;
	line-height:1.6em;
	
}

.rowInLeftSide {
	width:100%;
	margin-bottom:8px;
}

.notificationBackground .rowInRightSide {
	float:right;
	width:219px;
	padding-bottom:1px;
	line-height:1.6em;
	position:relative;
	display:inline;
}

.rowInRightSide .booleenColumn {
	width:50%;
	position:relative;
	float:left;
	text-align:left;
}

.rowInLeftSide .booleenColumn {
	padding-right:18px;
	position:relative;
	float:left;
	text-align:left;
}

.alignLeft {
	float:left;
	position:relative;
}

.alignRight {
	float:right;
	position:relative;
}

/********************************************************************************/
/***********INFO CONTAINER AND ELEMENTS **********************************************************/
/*InfoContainer is contains all the info. From the I like stats, to the tags.*/


.infoContainer {
	position: relative;
	left: 0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background-image: url(../images/darkBar.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding:8px 0 8px 0;
	float:left;
}

.medContainer .infoContainer {
	padding:4px 0 8px 0;
}

.smallContainer .infoContainer, .smallContainer2 .infoContainer {
	padding:2px 0 6px 0;
}

.smallContainer3 .infoContainer {
	padding:2px 0 6px 0;
	width:70%;
	background-image: none;
}

.smallContainer4 .infoContainer {
	padding:2px 0 6px 0;
	width:100%;
	background-image: none;
}

.largeContainerHome .infoContainer {
	padding:2px 0 0px 0;
	background-image: none;
}

.largeContainerHomeFlash .infoContainer {
	padding:0;
	background-image: none;
}

.messageContainer .infoContainer {
	background-image:none;
	padding-bottom:0;
}

/*Ilike stats container*/
.infoILike {
	position:relative;
	width:35px;
	float:left;
	height:43px;
	margin-right:0px;
	line-height:24pt;
	margin-right:1px;
}

/*Ilike icon container*/
.infoILike2 {
	display:inline;
	width:41px;
	float:left;
	height:43px;
	margin-right:4px;
}

/*all the info on the left besides the ILike icons*/
.infoTagContainer {
	float:left;
	padding-top:10px;
}

.largeContainerHome .infoTagContainer {
	width:575px;
}

.medContainer .infoTagContainer {
	width:516px;
}

.smallContainer .infoTagContainer {
	width:210px;
}

.smallContainer2 .infoTagContainer {
	width:202px;
}

.largeContainerHomeFlash .infoJoinCreate {
	top:7px;
}

.infoSplit {
	position:relative;
	top:-1px;
	padding-right:7px;
	padding-left:8px;
	font-size: 14px;
	/*color:#5c5c5c;*/
}

.fractalTitle {
	text-align: left;
	font-size: 15px;
	font-weight:bold;
	padding-right:4px;
	float:left;
}

.fractalAuthor {
	position:relative;
}

.keyWords {
	top:0px;
}

/*The contents within infoRight*/
.infoRight2 {
	text-align:right;
	position:relative;
	float:left;
	bottom:10px;
}

/*The public and private area*/
.infoRight .FavAjax {
	position:relative;
	display:inline;
	padding-right:8px;
	left:0px;
}

.iconStatLikesDark, .iconILikeDark, .iconStatLikesLight, .iconILikeLight, .iconILikeDarkDis, .iconILikeLightDis, .iconIUnlikeDark, .iconIUnlikeLight {
	position:relative;
	width:100%;
	display:block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	height:100%;
	padding-bottom:0;
	text-align: center;
	font-weight:bold;
}

.iconCommentsLight, .iconCommentsDark, .iconFavLight, .iconFavDark, .iconDateLight, .iconDateDark, .iconEditLight, .iconEditDark, .iconDeleteLight, .iconDeleteDark, .iconCommentsDark, .iconCommentsLight, .iconBefriend, .iconDelete, .iconAccept {
	padding-left:14px;
	padding-top:0px;
	margin-right:0px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	text-decoration: none;
	height:100%;
}

.iconDateLight, .iconDateDark{
padding-left:0px;

}
a.iconDelete, a.iconAccept {
	width:0px;
	height:11px;
	float:right;
	left:-40%;
	position:relative;
}

.iconArrowDown, .iconArrowRight {
	display:inline;
	background-repeat: no-repeat;
	background-position: -4px 0px;
	text-decoration: none;
	width:14px;
	height:16px;
	float:left;
	top:12px;
	position:relative;
}

.subNavButtonDis, .subNavButton {
	background-repeat: no-repeat;
	background-position: -4px 0px;
	text-decoration: none;
	position:relative;
	padding-left:14px;
	padding-right:14px;
}

.subNavButtonDis {
	background-position: -4px -11px;
}

.myIcon {
	position:relative;
}

.createButton {
	height:30px;
	margin:9px 0 0 8px;
	text-transform:lowercase;
	font-size:22px;
	float:right;
	position:relative;
}

.largeContainerHomeFlash .createButton {
	margin:1px 0 0 8px;
}

.tags {
	margin-right:5px;
}

.iconStatLikesDark, .iconStatLikesLight {
	background-image:url(../images/iconILikeStatDark.gif);
	text-align: center;
}



.iconILikeDark, .iconILikeLight {
	vertical-align:bottom;
	background-image:url(../images/iconILikeDark.gif);
	text-align: center;
}


.iconILikeDarkDis, .iconILikeLightDis {
	vertical-align:bottom;
	background-image:url(../images/iconDisDark.gif);
	text-align: center;
}


.iconIUnlikeLight {
	vertical-align:bottom;
	background-image:url(../images/iconUnlikeDark.gif);
	text-align: center;
}

.iconIUnlikeDark {
	vertical-align:bottom;
	background-image:url(../images/iconUnlikeDark.gif);
	text-align: center;
}

.iconFavLight, .iconFavDark {
	background-image:url(../images/iconStarDark.gif);
}


.iconCommentsLight, .iconCommentsDark {
	background-image:url(../images/iconCommentsDark.gif);
}



.iconDateLight, .iconDateDark {
	/*background-image:url(../images/iconClockDark.gif);*/
}



.iconEditLight {
	background-image:url(../images/iconPencilDark.gif);
}

.iconDeleteLight {
	background-image:url(../images/iconXLight.gif);
}

.iconArrowDown {
	background-image:url(../images/iconArrowDown.gif);
}

.iconArrowRight {
	background-image:url(../images/iconArrowRight.gif);
}

.iconBefriend {
	background-image:url(../images/iconBefriend.gif);
}

.iconAccept {
	background-image:url(../images/iconAccept.gif);
}

.iconDelete {
	background-image:url(../images/iconDelete.gif);
}

.subNavButton, .subNavButtonDis {
	background-image:url(../images/iconSubNavArrow.gif);
}

a.iconCommentsLight:hover, a.iconCommentsLight:active, a.iconCommentsDark:hover, a.iconCommentsDark:active, a.iconFavLight:hover, a.iconFavLight:active, a.iconFavDark:hover, a.iconFavDark:active, a.iconDateLight:hover, a.iconDateLight:active, a.iconEditLight:hover, a.iconEditLight:active, a.iconDeleteLight:hover, a.iconDeleteLight:active, a.iconIlikeDark:hover, a.iconIlikeDark:active, a.iconDateDark:hover, a.iconDateDark:active, a.iconDelete:hover, a.iconAccept:hover, a.iconBefriend:hover, a.iconBefriend:active {
	text-decoration: none;
	background-position: 0 -23px;
}

a.iconStatLikesDark:hover, a.iconStatLikesDark:active, a.iconILikeDark:hover, a.iconILikeDark:active, a.iconStatLikesLight:hover, a.iconStatLikesLight:active, a.iconILikeLight:hover, a.iconILikeLight:active, a.iconIUnlikeDark:hover, a.iconIUnlikeDark:active, a.iconIUnlikeLight:hover, a.iconIUnlikeLight:active {
	background-position: 0 -46px;
}

a.iconArrowDown:hover, a.iconArrowRight:hover, a.subNavButton {
	background-position: -4px -24px;
}

.subNavButtonDis:hover, .subNavButton:hover {
	background-position: -4px -24px;
}

.likeStatsTxt {
}

.infoIconTxt {
	position:relative;
}

/********************************************************************************/
/***********SEARCH ELEMENTS**********************************************************/
.searchBy, .searchBy a, .searchBy strong {
	padding-right:8px;
}

.searchNext {
	padding-left:18px;
	float:left;
}

/********************************************************************************/
/*********** AVITAR CONTAINER **********************************************************/
.friendsContainer, .whoLikesContainer {
	float:left;
	position:relative;
	display:block;
	width:100%;
	position:relative;
}

.friendsRow {
	float:left;
	margin-bottom:8px;
}

.avatarContainer {
	margin: 0 12px 8px 0;
	width:66px;
	float:left;
}

.friendsContainer .avatarContainer {
	margin-right:16px;
	padding-bottom:18px;
	padding-bottom:18px;
	overflow:hidden;
	width:90px;
}

.whoLikesContainer .avatarContainer {
	margin-right:11px;
	padding-bottom:18px;
	padding-bottom:18px;
	overflow:hidden;
	width:88px;
}

.rightBackground .avatarContainer {
	margin-left:7px;
	margin-right:0;/*overflow:hidden;*/
}

.avitarThumb img {
	width:66px;
}

.friendsContainer .avitarThumb img, .whoLikesContainer .avitarThumb img {
	width:100%;
}

.avatarContainer .avitarThumb {
	padding:0;
	display:block;
	width:100%;
	float:left;
}

.rightBackground .avitarThumb {
/*overflow:hidden;*/
}

.avatarContainer .fractalAuthor {
	display:block;
	float:left;
	width:100%;
	text-align:center;
	font-size:11px;
	line-height:1.2em;
	margin-top:2px;
	height:18px;
}

.rightBackground .avatarContainer .fractalAuthor {
	height:28px;
}

.selectAll {
	padding-bottom:8px;
	padding-right:16px;
	height:16px;
	float:left;
}

/********************************************************************************/
/***********COMMENTS**********************************************************/

.commentContainer, .notificationBackground, .messageContainer {
	width:100%;
	padding:0 0px 8px 0px;
	margin-bottom:8px;
	float:left;
	position:relative;
}

.commentContainer {
	background-image: url(../images/darkBar.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.messageContainer {
	padding-bottom:8px;
	margin-bottom:12px;
	background-image: url(../images/darkBar.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.notificationBackground {
	width:100%;
}

.commentContainer .avitarThumb, .notificationBackground .avitarThumb, .messageContainer .avitarThumb {
	float:left;
	margin-right:8px;
}

.commentContainer .fractalAuthor, .messageContainer .fractalAuthor, .messageContainer .messageSubject {
	font-weight:bold;
}

.messageContainer .fractalAuthor, .messageContainer .messageSubject {
	display:block;
	position:relative;
}

.commentContainer .fractalAuthor, .commentContainer .commentDate {
	position:relative;
	top:-3px;
	margin-right:4px;
}

.messageContainer .commentDate {
	float:left;
	display:block;
}

.userComments {
	position:relative;
	float:left;
	display:block;
}

.messageCopy {
	overflow:hidden;
}

.messageContainer .firstRow {
}

.messageContainer .firstCol, .messageContainer .firstColA {
	width:50px;
	float:left;
}

.messageContainer .secondCol {
	width:83px;
	float:left;
}

.messageContainer .thirdCol, .messageContainer .thirdColA {
	width:332px;
	float:left;
	padding-right:18px;
}

.messageContainer .thirdColA {
	text-align:center
}

/*column within on the Read Message page*/
.messageContainer .thirdColB {
	width:454px;
	float:left;
	padding-right:18px;
}

/*column within on the Notifications page*/
.messageContainer .thirdColC {
	width:415px;
	float:left;
	padding-right:18px;
}

/*column within on the Read Notifications page*/
.messageContainer .thirdColD {
	width:537px;
	float:left;
	padding-right:18px;
}

.messageContainer .fourthCol, .messageContainer .fifthCol, .messageContainer .sixthCol {
	width:76px;
	text-align:center;
	float:left;
}

.leftBackground .userComments {
	width:486px;
}

.rightBackground .userComments {
	width:219px;
}

/********************************************************************************/
/***********PROFILE ELEMENTS**********************************************************/
.profileThumbContent {
	padding:0 18px 0 18px;
	width:100%;
	position:relative;
}

.profileThumb img {
	height:50px;
	width:50px;
	display:block;
	position:relative;
	border:none;
	border: thin solid #555555;
}

.profileThumb .fractalAuthor {
	position:relative;
	padding:8px 0 0 0;
	width:80px;
}

.profileThumb {
	padding:0 20px 15px 0;
	position:relative;
	width:100px;
	float:left;
}

.selectDownload {
	float: left;
	color: #666666;
	background: #111111;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	height:20px;
	padding:2px 2px 2px 2px;
	margin-left:8px;
	top:-5px;
	position:relative;
}

.FavAjax {
	display:inline;
}

.searchBoxParam {
	float: left;
	color: #ffffff;
	background: #666666;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	height:20px;
	padding:2px 2px 2px 2px;
	margin-right:8px;
	top:5px;
	position:relative;
}

/********************************************************************************/
/***********JOIN ELEMENTS**********************************************************/
.joinContainer {
	width:601px;
	display:inline;
	float:left;
}

.editSettingsContainer {
	width:100%;
	display:inline;
	float:left;
	padding:0 0 40px 0;
}


.joinContainer .fieldLableRow, .editSettingsContainer .fieldLableRow {
	width:100%;
}

.joinContainer .fieldRow, .editSettingsContainer .fieldRow {
	width:100%;
	display:block;
	float:left;
	padding:3px 0 20px;
}

.joinContainer .errorColumn, .editSettingsContainer .errorColumn {
	padding-left:8px;
}

.joinContainer .alertRow {
	text-align:left;
	width:100%;
	height:5px;
	float:left;
	position:relative;
	color:#FF0000;
	font-weight:bold;
}

.joinContainer .verifyImage {
	padding:10px 0 20px;
}

.joinContainer .checkBox {
	position:relative;
	top:10px;
	padding:0 8px 0 0;
	margin-right:8px;
	width:13px;
}

/********************************************************************************/
/***********EDIT SETTINTGS ELEMENTS**********************************************************/
.editSettingsContainer {
	position:relative;
	float:left;
	width:946px;
}

.editSettingsContainer .booleenLeftColumn {
	width:35%;
	float:left;
	height:18px;
}

.editSettingsContainer .booleenColumn {
	padding-left:18px;
	float:left;
	height:18px;
	top:-4px;
	position:relative;
}

.tutorialVid {
	width:600px;
	height:400px;
}

/********************************************************************************/
/***********FIELDS**********************************************************/

label {
	width: 290px;
	float: left;
	text-align: left;
}

.botImage {
	float: left;
}

.input-box, .genderInput, .dobInput, .postalInput, .botInput, .countryInput, .browseBox, .userCommentBox, .subjectBox, .toBox, .bodyBox {
	width: 13em;
	border:none;
	height:20px;
	padding:5px 5px 0 5px;
	margin-right:12px;
	position:relative;
	overflow: auto;
	border: none;
}

.userCommentBox {
	width:486px;
	height:125px;
	margin:4px 0 18px 0;
	border:none;
	position:relative;
}

.fieldRow .input-box {
	float:left;
}

.searchContainer .input-box {
	width: 420px;
	float:left;
	padding-top:8px;
	height:23px;
}

.toBox, .subjectBox {
	float:left;
	width:70%;
}

.bodyBox {
	float:left;
	width:100%;
	height:240px;
	margin-bottom:8px;
}

.rowInRightSide .input-box {
	width:96%;
	margin-bottom:8px;
}

.browseBox {
	margin: 12px 0 0 0;
}

.fieldRow .checkBox {
	float:left;
	margin-top:-11px;
}

.checkBox {
	position:relative;
	top:3px;
}

input.checkBox {
	width: 30px;
	height: 30px;
}

.validation {
	position:relative;
	left:0;
	line-height:18px;
}

.genderInput {
	width:8em;
	height:25px;
}

.countryInput {
	height:25px;
}

.dobInput {
	width:4em;
}

.postalInput {
	width:4em;
}

.botInput {
	width:4em;
}

.rightBackground .userCommentBox {
	position:relative;
	width:289px;
	margin-right:0
}

/******************************* button styles ***********************************/

a.button, a.buttonDis {
	display:block;
	background-color: transparent;
	background-image: url(../images/buttonBG.gif);
	background-repeat: no-repeat;
	width:150px;
	height: 30px;
	margin: 0 8px 0 0;
	padding: 5px 0 0 0;
	font-family:Verdana, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size:11px;
	position:relative;
	border:none;
}
.thirdColB .button{
margin-top:24px;

}
a.button:hover, a.button:active, .button:active {
	background-position: 0 -39px;
	text-decoration: none;
}

.searchContainer a.button, .searchContainer a.buttonDis, .searchContainer .button {
	float:right;
}

.fieldRow .button {
	float:left;
}

/********************************************************************************/
/***********BOTTOM ELEMENTS**********************************************************/
  
.bottom {
	width:100%;
	text-align:center;
	font-size:12px;
	float:left;
	padding:80px 0 35px;
}

.bottomBG {
	left:0;
	float:right;
	position:relative;
	margin: 0 auto;
	width:100%;
	background-repeat: repeat-x;
	height:150px;
	padding-top:160px;
	margin-bottom:20px;
}

.bottomBG .row {
	width:100%;
}

.bottomNav {
	padding:0px;
	display:inline;
	height:0;
}

.bottomLogo {
	background-image: url(../images/bottomLogo.gif);
	background-repeat: no-repeat;
	height:45px;
	background-position: center bottom;
	margin-bottom:18px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:980px;
}

.bottomLogoBar {
	background-image: url(../images/darkBar.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:18px;
	float:left;
	position:relative;
	width:100%;
}

.bottomNavCol, .bottomNavColLast {
	display:table;
	height:50px;
	float:left;
	width:33.3%;
	background-image: url(../images/darkBar.jpg);
	background-repeat: repeat-y;
	background-position: right;
	height:100%;
	margin-bottom:18px;
	text-align:center;
}

.bottomNavColLast {
	background-image: none;
}

.bottomNavCol .topRow, .bottomNavCol .row, .bottomNavColLast .topRow, .bottomNavColLast .row {
	padding:0;
	margin:0;
	width:100%;
	position:relative;
	float:left;
	height:22px;
	text-align:center;
}

.bottomNavCol .topRow, .bottomNavColLast .topRow {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}