/* Standard Styles for www.phorton.com */

body 
{
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


img 
{ 
	border: 0; 
	/* dont know why I had these */
	prh-background-color: transparent; 
	prh-color: transparent; 
}


body, h1, h2, h3, li, p, td 
{ 
	font-family: arial, helvetica; 
}

body, td, p	
{ 
	font-size: 12px; 
}

td { vertical-align:top; }


h1			{ font-size: 18px; }
h2			{ font-size: 16px; }	
h3			{ font-size: 14px; }
p			{ font-size: 12px; }
.small		{ font-size: 10px; }
.big1		{ font-size: 14px; }
.big2		{ font-size: 16px; }

a {	text-decoration: none; }

table
{
	border-collapse:collapse;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}


/************** basic layout *************/

#zot 				/* outer table */
{
	width:100%;
	height:100%;
}

#zltd, #zltd td 	/* logo td */
{
	width:128px;		/* helps with flashy redisplay */
	vertical-align:center;
}

#zttd, #zttd td 	/* title td */
{
	height:70px;
	text-align:center;
	vertical-align:middle;
}

#zmtd, #zmtd td 	/* menu td */
{
	text-align:top;
	vertical-align:top;
	width:2%;		/* necessary for IE else menu td grows */
}

#zbod 				/* body outer td */
{
	height:80%;
	vertical-align:top;
}

#zbit 				/* body inner table */
{
	width:98%;
	margin-left:6px;
	margin-right:6px;
	margin-top:6px;
	margin-bottom:6px;
	vertical-align:top;
}

#zlftd				/* left footer */
{
	vertical-align:middle;
	text-align:center;
}

#zftd 				/* footer */
{
	text-align:center;
	height:60px;
}


#zmtd, 
#zlftd, 
#zftd  			
{ 
	font-size: 10px; 
}
#zttd 			
{ 
	font-size: 18px; 
} 


/********************** menu items added in javascript *********************/

#menu_table
{
	table-layout:fixed; 
	overflow:hidden;
	width:128px;			/* defining width */
}

.menu_item,
.menu_selected,
.menu_item_home
{ 
	padding-top:0px;
	padding-bottom:0px;
	white-space:nowrap;
	overflow:hidden;
}

.menu_item
{ 
	font-size: 10px; 
}

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

.menu_selected
{
	background-color: aqua; 
}



/******************** header setup for javascript *****************/

#title_div,
#logo_div,
#left_footer_div,
#footer_div
{
	position:relative;
	width:100%;
	height:100%;
}

#title_left_div
{
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
	margin-left:6px;
	width:120px;
}

#title_middle_div
{
	position:absolute;
	left:0px;
	top:12px;
	width:100%;
}

#title_right_div
{
	position:absolute;
	right:0px;
	top:0px;
	text-align:left;
	margin-right:12px;
	font-size:10px;
}


#footer_links_table
{
	position:absolute;
	left:0px;
	top:28px;
	width:100%;
	text-align:center;
}


#open_outline_button,
#logo_collapse_button,
#logo_close_button,
#footer_close_button,
#footer_collapse_button,
#logo_prev_button,
#logo_up_button,
#logo_next_button,
#footer_prev_button,
#footer_up_button,
#footer_next_button		{ position:absolute; text-align:center; font-size:10px; white-space:nowrap; }
#logo_prev_button,
#logo_up_button,
#logo_next_button,		
#footer_prev_button,
#footer_next_button 	{ top:8px; width:34px; }
#footer_prev_button,
#logo_prev_button		{ left:6px; }
#footer_next_button,
#logo_next_button		{ right:6px; }
#logo_up_button			{ left:47px; }
#footer_up_button		{ position:relative; top:8px; }
#footer_collapse_button,
#logo_collapse_button	{ left:26px; }
#footer_close_button,
#logo_close_button 		{ left:30px; }
#logo_collapse_button	{ top:38px; }
#logo_close_button 		{ top:50px; }
#footer_collapse_button	{ top:8px; }
#footer_close_button 	{ top:20px; }
#open_outline_button	{ top:50px; }
#logo_prev_button,
#logo_next_button,
#footer_prev_button,
#footer_next_button		{ background:aqua; }

.title_path	{ font-size:10px; position:relative; top:3px; }


/************** color scheme from old system music.css ****************/
	
#img_title,
#zftd,	
#zttd 		{ background-color: #DCF1FC; }
#zlftd,		
#zltd		{ background-color: #AEDFF8; }
#zmtd		{ background-image: url(Backgrounds/leftBlueGradient2.gif); }
#zmtd 		{ background-color: transparent; }


/* .button_image_page, */
.button_img_next,
.button_img_prev,
.button_img_close
{
	position:absolute;
	padding:1px;
	cursor:pointer;
	background-color:#aaaaaa;
	border:2px outset #cccccc;
	font-weight:bold;
	width:14px;
	font-size:9px;
	height:10xpx;
	text-align:center;
	overflow:hidden;
}
/* .button_image_page	{ top:8px; right:90px; } */
.button_img_prev  	{ top:8px; right:56px; }
.button_img_next	{ top:8px; right:30px; }
.button_img_close 	{ top:8px; right:4px; }

/************************** BUILD STYLES *********************/

.ph_map_center,
.ph_map_left,
.ph_map_right,
.ph_image_group,
.ph_image_center,
.ph_image_left,
.ph_image_right
{
	hmm-margin-top:6px;
	margin-bottom:6px;
	margin-right:6px;
	margin-left:6px;
	text-align:center;
}

.ph_map_center,
.ph_image_group,
.ph_image_center { clear:both; }
.ph_map_left,
.ph_image_left { float:left; }
.ph_map_right,
.ph_image_right { float:right; }


.ph_map_extra,
.ph_map_title,
.ph_image_caption
{
	font-size:10px;
}

.ph_map_extra,
.ph_map_title,
.ph_image_caption,
.ph_image_group_title
{
	display:block; 
	clear:both;
}

.ph_songlist
{
	text-align:center;
	clear:both;
}

.ph_song
{
	font-size: 16px;
	font-style : italic;
	display:block;
	clear:both;
}

.ph_img_noprocess,
.ph_img
{
	margin-bottom:4px;
	vertical-align:top;
}