/*
Stylesheet (c) Emir Bukva of Cidamon
http://cidamon.com/

created  2006-7-30

last rev 2007-01-25
*/

/*---( COLORS )----------------
                       default scheme              leather & jeans            Tuscany

                primary color: ff3300                       001e90             346900
              secondary color: ffb000   (tabs: ff7e00)      dd4d05 (d04500)    9e6800 (8d5d00)
               tertiary color: ffeecc                       d5e7f5             f2e9af
                utility color: 909090  (hover: 695f40)      5e2100             152546

            headings on boxes: fef5dd                       e5f1f6             f6f2cc
            light bg of boxes: fffdfa                       fbfdfe             fefdf7
             dark bg of boxes: f9fceb                       eef5fb             faf6df

                               fff8eb                       eef5fb             faf6df


 ---( IMAGE SIZES ) ------------
                  large photo: 622 x 622 max
           my profile picture: 200 x 200 max
                       medium: 130 x 130 max
                    tumbnails:  81 x 81  max

        borders and space are: 24px wide
     shading on the bottom is: 36px high
  r column boxes on index are: 133px high
*/

/*----( GENERAL )-------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	color: #001e90;
}

ul, ol, dl, li, dt, dd {
	padding: 0;
	margin: 0;
}


ul, ol {
	list-style-position: inside;
	list-style-type: none;
}

table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

	table tr, table tr td {
		padding: 0;
		margin: 0;
	}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

.clear {
	clear: both;
}

#container {
	width: 781px;
	margin: 0 auto;
	/*background-color: white;*/
}



#utilityNav {
/*	border: 1px solid orange;*/
	height: 20px;
	width: 780px;
	text-align: right;
	margin-top: 10px;
}

#utilityNav li {
/*	border: 1px dotted orange;*/
	display: inline;
	margin-left: 7px;
	padding-top: 5px;
}

#utilityNav li a {
	color: #5e2100;
}

#utilityNav li a:hover {
	color: #505050;
}

#header {
	height: 80px;
	width: 780px;
	background: #001e90 url(../common-sch2/headerCornersTop.gif) no-repeat top left;
}

#header h1 {
	width: 166px;
	height: 72px;
	float: left;
	margin: 6px 0 0 7px;
	padding: 0;
	background: url('../common-sch2/logo.gif') no-repeat 5px 6px;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 span {
	display: none;
}

#header #ad_top a img {
	border: 0;
	float: right;
	margin: 14px 13px 0 0;
}



/*----( COLOR CLASSES )-------------*/

.prim {color: #001e90;}
.sec  {color: #dd4d05;}
.ter  {color: #d5e7f5;}
.util {color: #5e2100;}
.utilDark {color: #444;}




/*----( GLOBAL NAVIGATION )-------------*/

#nav {
/*	border: 1px solid maroon;*/
	width: 780px;
	height: 28px;
	margin-bottom: 35px;
}

#nav li {
	display: inline;
}

#nav li a {
	display: block;
	float: left;
	height: 28px;
	width: 88px;
	background-color: yellow;
	text-decoration: none;
}

#nav li#nav_events a {
	width: 76px;
}

#nav li a span {
	font-size: 2px;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#nav li#nav_home    a {background: url(../common-sch2/nav/home.gif)    no-repeat 0 -28px;}
#nav li#nav_profile a {background: url(../common-sch2/nav/profile.gif) no-repeat 0 -28px;}
#nav li#nav_mail    a {background: url(../common-sch2/nav/mail.gif)    no-repeat 0 -28px;}
#nav li#nav_friends a {background: url(../common-sch2/nav/friends.gif) no-repeat 0 -28px;}
#nav li#nav_blog    a {background: url(../common-sch2/nav/blog.gif)    no-repeat 0 -28px;}
#nav li#nav_group   a {background: url(../common-sch2/nav/group.gif)   no-repeat 0 -28px;}
#nav li#nav_forum   a {background: url(../common-sch2/nav/forum.gif)   no-repeat 0 -28px;}
#nav li#nav_events  a {background: url(../common-sch2/nav/events.gif)  no-repeat 0 -28px;}
#nav li#nav_search  a {background: url(../common-sch2/nav/search.gif)  no-repeat 0 -28px;}

#nav li#nav_home    a:hover {background-position: 0 -56px;}
#nav li#nav_profile a:hover {background-position: 0 -56px;}
#nav li#nav_mail    a:hover {background-position: 0 -56px;}
#nav li#nav_friends a:hover {background-position: 0 -56px;}
#nav li#nav_blog    a:hover {background-position: 0 -56px;}
#nav li#nav_group   a:hover {background-position: 0 -56px;}
#nav li#nav_forum   a:hover {background-position: 0 -56px !important;}
#nav li#nav_events  a:hover {background-position: 0 -56px;}
#nav li#nav_search  a:hover {background-position: 0 -56px;}

.home         #nav li#nav_home    a,
.profile      #nav li#nav_profile a,
.profileEdit  #nav li#nav_profile a,
.mail         #nav li#nav_mail    a,
.friends      #nav li#nav_friends a,
#top9         #nav li#nav_friends a,
.blog         #nav li#nav_blog    a,
/*.group        #nav li#nav_group   a,*/
#group        #nav li#nav_group   a,
.groupCreate  #nav li#nav_group   a,
.groupInvite  #nav li#nav_group   a,
.groupView    #nav li#nav_group   a,
/*.forum        #nav li#nav_forum   a,*/
#forum        #nav li#nav_forum   a,
.events       #nav li#nav_events  a,
.eventCreate  #nav li#nav_events  a,
.eventView    #nav li#nav_events  a,
/* .search       #nav li#nav_search  a, */
#search       #nav li#nav_search  a  {background-position: 0 0;}

.home         #nav li#nav_home    a:hover,
.profile      #nav li#nav_profile a:hover,
.profileEdit  #nav li#nav_profile a:hover,
.mail         #nav li#nav_mail    a:hover,
.friends      #nav li#nav_friends a:hover,
.blog         #nav li#nav_blog    a:hover,
.group        #nav li#nav_group   a:hover,
.groupCreate  #nav li#nav_group   a:hover,
.groupInvite  #nav li#nav_group   a:hover,
.groupView    #nav li#nav_group   a:hover,
.forum        #nav li#nav_forum   a:hover,
.events       #nav li#nav_events  a:hover,
.eventCreate  #nav li#nav_events  a:hover,
.eventView    #nav li#nav_events  a:hover,
.search       #nav li#nav_search  a:hover {background-position: 0 0;}

/*the above block is only for the sake of IE, it's hover state overrides the "on" state two blocks above*/


/*----( INDEX, WELLCOME PAGE )--------------*/

.index #header {
	height: 87px;
	background: white url(../common-sch2/headerWhole.gif) no-repeat top left;
	margin-bottom: 13px;
}

.index #login {
	float: right;
	width: 213px;
	height: 247px;
	background: white url(../common-sch2/welcome/loginBackground1.gif) no-repeat top left;
	padding-top: 10px;
}

.index #login table {
	text-align: center;
}

.index #login table tr td {
	padding: 5px 5px 4px 5px;
}

.index #login table tr td input.wemail,
.index #login table tr td input.wpass {
	width: 200px !important;
	width: 190px;
}

.index #login table tr.remember td {
	color: white;
	font-size: 11px;
	text-align: left;
}

.index #login table tr.buttons td {
} 

.index #login table tr.forgot td a {
	color: white;
}

.index #login p.signup a {
	font-size: 25px;
	color: white;
	display: block;
	width: 100%;
	height: 50px;
	padding-top: 20px !important;
	padding-top: 15px;
	margin-top: 20px !important;
	text-align: center;
}

	.index #login p.signup a:hover {
		color: #dd4d05;
	}	



.index #text {
	width: 553px;
	height: 237px;
	padding-top: 10px;
	background: white url(../common-sch2/welcome/textBackground.gif) no-repeat top left;
	margin: 0;
	position: relative;
}

.index #text dl {
	margin: 0 10px 0 10px;
}

.index #text dl dt {
	font-size: 22px;
	font-weight: bold;
}

.index #text dl dd {
	color: #5e2100;
	font-size: 14px;
}

.index #text a {
	float: right;
	margin: 10px 10px 0 0;
	font-size: 16px;
	color: #001e90;
}



.index #featured {
	width: 760px;
	height: 170px;
	margin-top: 13px;
	padding: 5px 10px 0 10px;
	background: white url(../common-sch2/welcome/featuredBackground.gif) no-repeat top left;
}

.index #featured p {
	padding: 0;
	margin: 0 0 5px 0;
}

.index #featured table {
	border-collapse: collapse;
	width: 755px;
}

.index #featured table tr td {
	text-align: center;
	vertical-align: top;
	padding-left: 13px;
}



.index #featured table tr td a {
	display: block;
	margin: 0 5px 0 0;
	float: left;
	border: 1px solid #5e2100;
}

.index #featured table tr td a:hover {
	border: 1px solid #001e90;
}


.index #featured table tr td a img {
	border: none;
	margin: 1px;
}









/*----( COLUMN STRUCTURE )-------------*/

.splitEqually #l {
	width: 383px;
	float: left;
}

.splitEqually #r {
	width: 383px;
	float: left;
	margin-left: 13px;
}

.contentL-adR #l {
	width: 622px;
	float: left;
	padding: 13px;
}

.contentL-adR #r {
	width: 120px;
	height: 1214px;
	float: left;
	margin-left: 13px;
}

	.contentL-adR #r a {
		display: block;
		margin-bottom: 13px;
	}
	
	.contentL-adR #r a img {
		border: 0;
	}

.adL-contentR #l {
	width: 133px;
	float: left;
}

.adL-contentR #r {
	width: 622px;
	padding: 13px;
	float: left;
}

	.adL-contentR #l a {
		display: block;
		margin-bottom: 13px;
	}

	.adL-contentR #l a img {
		border: 0;
	}




/*----( GENERIC FOLDER RULES )-------------*/

.folder {
	background: #d5e7f5 url(../common-sch2/folders/folderBottom.gif) no-repeat bottom left;
	margin-bottom: 13px;
	padding-left: 13px;
}

	.folder h1 {
		background: url(../common-sch2/folders/folderTop.gif) no-repeat top left;
		margin: 0 0 0 -13px;
		width: 373px;
		height: 54px;
		padding-left: 10px;
		font-size: 30px;
	}

	.folder h2 {
		background: url(../common-sch2/folders/folderTop.gif) no-repeat top left;
		margin: 0 0 0 -13px;
		width: 373px;
		height: 44px;
		color: #dd4d05;
		padding-left: 10px;
		padding-top: 10px;
		font-weight: normal;
		font-size: 20px;
	}

p.tabText {
	text-align: right;
	padding: 0 13px 0 0;
	margin: -40px 0 0 0;
	width: 100px;
	float: right;
	color: #d04500;
}

	p.tabText a {
		color: #d04500;
	}

ul.utility, div.utility {
	height: 35px;
	background: url(../common-sch2/folders/folderBottomUtility.gif) no-repeat bottom left;
	padding-left: 13px;
	margin-left: -13px;
}

	ul.utility li {
		float: left;
		margin: 10px 13px 0 0;
	}

	ul.utility li a{
		color: #5e2100;
	}

div.ad {
	margin-bottom: 13px;
}

	div.ad a img {
		border: none;
	}



#r div.folder ul {
	list-style-position: outside;			/*interestingly only IE doesn't pick up the one applied at the very beginning*/
}

#r div.folder h3 {;
	font-size: 11px;
	color: #444444;
	height: 17px;
	width: 344px;
	padding: 3px 0 0 13px;
	margin: 3px 0 0 0;
	background-color: #e5f1f6;
	border-top: 1px solid white;
	border-bottom: 1px solid #e4dcc7
}

	#r div.folder h3 a {
		color: #001e90;
	}

#r div.folder ul {
	background-color: #fbfdfe;
/*	width: 357px;*/
	/*tim noticed that aol browser on mac displays a horizontal scrollbar*/
	width: 355px;
	margin-bottom: 13px;
	height: 133px;
	overflow: auto;
	line-height: 1.41em;
}

	#r div.folder ul li {
		padding: 8px 8px 8px 13px;
	}

	#r div.folder ul li.odd {
		background-color: #eef5fb;
	}

	#r div.folder ul li a {
		color: #001e90;
	}


#r div.folder ul.twiceAsHigh {
	height: 266px;
}



/*----( HOME )-------------*/

.home div.myProfilePic {
	margin: 3px 13px 13px 0px;
	padding: 0;
	background-color: #eef5fb;
	width: 357px;
}

	.home div.folder div.myProfilePic img#myProfilePicImage {
		float: left;
		padding: 0;
		margin: 0;
	}

	.home div.folder div.myProfilePic ul {
		width: 139px;
		float: left;
		padding: 0 0 0 13px;
		margin: 8px 0px 8px 0;
		list-style-position: outside;					/*interestingly only IE doesn't pick up the one applied at the very beginning*/
	}

	.home div.folder div.myProfilePic ul li {
		margin: 0 0 10px 0;
		padding: 0 0 0 0;   /*used to be -10px*/
	}

	.home div.folder div.myProfilePic ul li.newEvent {
		border-bottom: 2px solid white;
		padding-bottom: 10px;
	}
	

	.home div.folder div.myProfilePic ul li a {
		color: #001e90;
	}

	.home div.folder div.myProfilePic ul li a img {
		margin: 0 5px -2px 0;
		border: none;
	}



.home div.friends div {
	width: 110px;
	height: 110px;
	text-align: center;
	float: left;
	margin: 3px 13px 0 0 !important;
	margin: 3px 10px 0 0;                            /* another majorly weird bug in IE. 3, 6, or 9 thumbs will break the layout
	                                                 if right margin here is any greater than 10px. 4, 5, 7, or 8 thumbs won't */
}

	.home div.friends div a img {
		border: 1px solid #5e2100;
		padding: 1px;
	}

	.home div.friends div a:hover img {
		border: 1px solid #001e90;
	}

	.home div.friends div p {
		margin: 5px 0 0 0;
	}

	.home div.friends div p a {
		color: #001e90;
	}


.home div.groups div {
	width: 110px;
	height: 110px;
	text-align: center;
	float: left;
	margin: 3px 13px 0 0 !important;                 /*same thing as comment above*/
	margin: 3px 10px 0 0;
}

	.home div.groups div a img {
		border: 1px solid #5e2100;
		padding: 1px;
	}

	.home div.groups div a:hover img {
		border: 1px solid #001e90;
	}

	.home div.groups div p {
		margin: 5px 0 0 0;
	}

	.home div.groups div p a {
		color: #001e90;
	}
	

.home div.blog, .home div.events {
	padding-bottom: 13px;
}

.home div.blog ul, .home div.events ul {
	margin-top: 3px;
	margin-bottom: 0;
}
	
.home #r div.folder h3 .rAlign {
	float: right;
	margin-right: 5px;
}






/*----( PROFILE )------------------------*/

.profile a:visited {
	color: #001e90;
}

.profile p.quote {
	text-align: center;
	padding: 0;
	margin: 5px 0 15px 0;
}

.profile div.myProfilePic {
	margin: 3px 13px 13px 0px;
	padding: 0;
	background-color: #eef5fb;
	width: 357px;
}

	.profile div.folder div.myProfilePic #myProfilePicImage {
		float: left;
		padding: 0;
		margin: 0;
	}

	.profile div.folder div.myProfilePic #myProfilePicImage p {
		text-align: center;
	}

	.profile div.folder div.myProfilePic #myProfilePicImage p a { color: #001e90; }
	

	.profile div.folder div.myProfilePic ul {
		width: 139px;
		float: left;
		padding: 0 0 0 13px;
		margin: 8px 0px 8px 0;
		list-style-position: outside;					/*interestingly only IE doesn't pick up the one applied at the very beginning*/
	}

	.profile div.folder div.myProfilePic ul li {
		margin: 0 0 2px 0;
		padding: 0 0 0 0px;
	}

	.profile div.folder div.myProfilePic ul li a {
		color: #001e90;
	}

.profile table {
/*	margin-bottom: 13px;*/
}

.profile ul.profileToolbox {
	width: 178px;
	height: 70px;
	background-color: #eef5fb;
	list-style-position: outside;
	line-height: 1em;
}

	.profile ul.profileToolbox li {
		width: 140px;
		float: left;
		margin: 7px 0 0 0;
		padding-left: 25px;
	}

	.profile ul.profileToolbox li a {
		color: #001e90;
	}
	

.profile div.friends div {
	width: 110px;
	height: 110px;
	text-align: center;
	float: left;
	margin: 3px 13px 0 0 !important;                 /* one for IE, the other for the rest */
	margin: 3px 10px 0 0;
}

	.profile div.friends div a img {
		border: 1px solid #5e2100;
		padding: 1px;
	}

	.profile div.friends div a:hover img {
		border: 1px solid #001e90;
	}

	.profile div.friends div p {
		margin: 5px 0 0 0;
	}

	.profile div.friends div p a {
		color: #001e90;
	}


.profile div.groups {
	padding-bottom: 1px;
}

.profile div.groups p {
	padding-right: 10px;
	line-height: 1.5em;
}

	.profile div.groups p a {
		color: #d04500;
	}
	

.profile div.blog {
	padding-bottom: 13px;
}	
	
.profile div.blog ul {
	margin-top: 3px;
	background-color: #fbfdfe;
	width: 357px;
	height: 133px;
	overflow: auto;
	line-height: 1.41em;
}

	.profile div.blog ul li {
		padding: 8px 8px 8px 13px;
	}

	.profile div.blog ul li.odd {
		background-color: #eef5fb;
	}

	.profile div.blog ul li a {
		color: #001e90;
	}


.profile div.roundedBox {
	background: #d5e7f5 url(../common-sch2/folders/folderBottom.gif) no-repeat bottom left;
	padding-bottom: 5px;
	margin-bottom: 13px;
}

	.profile div.roundedBox h3 {
		margin: 0;
		padding: 5px 5px 5px 10px;
		font-weight: normal;
		font-size: 12px;
/*		text-align: right;*/
		color: #5e2100;
		background: url(../common-sch2/folders/roundedBoxTop.gif) no-repeat top left;
	}
/*	
		.profile div.roundedBox h3 span {
			float: left;
		}

		.profile div.roundedBox h3 a {
			color: #5e2100;
		}

		this above used be "see all" link on how you're connected in profile.html
		Spencer & Tim wanted to remove it. If it isn't going to be brought back
		delete this commented section
*/
	.profile div.roundedBox p {
		font-size: 20px;
		margin: 5px 10px; 
	}

		.profile div.roundedBox p span {
			color: #5e2100;
		}

		.profile div.roundedBox p a {
			color: #dd4d05;
		}

.profile div.about {
	padding-bottom: 3px !important;
	padding-bottom: 13px;
}
	
	.profile div.about table {
		background-color: #eef5fb;
		width: 357px;
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	.profile div.about table caption {
		text-align: left;
		padding: 5px 0;
		color: #dd4d05;
	}
	
	.profile div.about table tr td.util {
		text-align: right;
		vertical-align: top;
		padding-left: 5px;
		width: 90px;
	}
	
	.profile div.about table tr td {
		padding: 3px 5px 3px 3px;
	}

	.profile div.about table#aboutMe tr td, .profile div.about table#IdLikeToMeet tr td {
		padding: 7px;
		height: 133px;
		vertical-align: top;
		overflow: auto;
	}

.profile div.comments,
.profile div.comments-add {
	padding-bottom: 13px;
}

	.profile div.comments p a,
	.profile div.comments-add p a {
		color: #d04500;
	}
	
	.profile div.folder p.tabText a {
		color: #d04500;
	}

	.profile div.comments table,
	.profile div.comments-add table {
		border-collapse: separate;
		width: 360px;
		line-height: 1.4em;
	}
	
	.profile div.comments table tr,
	.profile div.comments-add table tr {
		height: 110px;
	}
	
	.profile div.comments table tr td {
		vertical-align: top;
		padding: 10px;
		background-color: #eef5fb;
	}

	.profile div.comments table tr td.image,
	.profile div.comments-add table tr td.image {
		padding: 0;
		margin: 0 10px 10px 0;
		width: 81px;
	}

		.profile div.comments table tr td.image a img,
		.profile div.comments-add table tr td.image a img {
			display: block;
			margin: 0 0 5px 0;
			border: none;
		}

		.profile div.comments table tr td.image p,
		.profile div.comments-add table tr td.image p {
			text-align: center;
			margin: 0;
		}	

.profile #r .additionalLink {
	text-align: center;
	margin-bottom: 0;
}

.profile #r .additionalLink a {
	color: #001e90;
}



	/*profile in add comment mode only*/

.profile div.comments-add table tr td {
	vertical-align: top;
	padding: 10px;
	background-color: #eef5fb;
}

.profile div.comments-add table tr.profile-comments-form td {
	padding: 0;
}
	
.profile div.comments-add table tr td form {
	text-align: right;
}

.profile div.comments-add table tr td form textarea {
	width: 271px !important;
	width: 265px;
	margin: -1px 0 10px 0;
	font-family: 'Lucida Grande', Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

.profile div.comments-add table tr td form input {
	margin-left: 10px;
}




/*----( EDIT PROFILE )--------------*/

.profileEdit div.folder {
	padding-bottom: 13px;
}

.profileEdit div.folder h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.profileEdit table {
	width: 357px;
}

.profileEdit table tr td {
/*	border: 1px solid silver;*/
}

.profileEdit table tr td.util {
	text-align: right;
	padding: 8px 5px;
	vertical-align: top;
}

.profileEdit div.personal table tr td.util {
	width: 135px;
}

.profileEdit div.personal {
	background: #d5e7f5 url(../common-sch2/folders/folderBottomUtility.gif) no-repeat bottom left;
}

.profileEdit div.personal form table tr.lookingFor td label {
	display: block;
	float: left;
	width: 200px;
}

.profileEdit div.personal form table tr.lookingFor td label input,
.profileEdit div.personal form table tr.sex td label input {
	width: auto;
}

.profileEdit div.personal form table tr.sex td label {
	display: block;
	float: left;
	margin-right: 20px;
}

.profileEdit div.personal form table tr input, 
.profileEdit div.personal form table tr select,
.profileEdit div.personal form table tr textarea {
	width: 210px;
}

.profileEdit div.personal form table tr td select#month,
.profileEdit div.personal form table tr td select#day,
.profileEdit div.personal form table tr td select#year {
	width: 68px;
} 

.profileEdit div.personal form table tr textarea {
	height: 80px;
	margin-bottom: 10px;
}

.profileEdit div.personal form {
	text-align: right;
	margin-right: 13px;
	margin-bottom: 5px;
}

.profileEdit div.personal form table {
	text-align: left;
}

.profileEdit div.personal form #prof-edit-saveAll {
/*	display: block;
	float: right;
*/	
	margin: 20px 0 -15px 0;

}

.profileEdit #l {
	padding-bottom: 0px;
	margin-bottom: 0;
}




.profileEdit #r div.education table tr td select {
	width: 250px;
}

.profileEdit #r div.education table tr td a {
	color: #001e90;
}

.profileEdit #r div.customize table tr td img {
	margin-top: 2px;
}

.profileEdit #r div.customize table tr td input {
	margin: 6px 10px 0 10px;
	display: block;
	float: left;
}

.profileEdit #r div.customize table tr {
}







/*----( PHOTOS PAGE )--------------*/

.photos div#l {
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	margin-bottom: 0;
	padding-bottom: 0;
}

.photos div#l p a {
	color: #5e2100;
}

.photos div#l p.shortcut {
	padding: 0;
	margin: -5px 0 10px 0;
}

.photos div#l p.shortcut a {
	color: #001e90;
}


.photos div#l div.thumbnails {
	width: 622px;
	height: 209px;
	overflow: auto;
	background-color: #eef5fb;
}

	.photos div#l div.thumbnails table {
		border-collapse: separate;
	}

	.photos div#l div.thumbnails table tr td {
		width: 130px;
		height: 130px;
		vertical-align: bottom;
		margin: 0 5px 0 0;
	}

	.photos div#l div.thumbnails table tr td img {
		margin-bottom: 3px;
	}

	.photos div#l div.thumbnails table tr td p {
		padding: 0;
		margin: 1px 0 0 0;
		color: #5e2100;
		width: 130px;
		font-size: 11px;
		line-height: 1em;
	}

	.photos div#l div.thumbnails table tr td p a {
		color: #001e90;
	}

	.photos div#l div.thumbnails table tr td a img {
		border: none;
	}

	.photos div#l div.thumbnails table tr td a img.currentImage {
		border: 2px solid #001e90;
	}

.photos div#l img#fullSize {
	margin: 13px 0 0 0;
}

.photos h2 {
	font-weight: normal;
	font-size: 20px;
	color: #dd4d05;
	margin: 50px 0 20px 0;
}

.photos h2#upload {
	margin: 35px 0 20px 0;
	padding-top: 25px;
	border-top: 2px solid #eef5fb;
}

.photos .cp {
	text-align: center;
}

.photos #l form.uploadImages {
	background-color: #eef5fb;
	padding: 10px;
}



/*comment section*/

.photos #l .cmtHeadline {
	margin: 0 -13px 5px -13px;
	padding-top: 40px;
	height: 40px;
	background: white url(../common-sch2/folders/photosDivider.gif) no-repeat top left;
}

.photos table.comments {
	border-collapse: separate;
	width: 622px;
	line-height: 1.4em;
}

.photos table.comments tr {
	height: 110px;
}

.photos table.comments tr td {
	vertical-align: top;
	padding: 10px;
	background-color: #eef5fb;
}

	.photos table.comments tr td p {
		margin: 0 0 10px 0;
	}

	.photos table.comments tr td p.util {
		font-size: 11px;
		padding: 0;
		margin: 0;
	}
	

.photos table.comments tr td.image {
	padding: 0;
	margin: 0 10px 10px 0;
	width: 81px;
}

	.photos table.comments tr td.image a img{
		display: block;
		margin: 0 0 5px 0;
		border: none;
	}

	.photos table.comments tr td.image p {
		text-align: center;
		margin: 0;
	}	
	
		.photos div#l table.comments tr td.image p a {
			color: #001e90;
		}

	.photos div#l table.comments tr td textarea {
		width: 100%;
	}

	.photos div#l table.comments tr td.pcf {
		text-align: right;
	}

	.photos div#l table.comments tr td.pcf input {
		margin: 10px 0 0 10px;
	}

.photos div#l div.filler {
	width: 648px;
	height: 10px;
	margin: 3px -13px 0 -13px;
	background: #d5e7f5 url(../common-sch2/folders/wideBottom.gif) no-repeat top left;
	padding: 0;
	font-size: 2px;
}

.photos input.photos-uploadBtn {
	display: block;
	margin: 15px 0 0 0;
}





/*----( MAIL )--------------*/

.mail #r {
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	padding: 0;
	width: 648px;
}

.mail #l ul {
	text-align: right;
	width: 133px;
	margin: 20px 0 63px 0;
	list-style-position: outside;
	line-height: 1em;
}

.mail #l ul li {
	height: 20px;
	margin: 0 0 4px 0 !important;
	margin: 0 0 2px 0;
	padding-right: 13px;
	border-top: 1px solid white;     /*weird thing, Safari & FF won't apply padding if there are no borders, IE will*/
}

.mail #l ul li.active {
	background-color: #d5e7f5;
}

.mail #l ul li a {
/*	border: 1px solid red;*/
	display: block;
	margin: 4px 0 0 0;
	padding: 0;
	color: #001e90;
}

.mail #l ul li.active a {
	font-weight: bold;
}

.mail #l ul li.newMail a {
	font-weight: bold;
}

.mail #r form {
	margin: 0;
	padding: 5px 13px 5px 13px;
	background: url(../common-sch2/folders/wideUtility.gif) no-repeat bottom left;
	
}

.mail #r form table {
	margin: 0 0 15px 0;
}

.mail #r form table tr {
	border-top: 1px solid #d5e7f5;
	border-bottom: 1px solid #d5e7f5;
}

.mail #r form table tr th {
	text-align: left;
	font-weight: normal;
	color: #5e2100;
	padding: 0 3px;
}

.mail #r form table tr td {
	padding: 3px;
	margin-right: -2px;
	background-color: #eef5fb;
	border-top: 1px solid #d5e7f5;
	border-bottom: 1px solid #d5e7f5;
}

	.mail #r form table tr.new td {
		background-color: #fff;
		width: 20px;
	}

	.mail #r form table tr td.rep {
		width: 11px;
	}

	.mail #r form table tr td.from {
		width: 150px;
	}

	.mail #r form table tr td.sbj {
/*		width: 382px;*/
		width: 371px;
	}
	
	.mail #r form table tr td.date {
		width: 70px;
	}
	
/*	150+360+70 = 580
	648-26 = 622
	622 - 580 = 42*/

	.mail #r form table tr td a {
		color: #001e90;
	}

	.mail #r form table tr td a span {
		color: #5e2100;
	}

.mail #r form div.btns {
}

/*mail compose*/

.mail #r form div img {
	margin-top: 5px;
	float: left;
}

.mail #r form div div.composeInfo {
	margin: 6px 0 0 106px;
	height: 170px;
}

.mail #r form div div.composeInfo label {
	width: 450px;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

	.mail #r form div div.composeInfo p {
		padding: 0; 
		margin: 0 0 6px 0;
		font-size: 11px;
		color: #dd4d05;
		}
	
	.mail #r form div div.composeInfo p a {
		color: #5e2100;
	}

	.mail #r form div div.composeInfo label input, .mail #r form div div.composeInfo label select {
		display: block;
		width: 220px;
	}

.mail #r form div textarea {
	margin: 0 0 20px 0;
	width: 616px;
	height: 250px;
}

.mail #r form.message div a#fromImg {
	float: right;
}

.mail #r form.message div a#fromImg img {
	border: 0;
}

.mail #r form.message div div.fromInfo {
	width: 500px;
	height: 100px;
	margin-bottom: 10px;
}

.mail #r h2 {
	margin: 5px 0 3px 0;
}


.mail #r form.message div p a {
	color: #001e90;
}

.mail #r form.message div div.fromInfo p {
	margin: 4px 0;
}

.mail #r form.message div div.messageBody {
	padding: 10px;
	background-color: #eef5fb;
	margin-bottom: 10px;
	width: 596px;
	color: #5e2100; ;
}








/*----( FORUM PAGES )--------------*/

.forum p.forumTrailNav {
	margin-top: 0;
	color: #5e2100;
}

.forum p.forumTrailNav a {
	color: #001e90;
}


.forum #l {
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	width: 648px;
	padding: 0;
}

.forum #l .bottomCorners {
	height: 10px;
	width: 648px;
	background: url(../common-sch2/folders/wideBottom.gif) no-repeat bottom left;
}

.forum #l p.anchorLinks {
	margin-left: 13px;
}

.forum #l p.anchorLinks a {
	color: #001e90;
}


.forum #l table {
	width: 622px;
	margin: 13px;
}

.forum #l table tr th {
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
	color: #5e2100;
	
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	background-color: #e5f1f6;
	border-top: 1px solid white;
	border-bottom: 1px solid #e4dcc7;
	
}

.forum #l table tr td {
	border: 1px solid #d5e7f5;
	padding: 8px;
	background-color: #eef5fb;
	vertical-align: top;
}

.forum #l table tr td p.util {
	text-align: center;
}

.forum #l table tr td img {
	float:right;
	padding: 0;
	margin: 0;
}


.forum #l table tr td a {
	color: #001e90;
}



/* --- */
.forum #l div.utility {
	background: url(../common-sch2/folders/wideUtility.gif);
	width: 622px;
	height: 27px;
	padding: 10px 13px 0 13px;
	margin: 0;
	color: #5e2100;
}

.forum #l div.utility span {
	display: block;
	text-align: right;
	margin-top: -15px;

}

.forum #l div.utility span a {
	color: #001e90;
}

/* --- */
.forum #l table tr td a img {
	border: 0;
}

.forum #l table tr td p {
	margin-top: 0;
	color: #5e2100;
}

.forum #l #postAReply {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

	.forum #l #postAReply a {
		color: #001e90;
	}
	
.forum #l form {
	text-align: right;
	margin-right: 13px;
}

	.forum #l form textarea {
		height: 250px;
		width: 620px;
		padding: 0;
		margin: 0;
	}
	
	.forum #l form input{
		margin: 10px 0 0 10px;
	}







/*----( SIGNUP PAGES )--------------*/

.signup #header {
height: 87px;
background: white url(../common-sch2/headerWhole.gif) no-repeat top left;
margin-bottom: 13px;
}

.signup #l div.folder table caption {
	text-align: left;
	color: #dd4d05;
	font-weight: bold;
	padding: 0 0 10px 0;
	font-size: 14px;
}

.signup #l div.folder table tr td {

}

	.signup #l div.folder table tr td.util {
		text-align: right;
		padding: 8px 5px;
		width: 115px;
	}

.signup #l div.folder table tr td label a,
.signup #l div.folder table tr td a {
	color: #001e90;
}

.signup #l div.folder form table tr.gender td label {
	display: block;
	float: left;
	margin-right: 20px;
}

.signup #l div.folder form table tr input, 
.signup #l div.folder form table tr select {
	width: 230px;
}

.signup #l div.folder form table tr #termsAndPrivacy,
.signup #l div.folder form table tr.gender td label input {
	width: auto;
}

.signup #l div.folder form table tr td select#month,
.signup #l div.folder form table tr td select#day,
.signup #l div.folder form table tr td select#year {
	width: 74px;
}

.signup #l div.folder .utility {
	text-align: right;
	background: url(../common-sch2/folders/folderBottomUtility.gif) no-repeat bottom left;
	margin-left: -13px;
	height: 35px;
	}

.signup #l div.folder .utility input {
	margin: 8px 13px 0 0;
}

.signup #l div.folder h3 {
	font-size: 14px;
	color: #dd4d05;
	margin-top: 0;
}


.signup #l div.folder .pad {
	width: 357px;
	/*border: 1px solid silver;*/
}

.signup #l div.folder dl {
	margin-bottom: 13px;
}

.signup #l div.folder dl dt,
.signup #l div.folder dl dd {
	display: list-item;
	list-style-position: inside;
}

.signup #l div.folder dl dd {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 10px 13px;
	color: #5e2100;
}

.signup #l div.folder dl.ordered dt {
	list-style-type: decimal;
}


.signup #l div.folder p.util a {color: #001e90;}

/*----( FRIENDS )--------------*/

.friends #l,
.results #l {
	padding: 0;
	width: 661px;
	margin: 0;
}

.friends #r,
.results #r {
	margin: 0;
}



.friends #l div.frToolboxTop,
.resultsGroup #l div.frToolboxTop {
	height: 28px;
	width: 627px;
	padding: 8px 8px 8px 13px;
	color: #5e2100;
	margin-bottom: 13px;
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
}

	.friends #l div.frToolboxTop form,
	.resultsGroup #l div.frToolboxTop form {
		padding: 0;
		margin: 0;
	}

	.friends #l div.frToolboxTop form select,
	.friends #l div.frToolboxTop form input,
	.resultsGroup #l div.frToolboxTop form input {
		width: 170px;
	}

.friends #l div.frToolboxBottom,
.results #l div.frToolboxBottom,
.resultsGroup #l div.frToolboxBottom {
	height: 28px;
	width: 627px;
	padding: 14px 8px 2px 13px;
	color: #5e2100;
	background: #d5e7f5 url(../common-sch2/folders/wideBottom.gif) no-repeat bottom left;
	clear: both;
}

	.friends #l div.frToolboxBottom span,
	.results #l div.frToolboxBottom span,
	.resultsGroup #l div.frToolboxBottom span {
		display: block;
		margin: -15px 10px 0 0;
		text-align: right;
		
		
	}

	.friends #l div.frToolboxBottom span a,
	.results #l div.frToolboxBottom span a,
	.resultsGroup #l div.frToolboxBottom span a {
		color: #001e90;
	}



/*----( THESE WILL IMPACT BOTH FRIENDS AND SEARCH RESULTS )--------------*/

h2.resultsHeadline {
	font-size: 18px;
	margin-top: 0;
}

div.person {
	width: 328px;
	float: left;
	margin: 0 0 13px 0;                       /* two nested divs with padding were used here to avoid hacks */
	                                          /* because of IE's box model problems when margin is used     */
}

div.person div {
	width: 317px;
	height: 183px;
	background: #d5e7f5 url(../common-sch2/folders/personBottom.gif) no-repeat bottom left;
}

div.person div h2 {
	padding: 5px 0 5px 10px;
	margin: 0;
	color: #dd4d05;
	font-size: 22px;
	background: #d5e7f5 url(../common-sch2/folders/personTop.gif) no-repeat top left;
}

	div.person div h2 a {
		color: #dd4d05;
	}

.resultsGroup div.person div h2 {
	font-size: 14px;
}



div.person div a img {
	padding: 1px;
	border: 1px solid silver;
	margin-left: 13px;
	float: left;
}

div.person div ul {
	width: 141px;
	margin-left: 150px;
	padding: 5px;
	list-style-position: outside;
	background-color: #eef5fb;
}

	div.person div ul li {
		margin-bottom: 3px;
	}

	div.person div ul li.util {
		margin-top: 15px;
		margin-bottom: 0;
		font-size: 11px;
	}

	div.person div ul li a {
		color: #001e90;
	}




/* ------ ( TOP 9 PAGE ) ---------------------- */


#top9 div.person {
	width: 218px;
	float: left;
	margin: 0 0 13px 0;                       
}

#top9 div.person div {
	width: 207px;
	height: 183px;
	background:#d5e7f5 url(../common-sch2/folders/top9Bottom.gif) no-repeat bottom left;
}

#top9 div.person div h2 {
	background: #d5e7f5 url(../common-sch2/folders/top9Top.gif) no-repeat top left;
}


#top9 div.person div img {
	margin-bottom: 20px;
}

#top9 div.person select {
	display: block;
	border: 1px solid gray;
	clear: left;
	margin: 0 0 0 13px;
}





/*----( RESULTS )--------------*/


.results #l p {
	margin-top: 0;
}




/*----( SEARCH PAGE )--------------*/

.search #l {
	padding: 0;
	width: 661px;
	margin: 0;
}

.search #r {
	margin: 0;
}

.search h2{
	font-size: 21px;
}

.search #l .searchOptions {
	width: 627px;
	padding: 8px 8px 3px 13px;
	color: #5e2100;
	margin-bottom: 13px;
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
}

.search #l .searchOptions p a {
	color: #001e90;
}

.search #l .searchOptions div.s1,
.search #l .searchOptions div.s2,
.search #l .searchOptions div.s3 {
	width: 195px;
	height: 440px !important;
	height: 450px;
	float: left;
	padding-left: 10px;
	background-color: #eef5fb;
}


.search #l .searchOptions div h3 {
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 13px;
}


.search #l .searchOptions div fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.search #l div.searchOptions form div fieldset  select,
.search #l div.searchOptions form div fieldset  input {
	width: 192px;
}

.search #l div.searchOptions form div fieldset.ages select {
	width: auto;
}

.search #l div.searchOptions form div fieldset.interests input,
.search #l div.searchOptions form div fieldset.status    input,
.search #l div.searchOptions form div fieldset.show      input {
	width: auto;
}

.search #l div.searchOptions form div fieldset.interests label,
.search #l div.searchOptions form div fieldset.status    label,
.search #l div.searchOptions form div fieldset.show      label {
	display: block;
	color: #001e90;
	padding: 0;
	margin: 0;
}

.search #l div.searchOptions form .searchBar {
	padding: 10px 0 0 0 !important;
	padding: 0 0 0 0;
	text-align: center;
	margin-bottom: 0;
}

.search #l div.searchOptions form .searchBar input {
	padding: 0;
	margin: 0;
}

.search #l .person div {
	height: 230px;
}

.search #l .person p.util {
	clear: both;
	margin: 5px 13px 0 13px;
	padding-top: 5px;
}

.search #l .person p.util a {
	color: #5e2100;
}


.search #l div.frToolboxBottom {
	height: 28px;
	width: 627px;
	padding: 14px 8px 2px 13px;
	color: #5e2100;
	background: #d5e7f5 url(../common-sch2/folders/wideBottom.gif) no-repeat bottom left;
	clear: both;
}

	.search #l div.frToolboxBottom span {
		display: block;
		margin: -15px 10px 0 0;
		text-align: right;
	}

	.search #l div.frToolboxBottom span a {
		color: #001e90;
	}

/*----*/

.search #l .searchOptions div.sn1,
.search #l .searchOptions div.sn2,
.search #l .searchOptions div.sn3 {
	width: 300px;
	height: 155px;
	float: left;
	padding-left: 10px;
	background-color: #eef5fb;
}

.search #l .searchOptions div.sn1 input {
	width: 250px;
}

.search #l .searchOptions div.sn2 input,
.search #l .searchOptions div.sn2 select {
	width: 260px;
}

.search #l .searchOptions div.sn2 h3 {
	margin: 8px 0 0 0;
}



.search #l .searchOptions div.sc1,
.search #l .searchOptions div.sc2 {
	width: 300px;
	height: 75px;
	float: left;
	padding-left: 10px;
	background-color: #eef5fb;
}



.search #l .web form {
	padding: 20px 0; 
	margin: 0; 
	text-align: center;
}

.search #l .web form label {
	display: inline;
}

.search #l .web form input {
	display: inline;
}

.search #l .web form input#googleSearch {
	width: 200px;
}



/* These are search-pages-only .person templates! */

.search h2.resultsHeadline {
	font-size: 18px;
}

.search div.person {
	width: 328px;
	float: left;
	margin: 0 0 13px 0;                       /* two nested divs with padding were used here to avoid hacks */
	                                          /* because of IE's box model problems when margin is used     */
}

.search div.person div {
	width: 317px;
	height: 213px !important;  /*213*/
	background: #d5e7f5 url(../common-sch2/folders/doesnt-exist.gif) no-repeat bottom left;
	margin-bottom: 0 !important;
}

.search div.person div h2 {
	padding: 5px 0 5px 10px;
	margin: 0;
	color: #dd4d05;
	font-size: 22px;
	background: #d5e7f5 url(../common-sch2/folders/personTop.gif) no-repeat top left;
}

	.search div.person div h2 a {
		color: #dd4d05;
	}

.search .resultsGroup div.person div h2 {
	font-size: 14px;
}

.search div.person div a img {
	padding: 1px;
	border: 1px solid silver;
	margin-left: 13px;
	float: left;
}

.search div.person div ul {
	width: 141px;
	margin-left: 150px;
	padding: 5px;
	list-style-position: outside;
	background-color: #eef5fb;
}

	.search div.person div ul li {
		margin-bottom: 3px;
	}

	.search div.person div ul li.util {
		margin-top: 15px;
		margin-bottom: 0;
		font-size: 11px;
	}

	.search div.person div ul li a {
		color: #001e90;
	}

.search div.person p.util {
	height: 20px;
	margin: 0 !important;
	width: 307px;
	height: 25px;
	background: #d5e7f5 url(../common-sch2/folders/searchBottomUtility.gif) no-repeat bottom left;
	padding: 10px 0 0 10px;
}











/*----( GROUP PAGES )--------------*/

.group #l div.browseGroups h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.group #l div.browseGroups form {
	margin: 10px 10px 15px 0;
	padding: 8px 10px 10px 10px;
	background-color: #eef5fb;
}

.group #l div.browseGroups form p {
	margin-top: 0;
}


	.group #l div.browseGroups form label {
		color: #5e2100;
	}

	.group #l div.browseGroups form label input {
		width: 178px;
	}

	.group #l div.browseGroups form p {
		text-align: center;
	}

	.group #l div.browseGroups form p a {
		color: #001e90;
	}

.group #l div.browseGroups ul {
	padding-bottom: 13px;
	list-style-position: outside;
	line-height: 1.44em;
}

	.group #l div.browseGroups ul li a {
		color: #001e90;
	}


.group #r div.usersGroups div {
	margin: 4px 13px 0 0;
	padding-bottom: 13px;
	line-height: 1.44em;
	color: #5e2100;
}

	.group #r div.usersGroups div a {
		color: #001e90;
	}

.group #r div.groupActivity {
	padding-bottom: 1px !important;
	padding-bottom: 13px;
}


.group #r div.ad {
	margin-top: 46px;
}


/* Create group pages */



.groupCreate #l div.groupInfo form table {
	margin-top: 5px;
}

.groupCreate #l div.groupInfo form table tr td.util {
	text-align: right;
	padding: 8px 5px;
	vertical-align: top;
	width: 115px;
}

.groupCreate #l div.groupInfo form table tr.groupType td p.util {
	font-size: 11px;
	line-height: 1em;
	margin: 0 5px 10px 20px;
}

.groupCreate #l div.groupInfo form table tr td textarea,
.groupCreate #l div.groupInfo form table tr td input,
.groupCreate #l div.groupInfo form table tr td select {
	width: 230px;
}

.groupCreate #l div.groupInfo form table tr.containsRadio td input {
	width: auto;
}

.groupCreate #l div.groupInfo form table tr.groupType td label {
	display: block;
	margin-bottom: 2px;
}

.groupCreate #l div.groupInfo div.utility {
	text-align: right;
	margin-top: 10px;
}

.groupCreate #l div.groupInfo div.utility input {
	margin: 8px 10px 0 0;
}

.groupCreate #l div.groupInfo h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.groupCreate #r div.ad {
	margin-top: 46px;
}




/* group invite members */

.groupInvite #l div.inviteMembers h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.groupInvite #r div.ad {
	margin-top: 46px;
}

.groupInvite #l div.inviteMembers form {
	padding: 0;
	margin: 6px 0 0 0;
}

.groupInvite #l div.inviteMembers form table {
	margin-right: 13px;
}

.groupInvite #l div.inviteMembers form table tr td {
	text-align: center;
}

.groupInvite #l div.inviteMembers form table tr td input {
	margin: 10px 0 0 0 !important;
	margin: 0;
}


.groupInvite #l div.inviteMembers form table tr td.arrow {
	padding: 0 10px;
}

.groupInvite #l div.inviteMembers form table tr td p {
	font-size: 11px;
	margin-bottom: 10px;
}

.groupInvite #l div.inviteMembers form p.util {
	font-size: 11px;
	text-align: center;
}


.groupInvite #l div.inviteMembers form table select {
	height: 225px;
	width: 160px;
}

.groupInvite #l div.inviteMembers form textarea {
	width: 357px;
}

.groupInvite #l div.inviteMembers form #otherGrooovesters {
	width: 357px;
}

.groupInvite #l div.inviteMembers div.inviteSearchResults label {
	display: block;
}

.groupInvite #l div.inviteMembers div.inviteSearchResults label a {
	color: #001e90;
}


.groupInvite #l div.utility {
	text-align: right;
}

.groupInvite #l div.utility input {
	margin: 8px 10px 0 0 !important;
	margin: 5px 10px 0 0;
}



/* group view part  (moderator, member, and non-member) */

.groupView #l .groupInfo h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
	height: auto;
	padding-bottom: 15px;
}

.groupView div.groupPic {
	margin: 3px 13px 13px 0px;
	padding: 0;
	background-color: #eef5fb;
	width: 357px;
}

	.groupView div.folder div.groupPic img#groupImage {
		float: left;
		padding: 0;
		margin: 0;
	}

	.groupView div.folder div.groupPic ul {
		width: 139px;
		float: left;
		padding: 0 0 0 13px;
		margin: 8px 0px 8px 0;
		list-style-position: outside;					/*interestingly only IE doesn't pick up the one applied at the very beginning*/
	}

	.groupView div.folder div.groupPic ul li {
		margin: 0 0 2px 0;
		padding: 0 0 0 0px;
	}

	.groupView div.folder div.groupPic ul li a {
		color: #001e90;
	}


.groupView div.groupMembers div {
	width: 100px;
	height: 130px;
	text-align: center;
	float: left;
	margin: 3px 13px 0 0;
}

	.groupView div.groupMembers div a img {
		border: 1px solid #5e2100;
		padding: 1px;
	}

	.groupView div.groupMembers div a:hover img {
		border: 1px solid #001e90;
	}

	.groupView div.groupMembers div p {
		margin: 5px 0 0 0;
	}

	.groupView div.groupMembers div p a {
		color: #001e90;
	}



.groupView #r div.groupDescription {
	height: 133px;
	width: 357px;
	background-color: white;
	margin-bottom: 15px;
	overflow: auto;
}

.groupView #r div.groupDescription p {
	margin: 5px;
}

.groupView #r div.folder h3 .rAlign {
	float: right;
	margin-right: 5px;
}






/*----( EVENT PAGES )--------------*/

/* initial event search and browse */

.events #l h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.events #l h3 {
	color: #fb0;
	font-size: 14px;
}

.events #l .folder {
	padding-bottom: 1px;
}

	.events #l .folder table {
		width: 357px;
		margin-top: 5px;
		background-color: #eef5fb;
	}

		.events #l .folder table tr td {
			padding: 5px 3px;
		}

		.events #l .folder table tr td a {
			color: #001e90;
		}

	.events #l .folder form {
		background-color: #eef5fb;
		margin: 0 13px 13px 0;
		padding: 8px;
	}

		.events #l .folder form label {
			color: #5e2100;
			display: block;
		}

		.events #l .folder form label.within {
			width: 230px;
			text-align: right;
			margin-bottom: 8px;
		}
		
		
		.events #l .folder form label.within select, 
		.events #l .folder form label.within input {
			width: 100px;
		}
		

			.events #l .folder form label input#searchEventsKeywords {
				width: 335px;
				margin: 8px 0 8px 0;
			}

			.events #l .folder form label input#searchEventsZip {
				width: 95px;
			}

			.events #l .folder form p {
				margin: 10px 0 2px 0;
				text-align: center;
			}

.events #l .folder ul {
	margin-bottom: 20px;
}

.events #l .folder ul li a {
	color: #001e90;
}

.events #r div.folder {
	padding-bottom: 1px !important;
	padding-bottom: 13px;
}

.events #r div.folder h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}









/* create event */

.eventCreate #l div.eventInfo form table {
	margin-top: 5px;
}

.eventCreate #l div.eventInfo form table tr td.util {
	text-align: right;
	padding: 8px 5px;
	vertical-align: top;
	width: 105px;
}

.eventCreate #l div.inviteGuests form table tr td p {
	font-size: 11px;
/*	border: 1px solid silver;*/
	margin-bottom: 10px;
}

.eventCreate #l div.inviteGuests form p.util {
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
/*	border: 1px solid silver;*/
}


.eventCreate #l div.eventInfo form table tr td textarea,
.eventCreate #l div.eventInfo form table tr td input,
.eventCreate #l div.eventInfo form table tr td select {
	width: 230px;
}

.eventCreate #l div.eventInfo form table tr.containsRadio td input {
	width: auto;
}

.eventCreate #l div.eventInfo form table tr.eventType td label {
	display: block;
	margin-bottom: 2px;
}

.eventCreate #l div.eventInfo div.utility {
	text-align: right;
	margin-top: 10px;
}

.eventCreate #l div.eventInfo div.utility input {
	margin: 8px 10px 0 0;
}

.eventCreate #l div.eventInfo h2 {
/*	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;*/
}

.eventCreate #l .eventInfo .eventType p.util {
	font-size: 11px;
	line-height: 1em;
	margin: 0 5px 10px 20px;
}


.eventCreate #l .eventInfo tr.containsRadio #eventStartMonth,
.eventCreate #l .eventInfo tr.containsRadio #eventStartDay,
.eventCreate #l .eventInfo tr.containsRadio #eventStartYear,
.eventCreate #l .eventInfo tr.containsRadio #eventStartHour,
.eventCreate #l .eventInfo tr.containsRadio #eventStartMinute,
.eventCreate #l .eventInfo tr.containsRadio #eventStartAMPM,
.eventCreate #l .eventInfo tr.containsRadio #eventEndMonth,
.eventCreate #l .eventInfo tr.containsRadio #eventEndDay,
.eventCreate #l .eventInfo tr.containsRadio #eventEndYear,
.eventCreate #l .eventInfo tr.containsRadio #eventEndHour,
.eventCreate #l .eventInfo tr.containsRadio #eventEndMinute,
.eventCreate #l .eventInfo tr.containsRadio #eventEndAMPM {
	width: auto;
	margin-top: 5px;
}

.eventCreate #l .eventInfo tr.containsRadio #eventStartMonth,
.eventCreate #l .eventInfo tr.containsRadio #eventEndMonth,
.eventCreate #l .eventInfo tr.containsRadio #eventStartHour,
.eventCreate #l .eventInfo tr.containsRadio #eventEndHour {
	width: 55px;
}

.eventCreate #l .eventInfo tr.containsRadio td label input {
	width: auto;
}

.eventCreate #l .eventInfo tr.containsRadio td label {
	display: block;
	margin-bottom: 3px;
}

/*third, or invite screen*/

.eventCreate #l div.inviteGuests form {
	padding: 0;
	margin: 6px 0 0 0;
}

.eventCreate #l div.inviteGuests form table {
	margin-right: 13px;
	margin-top: 5px;
}

.eventCreate #l div.inviteGuests form table tr td {
	text-align: center;
}

.eventCreate  #l div.inviteGuests form table tr td input {
	margin: 10px 0 0 0 !important;
	margin: 0;
}

.eventCreate #l div.inviteGuests form table tr td.arrow {
	padding: 0 10px;
}

.eventCreate #l div.inviteGuests form table select {
	height: 225px;
	width: 160px;
}

.eventCreate #l div.inviteGuests form textarea {
	width: 357px;
}

.eventCreate #l div.inviteGuests form #otherGrooovesters {
	width: 357px;
}

.eventCreate #l div.inviteGuests div.eventSearchResults label {
	display: block;
}

.eventCreate #l div.inviteGuests div.eventSearchResults label a {
	color: #001e90;
}

.eventCreate #l div.utility {
	text-align: right;
}

.eventCreate #l div.utility input {
	margin: 8px 10px 0 0 !important;
	margin: 5px 10px 0 0;
}



/* a single event in view mode, all guest, moderator and public view*/

.eventView #l .eventInfo h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
	height: auto;
	padding-bottom: 15px;
}

.eventView div.eventPic {
	margin: 3px 13px 0px 0px;
	padding: 0;
	background-color: #eef5fb;
	width: 357px;
}

	.eventView div.folder div.eventPic img#eventImage {
		float: left;
		padding: 0;
		margin: 0;
	}

	.eventView div.folder div.eventPic ul {
		width: 139px;
		float: left;
		padding: 0 0 0 13px;
		margin: 8px 0px 8px 0;
		list-style-position: outside;					/*interestingly only IE doesn't pick up the one applied at the very beginning*/
	}

	.eventView div.folder div.eventPic ul li {
		margin: 0 0 6px 0;
		padding: 0 0 0 0px;
	}

	.eventView div.folder div.eventPic ul li a {
/*		color: #001e90;*/
	}

	.eventView div.folder div.eventPic form {
		clear: both;
		margin-top: 13px;
		padding: 0;
		margin-bottom: 0;
	}

	.eventView div.folder div.eventPic form div p {
		/*background-color: #d5e7f5;*/
		margin: 0 0 5px 0;
		padding: 10px;
		text-align: center;
		font-weight: bold;
	}

	.eventView div.folder div.eventPic form div label {
		padding: 5px 10px 0 0;
	}

	.eventView div.folder div.eventPic form div textarea {
		width: 349px;
	}

	.eventView div.folder div.eventPic form div .padded {
		margin: 10px 0 10px 5px;
	}

	.eventView div.folder div.eventPic .belowPic {
		clear: both;
		margin: 0;
		padding: 10px 0 0 0;
		background-color: #d5e7f5;
		text-align: center;
	}

	.eventView div.folder div.eventPic .belowPic a {
		color: #001e90;
	}


.eventAttending h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.eventView div.eventNotResponded div {
	width: 110px;
	height: 110px;
	text-align: center;
	float: left;
	margin: 3px 10px 0 0;
}

	.eventView div.eventNotResponded div a img {
		border: 1px solid #5e2100;
		padding: 1px;
	}

	.eventView div.eventNotResponded div a:hover img {
		border: 1px solid #001e90;
	}

	.eventView div.eventNotResponded div p {
		margin: 5px 0 0 0;
	}

	.eventView div.eventNotResponded div p a {
		color: #001e90;
	}



.eventView #r div.eventDescription {
	height: 170px;
	width: 357px;
	background-color: white;
	margin-bottom: 0;
	overflow: auto;
}

.eventView #r div.folder {
	padding-bottom: 1px;
}

.eventView #r div.folder h2 {
}

.eventView #r div.no-tab h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
	height: 38px;     /* this height is different from the main structure .folder h2 height. Because the left column h2 needs to be scalabe, it was higher than the r column bg, but it needed to be the same */

}



.eventView #r div.eventDescription p {
	margin: 5px;
	color: #5e2100;
}

	.eventView #r div.eventDescription p a {
		color: #001e90;
	}
	
.eventView div.eventAttending {
	padding-bottom: 13px;
}

	.eventView div.eventAttending h3 {
		font-size: 16px;
	}
	

	.eventView div.eventAttending p a {
		color: #d04500;
	}

	.eventView div.eventAttending table {
		border-collapse: separate;
		width: 360px;
		line-height: 1.4em;
	}
	
	.eventView div.eventAttending table tr td {
		vertical-align: top;
		padding: 10px;
		background-color: #eef5fb;
		height: 85px;
	}

	.eventView div.eventAttending table tr td.image {
		padding: 0;
		margin: 0 10px 10px 0;
		width: 81px;
	}

		.eventView div.eventAttending table tr td.image a img {
			display: block;
			margin: 0 0 5px 0;
			border: none;
		}

		.eventView div.eventAttending table tr td.image p {
			text-align: center;
			margin: 0;
		}	

	.eventView #l .folder table tr td h5 {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 8px 0;
	}
	







/*----( ACCOUNT SETTINGS PAGE )--------------*/

.acctSettings #l div.folder h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.acctSettings #l div.folder h3 {
	font-size: 14px;
	color: #fb0;
}

.acctSettings #l div.folder table {
	width: 357px;
}

	.acctSettings #l div.folder table tr td.util {
		text-align: right;
		padding: 8px 5px;
		vertical-align: top;
	}

	.acctSettings #l div.folder table tr td.util a {
		color: #001e90;
	}

	.acctSettings #l div.folder table tr td a {
		color: #5e2100;
	}
	

	.acctSettings #l div.folder table.personalInformation tr td.util {
		width: 125px;
	}

	.acctSettings #l div.folder table.personalInformation tr td input {
		width: 222px;
	}

	.acctSettings #l div.folder table.privacySettings tr td.util,
	.acctSettings #l div.folder table.notifications tr td.util {
		width: 200px;
	}
	
	.acctSettings #l div.folder table.notifications {
		margin-bottom: 10px;
	}	

.acctSettings #l div.folder div.utility {
	text-align: right;
}

	.acctSettings #l div.folder div.utility input {
		margin: 6px 13px 0 0;
	}
	

.acctSettings #r div.ad {
	margin-top: 47px;
}




/*----( INVITE PAGE )--------------*/

.invite #l .folder h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.invite #l div.folder table {
	width: 357px;
	margin: 5px 0 13px 0;
}

	

	.invite #l div.folder table tr td.util {
		text-align: right;
		padding: 8px 5px;
		vertical-align: top;
		width: 200px;
	}

	.invite #l div.folder div.utility {
		text-align: right;
	}

		.invite #l div.folder div.utility input {
			margin: 6px 13px 0 0;
		}	

	.invite #l div.inviteFolder table tr td input,
	.invite #l div.inviteFolder table tr td textarea {
		width: 280px;
	}

	.invite #l div.importFolder table tr td input,
	.invite #l div.importFolder table tr td select {
		width: 240px;
	}

	.invite #l div.importFolder table tr td label {
		display: block;
		width: 240px;
		margin-bottom: 2px;
	}

		.invite #l div.importFolder table tr td label input {
			width: auto;
		}

	.invite #l div.importFolder table tr td a {
		color: #001e90;
	} 
	

	.invite #l div.importFolder table tr td {
		padding: 8px 0px;
	}

.invite #r div.ad {
	margin-top: 46px;
}





/*----( BLOG PAGES )--------------*/


.blog #l div.initialView {
	padding-bottom: 1px;
}

	.blog #l div.initialView h3 {
		font-size: 14px;
		margin-right: 10px;
	}

	.blog #l div.initialView h3 a {
		color: #001e90;
	}

	.blog #l div.initialView h3 span {
		font-weight: normal;
		color: #5e2100;
		font-size: 12px;
	}

	.blog #l div.initialView p {
		margin-right: 10px;
		color: #5e2100;
	}

	.blog #l div.initialView p.tabText {
		margin-right: 0;
	}	

.blog #l div.initialView p.bcom {
	color: #dd4d05;
	text-align: right;
}

.blog #l div.initialView p.bcom a {
	color: #dd4d05;
}

	

.blog #r div.folder {
	padding-bottom: 1px !important;
	padding-bottom: 13px;
}

	.blog #r div.folder h2 {
		background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
		height: 10px;
		font-size: 1px;
	}

	.blog #r div.folder table.calendar {
		border-collapse: separate;
		margin-bottom: 13px;
	}

	.blog #r div.folder table.calendar tr td {
		background-color: #eef5fb;
		height: 47px;
		width: 49px;
		vertical-align: top;
		color: #5e2100;
		font-size: 11px;
	}

	.blog #r div.folder table.calendar tr td a {
		font-weight: bold;
		color: #001e90;
		font-size: 14px;
	}	
	

	.blog #r div.folder table.calendar tr td.today {
		background-color: white;
	}
	

	.blog #r div.folder table.calendar tr th {
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		height: 15px;
		font-size: 11px;
		color: #5e2100;
	}	

.blog #l div.postView h3 {
	font-size: 18px;
	margin-right: 10px;
}

.blog #l div.postView h3 a {
	color: #001e90;
}

.blog #l div.postView p.util {
	text-align: right;
	margin-right: 10px;
	margin-top: 0;
}

.blog #l div.postView div.postingBody p {
	margin-right: 10px;
}

.blog #l div.postView h4 {
	color: #5e2100;
	margin-top: 35px
}

.blog #l div.postView form div textarea {
	width: 353px;
}

.blog #l div.postView form div div.utility {
	text-align: right;
}

.blog #l div.postView form div div.utility input {
	margin: 8px 10px 0 0;
}

.blog #l div.postView h4 {
	border-top: 2px solid white;
	margin-right: 10px;
	margin-top: 20px;
	padding-top: 10px;
}

.blog #r div.ad {
	margin-bottom: 0
}




/* blog comments*/
.blog div.postView table {
	border-collapse: separate;
	width: 360px;
	line-height: 1.4em;
}

.blog div.postView table tr {
	height: 110px;
}

.blog div.postView table tr td {
	vertical-align: top;
	padding: 10px;
	color: #5e2100;
}

.blog div.postView table tr.even td {
	background-color: #eef5fb;
} 


.blog div.postView table tr td.image {
	padding: 0;
	margin: 0 10px 10px 0;
	width: 81px;
	text-align: center;
}

	.blog div.postView table tr td.image a img {
		display: block;
		margin: 0 0 5px 0;
		border: none;
	}

	.blog div.postView table tr td.image p {
		text-align: center;
		margin: 0;
	}

	.blog div.postView table tr td.image p a {
		color: #dd4d05;
	}
	

	.blog div.postView table tr td.image small {
		color: #5e2100;
	}

	









/*--------*/

.blog #l div.postCompose label {
	display: block;
	color: #5e2100;
	margin: 10px 0 5px 0;
}

.blog #l div.postCompose form div input,
.blog #l div.postCompose textarea {
	width: 353px;
}

.blog #l div.postCompose textarea {
	height: 350px;
	font-family: 'Lucida Grande', Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

.blog #l div.postCompose div.rtfToolbar {
	color: #5e2100;
	border: 1px solid silver;
	margin-right: 15px;
	margin-bottom: 8px;
}


.blog #l div.postCompose form div div.utility input,
.blog #l div.postCompose form div input.blogPostFileInput {
	width: auto;
}

.blog #l div.postCompose form div div.utility {
	text-align: right;
}

.blog #l div.postCompose form div div.utility input {
	margin: 8px 10px 0 0;
}

.blog #l div.postCompose form div input.blogPostFileInput {
	margin: 5px 0 5px 0;
}




/*----( ADD POSTING, ADD ANOUNCEMENT, ADD BULLETIN )--------------*/

.addPosting #l div.folder h2,
.addAnnouncement #l div.folder h2,
.addBulletin #l div.folder h2 {
	background: white url(../common-sch2/folders/roundedBoxTop.gif) no-repeat bottom left;
}

.addPosting #l .add label,
.addBulletin #l .add label {
	margin: 20px 0 20px 0;
	display: block;
}

.addPosting #l .add label input,
.addBulletin #l .add label input {
	width: 356px;
	margin-right: 10px;
	display: block;
}

.addBulletin #l .add label textarea {
	width: 355px;
}

.addBulletin #r div.ad {
/*	margin-top: 30px;*/
}

.addPosting #l .add div.utility,
.addBulletin #l .add div.utility {
	text-align: right;
}

.addPosting #l .add div.utility input,
.addBulletin #l .add div.utility input {
	margin: 8px 10px 0 0;
}





/*----( BULLETINS )--------------*/

.bulletins p.forumTrailNav {
	margin-top: 0;
	color: #5e2100;
}

.bulletins h2.trailNav {
	font-size: 18px;
}

.bulletins #l {
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	width: 648px;
	padding: 0;
}


.bulletins #l .bottomCorners {
	height: 10px;
	width: 648px;
	background: url(../common-sch2/folders/wideBottom.gif) no-repeat bottom left;
}

.bulletins #l p.anchorLinks {
	margin: 10px 0 0 13px;
}

.bulletins #l p.anchorLinks a {
	color: #001e90;
}


.bulletins #l table {
	width: 622px;
	margin: 13px;
}

.bulletins #l table tr th {
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
	color: #5e2100;
}

.bulletins #l table tr td {
	border: 1px solid #d5e7f5;
	padding: 8px;
	background-color: #eef5fb;
	vertical-align: top;
}

.bulletins #l table tr td p.util {
	text-align: center;
}

.bulletins #l table tr td img {
	float:right;
	padding: 0;
	margin: 0;
}


.bulletins #l table tr td a {
	color: #001e90;
}



/* --- */
.bulletins #l div.utility {
	background: url(../common-sch2/folders/wideUtility.gif);
	width: 622px;
	height: 27px;
	padding: 10px 13px 0 13px;
	margin: 0;
	color: #5e2100;
}

.bulletins #l div.utility span {
	display: block;
	text-align: right;
	margin-top: -15px;

}

.bulletins #l div.utility span a {
	color: #001e90;
}

/* --- */
.bulletins #l table tr td a img {
	border: 0;
}

.bulletins #l table tr td p {
	margin-top: 0;
	color: #5e2100;
}

.bulletins #l table tr td h3 {
	font-size: 13px;
	margin: 0 0 10px 0;
	color: #5e2100;
}







/*----( SINGLE BULLETIN )--------------*/

.bulletins #l form.utility {
	background: url(../common-sch2/folders/wideUtility.gif);
	width: 622px;
	height: 27px;
	padding: 10px 13px 0 13px;
	margin: 0;
	color: #5e2100;
	text-align: right;
}









/*----( COMENTS PAGE )--------------*/

.comments p.forumTrailNav {
	margin-top: 0;
	color: #5e2100;
}

.comments p.forumTrailNav a {
	color: #001e90;
}

.comments p#addComment {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}


.comments #l {
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	width: 648px;
	padding: 0;
}

.comments #l .bottomCorners {
	height: 10px;
	width: 648px;
	background: url(../common-sch2/folders/wideBottom.gif) no-repeat bottom left;
}

.comments #l p.anchorLinks {
	margin-left: 13px;
}

.comments #l p.anchorLinks a {
	color: #001e90;
}


.comments #l table {
	width: 622px;
	margin: 13px;
}

.comments #l table tr th {
	text-align: left;
	font-weight: normal;
	padding-left: 5px;
	color: #5e2100;
}

.comments #l table tr td {
	border: 1px solid #d5e7f5;
	padding: 8px;
	background-color: #eef5fb;
	vertical-align: top;
}

.comments #l table tr td p.util {
	text-align: center;
}

.comments #l table tr td img {
	float:right;
	padding: 0;
	margin: 0;
}


.comments #l table tr td a {
	color: #001e90;
}



/* --- */
.comments #l div.utility {
	background: url(../common-sch2/folders/wideUtility.gif);
	width: 622px;
	height: 27px;
	padding: 10px 13px 0 13px;
	margin: 0;
	color: #5e2100;
}

.comments #l div.utility span {
	display: block;
	text-align: right;
	margin-top: -15px;

}

.comments #l div.utility span a {
	color: #001e90;
}

/* --- */
.comments #l table tr td a img {
	border: 0;
}

.comments #l table tr td p {
	margin-top: 0;
	color: #5e2100;
}

	
.comments #l form {
	text-align: right;
	margin-right: 13px;
}

	.comments #l form textarea {
		height: 250px;
		width: 620px;
		padding: 0;
		margin: 0;
	}
	
	.comments #l form input{
		margin: 10px 0 10px 10px;
	}
	
.mail_bottom_pages {
	display: block;
	text-align: right;
	margin-top: -15px;
	}
	








/* ------ ( FAQ & HELP ) ---------------------- */


.faq #container #l div.folder p {
	color: #444;
	margin-right: 10px;
}

.faq #container #l div.folder p.style1 {
	color: #001e90;
	font-size: 14pt;
}

.faq #l div.folder ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 10px 0 30px;
	color: blue;
}

.faq #l div.folder ol li {
}






/* ------ ( TERMS & PRIVACY ) ---------------------- */



.terms #l {
	padding: 15px 0 40px 0;
	background: #d5e7f5 url(../common-sch2/folders/wideTop.gif) no-repeat top left;
	width: 648px;
	color: #444;
	margin-bottom: 20px;
}

.terms #l p,
.terms #l h3,
.terms address {
	margin-right: 15px;
	margin-left: 15px;
}