/* Import secondary stylesheets */
/* ----------------------------------------------------- */

/* Search results, Hot lists, Friend Lists */
/*@import url(./gaycom.css);*/

.sidebar_item_header {
	background:#E9E9E9 none repeat scroll 0%;
	margin:0pt 5px;
	padding:3px 5px 4px;
	text-align:right;
}

.sidebar_item_header h2 {
	color:#333333;
	float:left;
	font-size:11px;
	margin:0px;
	padding:0px;	
}

.sidebar_item_header .option {
	font-size:9px;
	margin-top:2px;
}

.events .sidebar_item_body, .birthdays .sidebar_item_body {
	padding-bottom:5px;
}
/*.updatebody {
	padding-bottom:5px;
}*/
.sidebar_item_body {
	padding:8px 10px 15px;
}
/*.updatebody {
	padding:8px 10px 15px;
}*/
.my_status .profile_status .requests {
	width:165px;
}

.my_status .profile_status .requests #status_body {
	padding-left:2px;
	width:108px;
}
.profile_status .requests #status_body {
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	width:115px;
}
.requests .sidebar_item_body .friend, .requests .sidebar_item_body .socialmap {
	background: url(/images/icons/friend.gif) no-repeat 0 4px; 
}	
.updateguestbook {
	display: block;
	padding: 0 0 0 22px;
	background: url(/images/comment_post.gif) no-repeat 0 4px; 
}
.updatejournal  {
	display: block;
	padding: 0 0 0 22px;
	background: url(/images/comment_post.gif) no-repeat 0 4px; 
}
.updateprofile {
	display: block;
	padding: 0 0 0 22px;
	background: url(/images/edit_profile.gif) no-repeat 0 1px; 
}
.updatevideo {
	display: block;
	padding: 0 0 0 22px;
	background: url(/images/gallery.gif) no-repeat 0 1px; 
}
.updategallery {
	display: block;
	padding: 0 0 0 22px;
	background: url(/images/gallery.gif) no-repeat 0 1px; 
}
.updatebody {
	display:block;
	padding: 4px 4px 4px 0;
}

.requests .sidebar_item_body a {
	border-bottom:1px solid #DDDDDD;
	display:block;
	padding:5px 5px 5px 22px;
}


.bdaycal_month_section {
	background:#FAFAFA none repeat scroll 0%;
	border:1px solid #D8DFEA;
	margin:5px 10px;
	padding:5px;
}

.invite_friends_img {
	float:left;
	width:50px;
}

img {
	border:0px none;
}

.feed_item .feed_icon {
	float:left;
	padding-top:1px;
	text-align:left;
	width:16px;
	position:relative;
}
.feed_story_wrapper {
	border-bottom:1px solid #D8DFEA;
	float:right;
	padding-bottom:10px;
	width:95%;
}

.bumper {
	background:#D8DFEA none repeat scroll 0%;
	border:medium none;
	color:#D8DFEA;
	height:1px;
	margin:2px 0pt 0pt 2px;
	overflow:hidden;
}

.message_rows .name_and_date .name {
	display:block;
	margin-right:20px;
	overflow:hidden;
	white-space:nowrap;
	width:130px;
}
.message_rows .subject .snippet_wrap {
	padding-left:22px;
}
.name_and_date .date {
	color:#777777;
	display:block;
	font-size:9px;
	padding:1px 0pt 0pt;
}

.message_rows .delete_msg {
	padding-left:10px;
	width:24px;
}

.message_rows .subject {
	margin-right:10px;
}
.message_rows .subject .subject_wrap {
	display:block;
	overflow:hidden;
	padding:2px 0pt;
	white-space:nowrap;
	width:200px;
}
.unread {
	background:#999;
}
.message_rows .new_message .msg_icon, .message_rows .msg_icon.replied, .message_rows .new_message .msg_icon.replied, .message_rows tr td {
	background-color:#FAFAF7;
}
.message_rows tr td {
	border-bottom:1px solid #E1E1E1;
	padding:5px 0pt;
}
.message_rows {
	border-collapse:collapse;
}

/*td, td.label {
	font-size:11px;
	text-align:left;
}*/
.thread_header {
	margin:0pt 0pt 10px;
}

.thread_header h2 {
	color:#333333;
	font-size:15px;
	margin:0pt 20px 1px 163px;
	padding:0pt 0pt 0pt 22px;
}
.thread_header h2 .between {
	font-size:11px;
	font-weight:normal;
}
.message .author_picture {
	padding-bottom:0pt;
	width:80px;
}
.message .column {
	float:left;
	padding:0pt 0pt 10px;
}
.message .body .text {
	width:300px;
}

.messages {
	padding:20px 30px 0pt;
}
.messages .header_divide {
	background:#FFFFFF url(/images/header_divide.gif) no-repeat scroll center top;
	border-top:1px solid #B3B3B3;
	height:2px;
	margin:0px;
	overflow:hidden;
	padding:0pt;
}

.messages .msg_divide_bottom {
	background:#DDDDDD none repeat scroll 0%;
	height:1px;
	margin:0px 0px 0px 185px;
	overflow:hidden;
}
/* end fb css */

#expand {
	text-align:center;
	background-color: #e88ece;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
}
#journalposts,#videoposts,#events,#hotlists,#friendlists,#usefullinks {
	background-color: #fff;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 0px;
	border-bottom: 0px;
	padding: 5px;
}
#urnaheader
{
background-color: black;
background-repeat: no-repeat;
background: url(/images/titlebarnew.gif);
width: 100%;
height: 75px;
font-size: 9px;
text-align: right;
color: #ccc;
}

#urnafooter
{
clear: both;
width: 100%;
margin: 0;
font-size: 10px;
text-align: center;
color: #ccc;
}

#urnacontainer
{
width: 100%;
margin: 0px auto;
}

#urnaleftnav
{
float: left;
background-color: #FFF;
width: 210px;
margin: 0;
padding: 5px;
border-bottom: 1px solid black;
}

#urnarightnav
{
float: right;
width: 250px;
margin: 0;
padding: 5px;
}

#urnacontent
{
padding: 5px;
margin-left: 220px;
border-left: 1px solid black;
margin-right: 260px;
border-right: 1px solid gray;
}

#urnacontentlarge
{
background-color: #FFF;
padding: 5px;
margin-left: 220px;
border-left: 1px solid black;
margin-right: 20px;

}

#contentcolumn{
margin: 0 200px 0 25%; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
}

#leftcolumn{
float: left;
width: 25%; /*Width of left column in percentage*/
margin-left: -100%;
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set margin to -(RightColumnWidth)*/
background: #FDE95E;
}

body
{
font-size: 11px;
color:#000;
background-color:#EAEAEA;
margin-top:1px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

}



body.dark
{
font-size: 11px;
color:#BBB;
background-color:#222;
margin-top:1px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;
}
body.note
{
font-size: 11px;
color:#000000;
background-color:#FFFD54;
margin-top:1px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;
}

body, p, table, td, th, ul, ol, textarea, input
{
font-family: verdana,helvetica,arial,sans-serif;
}

p
{
 text-align: justify;
}
h1,h2,h3,h4,h5 
{
font-family: verdana,helvetica,arial,sans-serif;
margin-top: 1px;
margin-bottom: 2px;
}
ul { margin-left: 0px; list-style-type: square }

input { color: #333; font-family: Arial; background: #EEE; border: #CCC 2px solid; }
input.submit { color: #000; font-family: Arial bold; background: #EEE; border: #666 2px solid; }
input.checkbox { color: #000; background-color:transparent; border: 0px; }
input.radio { color: #000; background: #FFF; border: 0px; }

select { color: #333; font-family: Arial; font-size:10px; background: #EEE; border: #CCC 2px solid; }

.photo
{
border-top: 1px solid #444;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}

table, input, textarea
{
font-size: 100%;
}

h1 {font-size:160%;}
h2 {font-size:120%;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

font.error
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 140%;
}
td.feature
{
color: black;
background-color: #EBEBEB;
padding: 4px;
}

td.highlight
{
color: black;
background-color: #FFFD54;
padding: 2px;
}
td.ledgeron
{
color: black;
background-color: #DDD;
padding: 2px;
}
td.ledgeroff
{
color: black;
background-color: #FFF;
padding: 2px;
}
th
{
font-size: 80%;
color: black;
background-color: #AAA;
padding: 2px;
text-align: center; 
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
td.grid
{
padding: 2px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
td.note
{
color: black;
background-color: #FFFD54;
padding: 2px;
text-align: justify; 
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
td.infomain
{
color: black;
background-color: #FFF;
padding: 4px;
border-top: 1px solid #AAA;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
border-bottom: 1px solid #AAA;
}
td.cal
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 90%;
color: black;
background-color: #FFF;
padding: 2px;
border-top: 1px solid #999;
border-right: 1px solid #000;
border-left: 1px solid #999;
border-bottom: 1px solid #000;
}
td.calsel
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 90%;
color: black;
background-color: #FF0;
padding: 2px;
border-top: 1px solid #999;
border-right: 1px solid #000;
border-left: 1px solid #999;
border-bottom: 1px solid #000;
}
td.cale
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 90%;
color: black;
background-color: #FAC8FA;
padding: 2px;
border-top: 1px solid #999;
border-right: 1px solid #000;
border-left: 1px solid #999;
border-bottom: 1px solid #000;
}
td.calme
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 90%;
color: black;
background-color: #FA64FA;
padding: 2px;
border-top: 1px solid #999;
border-right: 1px solid #000;
border-left: 1px solid #999;
border-bottom: 1px solid #000;
}

td.info
{
color: black;
background-color: #FFF;
padding: 2px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
td.infoplain
{
color: black;
background-color: #FFF;
padding: 2px;
}
td.infoboth
{
color: black;
background-color: #FFF;
padding: 2px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
td.infobothtop
{
color: black;
background-color: #FFF;
padding: 2px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
td.infobottom
{
color: black;
background-color: #FFF;
padding: 2px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
td.infotop
{
color: black;
background-color: #FFF;
padding: 2px;
border-top: 1px solid #000;
}
td.infotopleft
{
color: black;
background-color: #FFF;
padding: 2px;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
td.infotopright
{
color: black;
background-color: #FFF;
padding: 2px;
border-top: 1px solid #000;
border-right: 1px solid #000;
}
td.infoleftdash
{
color: black;
background-color: #FFF;
padding: 2px;
border-left: 1px solid #000;
border-right: 1px dotted #AAA;
}
td.infoleft
{
color: black;
background-color: #FFF;
padding: 2px;
border-left: 1px solid #000;
}
td.inforight
{
color: black;
background-color: #FFF;
padding: 2px;
border-right: 1px solid #000;
}
td.image
{
color: black;
background-color: #999;
padding: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

a.bronze:link    {color:#F87431; font-weight: bold; text-decoration: none; background-color:transparent}
a.bronze:visited {color:#F87431; font-weight: bold;  text-decoration: none; background-color:transparent}
a.bronze:active  {color:#F87431; font-weight: bold;  text-decoration: none; background-color:transparent}
a.bronze:hover   {color:#F87431; font-weight: bold;  text-decoration: none; background-color:black}

a.silver:link    {color:silver; font-weight: bold; text-decoration: none; background-color:transparent}
a.silver:visited {color:silver; font-weight: bold;  text-decoration: none; background-color:transparent}
a.silver:active  {color:silver; font-weight: bold;  text-decoration: none; background-color:transparent}
a.silver:hover   {color:silver; font-weight: bold;  text-decoration: none; background-color:black}

a.gold:link    {color:gold; font-weight: bold; text-decoration: none; background-color:transparent}
a.gold:visited {color:gold; font-weight: bold;  text-decoration: none; background-color:transparent}
a.gold:active  {color:gold; font-weight: bold;  text-decoration: none; background-color:transparent}
a.gold:hover   {color:gold; font-weight: bold;  text-decoration: none; background-color:black}

td.gold
{
color: black;
background-color: gold;
padding: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

a.platinum:link    {color:#B4CFEC; font-weight: bold; text-decoration: none; background-color:transparent}
a.platinum:visited {color:#B4CFEC; font-weight: bold;  text-decoration: none; background-color:transparent}
a.platinum:active  {color:#B4CFEC; font-weight: bold;  text-decoration: none; background-color:transparent}
a.platinum:hover   {color:#B4CFEC; font-weight: bold;  text-decoration: none; background-color:black}

td.platinum
{
color: black;
background-color: #B4CFEC;
padding: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
td.gallery
{
color: black;
background-color: #5C9FDD;
padding: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
td.enhanced
{
color: black;
background-color: #28DF1F;
padding: 4px;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
td.modelts
{
color: black;
background-color: #D649AF;
padding: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
td.black
{
color: #FFF;
background-color: #000;
padding-left: 4px;
}
td.root
{
color:#000;
background-color:#C62A99;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding-left: 4px;
padding-right: 4px;
}
td.rootblack
{
color:#FFF;
background-color:#000;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding-left: 4px;
padding-right: 4px;
}
td.menu-off
{
color:#000;
background-color:#AAA;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding-left: 0px;
padding-right: 0px;
}
td.menu-off-left
{
color:#000;
background-color:#AAA;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 1px solid #000;
padding-left: 0px;
padding-right: 0px;
}
td.menu-off-middle
{
color:#000;
background-color:#AAA;
border-top: 1px solid #FFF;
border-bottom: 1px solid #000;
padding-left: 0px;
padding-right: 0px;
}
td.menu-off-right
{
color:#000;
background-color:#AAA;
border-top: 1px solid #FFF;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding-left: 0px;
padding-right: 0px;
}
td.menu-on
{
color:#FFF;
background-color:#000;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding-left: 4px;
padding-right: 4px;
}

a:link    {color:#000; text-decoration: none; background-color:transparent}
a:visited {color:#000; text-decoration: none; background-color:transparent}
a:active  {color:#000; text-decoration: none; background-color:transparent}
a:hover   {color:#666; text-decoration: none; background-color:transparent}

a.menu-on:link    {color:#FFF; font-weight: bold; text-decoration: none; background-color:transparent}
a.menu-on:visited {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.menu-on:active  {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.menu-on:hover   {color:#666; font-weight: bold;  text-decoration: none; background-color:transparent}

a.menu-off:link    {color:#000; font-weight: bold; text-decoration: none; background-color:transparent}
a.menu-off:visited {color:#000; font-weight: bold;  text-decoration: none; background-color:transparent}
a.menu-off:active  {color:#000; font-weight: bold;  text-decoration: none; background-color:transparent}
a.menu-off:hover   {color:#666; font-weight: bold;  text-decoration: none; background-color:transparent}

a.root:link    {color:#FFF; font-weight: bold; text-decoration: none; background-color:transparent}
a.root:visited {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.root:active  {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.root:hover   {color:#666; font-weight: bold;  text-decoration: none; background-color:transparent}

a.grey:link    {color:#999; font-weight: bold; text-decoration: none; background-color:transparent}
a.grey:visited {color:#999; font-weight: bold;  text-decoration: none; background-color:transparent}
a.grey:active  {color:#999; font-weight: bold;  text-decoration: none; background-color:transparent}
a.grey:hover   {color:#FFF; font-weight: bold;  text-decoration: none; background-color:#999}

a.white:link    {color:#FFF; font-weight: bold; text-decoration: none; background-color:transparent}
a.white:visited {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.white:active  {color:#FFF; font-weight: bold;  text-decoration: none; background-color:transparent}
a.white:hover   {color:#FFF; font-weight: bold;  text-decoration: none; background-color:#999}

/* TA Menu styles */

DIV.taMenu
{
   float            : left;
   width            : 100%;
   background       : #FFF url(/images/taMenuBorder.gif) repeat-x bottom;
}

DIV.taMenu UL
{
   margin           : 0px;
   padding          : 0px;
   list-style       : none;
}

DIV.taMenu LI
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}

DIV.taMenu A
{
   float            : left;
   background       : url(/images/taMenuRight.gif) no-repeat right top;
   border-bottom    : 1px solid #999;

   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}

DIV.taMenu A:hover
{
   background-position: 100% -150px;
}

DIV.taMenu A:link, DIV.taMenu A:visited,
DIV.taMenu A:active, DIV.taMenu A:hover
{
   color            : #666;
}

DIV.taMenu SPAN
{
   float            : left;
   display          : block;
   background       : url(/images/taMenuLeft.gif) no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.taMenu SPAN {float : none;}
/* End IE5-Mac hack */

DIV.taMenu A:hover SPAN
{
   background-position: 0% -150px;
}

DIV.taMenu LI#current A
{
   background-position: 100% -150px;
   border-width     : 0px;
}

DIV.taMenu LI#current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}


DIV.taMenu LI#blue SPAN
{
   background-position: 0% -300px;
   padding-bottom   : 6px;
}

DIV.taMenu LI#pink A
{
   color: #F033B9;
   background-position: 100% -450px;
   border-width     : 0px;
}

DIV.taMenu LI#pink SPAN
{
   color: #F033B9;
   background-position: 0% -450px;
   padding-bottom   : 6px;
}

/*JonGallery code*/

#myGallery
{
width: 640px !important;
height: 640px !important;
}

		/*Vertical Accordions*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}