/*
PROFILE 2.0 REV. 1
BASE LAYOUT
*/

/* **************************************************************************************************************************************** */
/* THE FOLLOWING SECTION IS WHAT WE'RE ASSUMING WILL BE THE CORRECT RESET IN A GLOBAL FILE */
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit;
	margin:0; outline:0; padding:0;
	vertical-align:baseline;
}

em { font-style: italic; }
strong { font-weight: bold; }
.autoResize span[style*="text-align: center"] { display: block; }

table { border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight: normal; text-align: left; }
a { text-decoration:none; }
a:link, a:active, a:visited { color:#039; }
a:hover { color:#C00; text-decoration:underline; }
:focus { outline:0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes: "" ""; }

body h1 {font-size:200%;}
body h2 {font-size:175%;}
body h3 {font-size:120%;}
body h4 {font-size:110%;}
body h5 {font-size:100%;}
body h6 {font-size:80%;}
.clear {clear:both;}

/* GLOBAL BODY/WRAP */
body { background-color:#e5e5e5; color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; line-height:1.2em; text-align: center; }
div.wrap { background-color:transparent; }

/* RESET HEADER WIDTH */
div#header { width: auto; }

/* RESET FOOTER WIDTH */
div#footer { width: auto; background-color:transparent; }

/* SECTION/HEADING */
div.section {border:2px #6698CB solid; width:100%; margin-bottom:15px;}
div.heading {background-color:#6698CB; color:#FFFFFF; margin:0;}
/* END RESET SECTION */
/* **************************************************************************************************************************************** */

/* RESET LISTS OURSELVES */
ol, ul { list-style:none; }

/*HACKS*/
div.moduleMid,
div.moduleMid1,
h3.moduleHead,
div.basicInfoModule,
ul.moduleList { zoom: 1; }														/* prevents peekabo in all modules and uls IE6 & IE7 */
* html div.basicInfoDetails { display: inline-block; }					/* prevents peekaboo and margin IE6 only */
* html object, * html embed { width: 100%; }							/* objects/embeds can't overflow columns IE6 only */
* html div.profileDemographics { float: left; }							/* fixes demographics width IE6 only */
*+html div.profileDemographics { padding-top: 5px; }					/* fixes extra padding at the top of demographics IE7 only */
div.commentsModule ul.moduleList li { line-height:0; }				/* fixes FLOAT-IN-MARGIN/LIST ITEM SCENARIO (user comments) IE6 & IE7 */
div.commentsModule ul.moduleList li div { line-height:1.5em; }	/* same as above */
div#user { display:none !important; }										/* enables hiding of mood status in header */
div#basicInfo_edit, div#content, div.module { zoom:1; }				/* enables expanding/collapsing of basicInfo and modules in row0 */
* html .autoResize { width: 98%; }											/* IE6 can't handle width:auto for resizing */
* html ul.profileUserAlbum a { display: inline-block; }			/* IE6 fixed photo width in basic info - allows auto */

/*FRAMEWORKS*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearfix:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* GLOBAL */
div.wrap { margin:0 auto; }
div.column { overflow:hidden; }
object,embed,table { max-width:100%; } /*RESIZE ANY MEDIA TO COLUMN SIZE*/
p { padding: 2px; }

/* SETTINGS */
ol.squarePhotos img, /* Friends Space Photos */
ul.squarePhotos div.user img{ /* Comments Photos */
	background-position:center top; background-repeat:no-repeat; height:90px; width:90px; }
ol.abbreviated a span, /* abbreviated names */
ul.abbreviated a span { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; margin:0 auto; }
img.ImgOnlineNow { height:auto; width:auto; }

div.module { margin:5px; padding:5px; margin-bottom:1em; }
h3.moduleHead { padding: .4em; }
div.columnEnd, div.rowEnd, div.moduleBodyEnd, div.moduleItemEnd { clear:both; }
div.contentMid2 { padding: 9px; overflow:hidden; }
div.module div.moduleBody { line-height:1.5em; }

div.toolbar span { float: left; padding: 0.5em; }
div.toolbar span span { float: none; padding: 0; }
div.toolbar ul { float: right; padding: 0.5em; }
div.toolbar ul li { float: left; padding: 0 0.5em; }
div.toolbarEnd { clear: both; }

/* RESIZING */
.autoResize { overflow: hidden; width: 100%; }
.autoResize img{ max-width:100%; }
.autoResize object, .autoResize table { overflow:hidden; width:100%; }
/*LAYOUTS*/
/*EQUAL COLUMN HEIGHT*/

div#privateProfile p { margin: 0 auto; text-align:center; font-size: 115%; }

/*0-2-0*/
body.layout_0_2_0 div.column0 { width: 35%; float:left; display: block;  }
body.layout_0_2_0 div.column1 { width: 64.5%; float:right; display: block; }
body.layout_0_2_0 div.column2,
body.layout_0_2_0 div.column3,
body.layout_0_2_0 div.row0,
body.layout_0_2_0 div.row2,
body.layout_0_2_0 div#gripper1,
body.layout_0_2_0 div#gripper2 { display: none; }

/*0_3_0*/
body.layout_0_3_0 div.column0 { width: 32%; float:left; display: block;  }
body.layout_0_3_0 div.column1 { width: 32%; float:left; display: block;  }
body.layout_0_3_0 div.column2 { width: 32%; float: right; display: block; }
body.layout_0_3_0 div.column3,
body.layout_0_3_0 div.row0,
body.layout_0_3_0 div.row2,
body.layout_0_3_0 div#gripper2 { display: none; }

/*0_4_0*/
body.layout_0_4_0 div.column0 { width: 23.5%; float:left; display: block;  }
body.layout_0_4_0 div.column1 { width: 23.5%; float:left; display: block;  }
body.layout_0_4_0 div.column2 { width: 23.5%; float: left; display: block; }
body.layout_0_4_0 div.column3 { width: 23.5%; float: right; display: block; }
body.layout_0_4_0 div.row0,
body.layout_0_4_0 div.row2 { display: none; }

/*1_2_0*/
body.layout_1_2_0 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_2_0 div.row1 div.column0 { width: 35%; float:left; display: block;  }
body.layout_1_2_0 div.row1 div.column1 { width: 64.5%; float:right; display: block; }
body.layout_1_2_0 div.column2,
body.layout_1_2_0 div.column3,
body.layout_1_2_0 div.row2,
body.layout_1_2_0 div#gripper1,
body.layout_1_2_0 div#gripper2 { display: none; }

/*1_3_0*/
body.layout_1_3_0 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_3_0 div.row1 div.column0 { width: 32%; float:left; display: block;  }
body.layout_1_3_0 div.row1 div.column1 { width: 32%; float:left; display: block;  }
body.layout_1_3_0 div.row1 div.column2 { width: 32%; float: right; display: block; }
body.layout_1_3_0 div.column3,
body.layout_1_3_0 div.row2,
body.layout_1_3_0 div#gripper2 { display: none; }

/*1_4_0*/
body.layout_1_4_0 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_4_0 div.row1 div.column0 { width: 23.5%; float:left; display: block;  }
body.layout_1_4_0 div.row1 div.column1 { width: 23.5%; float:left; display: block;  }
body.layout_1_4_0 div.row1 div.column2 { width: 23.5%; float: left; display: block; }
body.layout_1_4_0 div.row1 div.column3 { width: 23.5%; float: right; display: block; }
body.layout_1_4_0 div.row2 { display: none; }

/*0_2_1*/
body.layout_0_2_1 div.row1 div.column0 { width: 35%; float:left; display: block;  }
body.layout_0_2_1 div.row1 div.column1 { width: 64.5%; float:right; display: block; }
body.layout_0_2_1 div.column2,
body.layout_0_2_1 div.column3,
body.layout_0_2_1 div.row0,
body.layout_0_2_1 div#gripper1,
body.layout_0_2_1 div#gripper2 { display: none; }
body.layout_0_2_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*0_3_1*/
body.layout_0_3_1 div.row1 div.column0 { width: 32%; float:left; display: block;  }
body.layout_0_3_1 div.row1 div.column1 { width: 32%; float:left; display: block;  }
body.layout_0_3_1 div.row1 div.column2 { width: 32%; float: right; display: block; }
body.layout_0_3_1 div.column3,
body.layout_0_3_1 div.row0,
body.layout_0_3_1 div#gripper2 { display: none; }
body.layout_0_3_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*0_4_1*/
body.layout_0_4_1 div.row1 div.column0 { width: 23.5%; float:left; display: block;  }
body.layout_0_4_1 div.row1 div.column1 { width: 23.5%; float:left; display: block;  }
body.layout_0_4_1 div.row1 div.column2 { width: 23.5%; float: left; display: block; }
body.layout_0_4_1 div.row1 div.column3 { width: 23.5%; float: right; display: block; }
body.layout_0_4_1 div.row0 { display: none; }
body.layout_0_4_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*1_2_1*/
body.layout_1_2_1 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_2_1 div.row1 div.column0 { width: 35%; float:left; display: block;  }
body.layout_1_2_1 div.row1 div.column1 { width: 64.5%; float:right; display: block; }
body.layout_1_2_1 div.column2,
body.layout_1_2_1 div.column3,
body.layout_1_2_1 div#gripper1,
body.layout_1_2_1 div#gripper2 { display: none; }
body.layout_1_2_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*1_3_1*/
body.layout_1_3_1 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_3_1 div.row1 div.column0 { width: 32%; float:left; display: block;  }
body.layout_1_3_1 div.row1 div.column1 { width: 32%; float:left; display: block;  }
body.layout_1_3_1 div.row1 div.column2 { width: 32%; float: right; display: block; }
body.layout_1_3_1 div.column3,
body.layout_1_3_1 div#gripper2 { display: none; }
body.layout_1_3_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*1_4_1*/
body.layout_1_4_1 div.row0 { width: 100%; display: block; margin-bottom: 2%;}
body.layout_1_4_1 div.row1 div.column0 { width: 23.5%; float:left; display: block;  }
body.layout_1_4_1 div.row1 div.column1 { width: 23.5%; float:left; display: block;  }
body.layout_1_4_1 div.row1 div.column2 { width: 23.5%; float: left; display: block; }
body.layout_1_4_1 div.row1 div.column3 { width: 23.5%; float: right; display: block; }
body.layout_1_4_1 div.row2 { width: 100%; display: block; margin-top: 2%;}

/*0_1_0*/
body.layout_0_1_0 div.column0 { display:block; margin-bottom:2%; padding-bottom:0; width:100%; }
body.layout_0_1_0 div.column1,
body.layout_0_1_0 div.column2,
body.layout_0_1_0 div.column3,
body.layout_0_1_0 div.row0,
body.layout_0_1_0 div.row2,
body.layout_0_1_0 div#gripper0,
body.layout_0_1_0 div#gripper1,
body.layout_0_1_0 div#gripper2 { display: none; }

div.gripper { display:none; }

/* HIDDEN MODULE HEADERS */
div.basicInfoModule h3.moduleHead,
div.musicPlayerModule h3.moduleHead,
div.videoPlayerModule h3.moduleHead,
div.videoSliderModule h3.moduleHead { display:none; }

/*BASIC INFORMATION*/
div.basicInfoModule { position: relative; margin:5px; }
div.basicInfoModule h3.moduleHead { display: none; }
div.basicInfoModule div.basicInfoDetails span.status { margin-right:1em; }
div.basicInfoModule div.basicInfoDetails span.mood { white-space: nowrap; }
div.photo {
	height:170px;
	position:absolute;
	overflow:hidden;
	text-align:center;
	width:170px;
	visibility: visible;
}
div.photo img { max-height: 170px; }
div.photo img.nophoto { height:170px; width:170px; }
div.basicInfoDetails { padding-left: 180px; min-height:170px; }
div.basicInfoDetails h2 { display: block; float: left; line-height:1.15; overflow: hidden; width: 55%; }
span.urlLink { float: right; width:42%; overflow: hidden; text-align: right; }
a.url { background: url(../../img/V3/profile-icons.png) 0 2px no-repeat; line-height: 20px; padding-left: 35px; }
div.basicInfoDetails blockquote { width: 55%; line-height:15px; clear:left; overflow: hidden; }
div.basicInfoDetails blockquote img { vertical-align:bottom; height:15px; }
div.pageLinks { float: left; width: 55%; clear: left; }
div.pageLinks em,
div.pageLinks ul { float: left; }
div.pageLinks li { float: left; padding-left: 5px; }
ul.contactLinks { float: right; width: auto; padding-right: 5px; text-align:right; width:42%; overflow:hidden; white-space:nowrap; }
ul.contactLinks li a { padding: 6px 0 6px 25px; line-height: 22px; text-align: right; background-image: url(../../img/V3/profile-icons.png); background-repeat: no-repeat; }
ul.contactLinks li.message a { background-position: 0 -22px; }
ul.contactLinks li.addToFriends a { background-position: 0 -56px; }
ul.contactLinks li.comment a { background-position: 0 -84px; }
div.profileDemographics { padding: 10px; clear: both; min-height:65px; }
ul.profileUserInfo { float: left; width: 33%; overflow: hidden; }
ul.profileUserInfo li { line-height: 1.2em; }
h1.profileFullName { font-size:  100%; font-weight: normal; }
ul.profileUserAlbum { float:right; width:64%; height: 64px; overflow: hidden; }
ul.profileUserAlbum li { float: right; margin-left: 10px; padding: 3px; }
ul.profileUserAlbum a { display: block; width:auto; height: 55px; overflow: hidden; }
ul.profileUserAlbum a img { height: 60px; }
div.profileDemographicsEnd { clear: both; }

/*INTERESTS*/
div.interestsModule li { margin:0.2em 0; padding:5px; }
div.interestsModule li.last { margin-bottom:0; }
div.interestsModule li h4 { margin-bottom:0.5em; }

/*DETAILS*/
div.detailsModule li { margin:0.2em 0; padding:0.3em; }
div.detailsModule li.last { margin-bottom:0; }
div.detailsModule span { overflow:hidden; }

/*SCHOOLS*/
div.schoolInfo { width: 80%; float:left; }
div.courseInfo { margin-left:10px;margin-top:15px; }
div.schoolYears { width: 20%; float:right; text-align:center;}
div.schoolsModule li.moduleItem { margin:0.2em 0; padding:0.5em; }
div.schoolsModule li.last { margin-bottom:0; }
div.schoolsModule li.moduleItem ul li { margin:0.2em 0; }

/*BLOG*/
div.blogsModule ul.moduleList { margin-top:0.5em; clear:both; }
div.blogsModule ul.moduleList li { padding:0.5em 0; clear: both; }
div.blogsModule ul.moduleList li span.date { display:block; float:left; width:25%; }
div.blogsModule ul.moduleList li span.title { display:block; overflow:hidden; }
div.blogsModule div.toolbar ul.links{ overflow:hidden; max-width:100%;}

/*BLURBS*/
div.blurbsModule h4 { margin: .6em 0; }

/*CALENDAR*/
div.calendarModule li.moduleItem { clear:both; }
div.calendarModule li.moduleItem li { float:left; line-height:15px; padding:0.5em 0.5% 0.5em 0; }
div.calendarModule li.dtstart { width:23%; }
div.calendarModule li.description { width:50%; }
div.calendarModule li.location { width:20%; }
div.calendarModule li.moduleItem li.addEvent { float:right; text-align:right; padding-right: 0; }
div.calendarModule li.addEvent a { display:block; height:15px; width:17px; line-height: 15px; background: url(../../img/V3/profile-icons.png) left -90px no-repeat; }

/*FRIEND SPACE*/
div.friendSpaceModule ol.moduleList li { float:left; height:170px; margin-top:1em; overflow:hidden; text-align:center; width:111px; }
div.friendSpaceModule ol.squarePhotos li { height: 125px; }
div.friendSpaceModule ol.moduleList li span { display: block; }
div.friendSpaceModule ol.moduleList li img { max-width:90px; }
div.friendSpaceModule ol.moduleList li img.ImgOnlineNow { border: none; height:auto; width:auto; margin:0 auto; display:block; }

/*COMMENTS*/
div.commentsModule ul.moduleList { clear:both; }
div.commentsModule ul.moduleList li { margin-bottom:5px; }
div.commentsModule ul.moduleList div.user { float:left; text-align:center; width:24%; padding-top: 1em; overflow: hidden; }
div.commentsModule ul.moduleList div.user img.ImgOnlineNow { border: none; margin:0 auto; display:block; height:auto; width:auto; }
div.commentsModule ul.moduleList div.user span { display:block; margin-bottom:0.5em; overflow:hidden; }
div.commentsModule ul.moduleList div.userComment { margin-left:24%; padding:10px; }
div.commentsModule ul.moduleList div.userComment p.datePosted { margin-bottom:1em; }
ul.commentsInfo { float:right; margin-top: 6px; }
ul.commentsInfo li { float:left; margin-right:0.5em; padding-right:0.5em; }

/*NETWORKING*/
div.networkingModule li.moduleItem { margin:0.2em 0; }
div.networkingModule li.last { margin-bottom:0; }
div.networkingModule li.moduleItem ul { margin:0; line-height: 1.7em; display:inline; }
div.networkingModule li.moduleItem ul li { float:left; padding:0 0.5em; }
div.networkingModule li.moduleItem li.role { background-image:none; }
div.networkingModule li.moduleItem p { clear:both; line-height: 1.7em; padding: 0 0.5em; width:auto;}

/*COMPANIES*/
div.companiesModule div.companyInfo { float:left; width:80%; }
div.companiesModule div.companyYears { float:right; text-align:center; width:20%; }
div.companiesModule li.moduleItem { margin:0.2em 0; padding:0.3em; }
div.companiesModule li.last { margin-bottom:0; }
div.companiesModule li.moduleItem ul li { margin:0.2em 0; }

/*VIDEO PLAYER*/
div.videoPlayerModule span { width:100%; }

/*MUSIC PLAYER*/
div.musicPlayerModule div#musicPlayer { overflow: hidden; width: 100%; }

