/*****************************************************************************
PhotoShare Cascading Stylesheets Setup
****************************************************************************
=[ Window layout ]==========================================================*/
TABLE.photoshare-header
{
	border: 1px solid black;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}
TR.photoshare-header-title
{
	background-color: transparent;
}
TR.photoshare-header-title TD
{
	padding: 4px 1px 4px 10px;
}
TR.photoshare-header-menu
{
	background-color: #E0E0E0;
	width: 100%;
}
TR.photoshare-header-menu TABLE TD
{
	padding: 2px 8px;
}
TR.photoshare-header-icons
{
	background-color: #E0E0E0;
	width: 100%;
}
TR.photoshare-header-icons TD
{
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #808080;
}
TR.photoshare-header-bottom
{
	background-color: #1A4C86;
}
/*=[ Title and trail ]========================================================*/
DIV.photoshare-title
{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #990000;
}
DIV.photoshare-trail
{
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #990000;
}
DIV.photoshare-trail A
{
	color: #990000;
	text-decoration: underline;
}
DIV.photoshare-trail A:link
{
}
DIV.photoshare-trail A:visited
{
}
DIV.photoshare-trail A:hover
{
	color: #777;
}
DIV.photoshare-trail A:active
{
}
/*=[ Toolbar ]================================================================*/
TABLE.photoshare-toolbar-main, TABLE.photoshare-toolbar-main TD, TABLE.photoshare-toolbar-main TR
{
	margin: 0px;
	padding: 6px;
	border: 0px;
	border-collapse: collapse;
}
TABLE.photoshare-toolbar-main
{
}
TABLE.photoshare-toolbar TD
{
	height: 20px;
	width: 20px;
	text-align: center;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 4px 0px 0px;
}
/*============================================================================*/
.photoshare-heading
{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 4px;
}
.photoshare-button
{
	cursor: pointer;
/*Correct name*/
	cursor: hand;
/*IE name*/
}
TABLE.photoshare-image TD.title
{
	width: 50%;
}
IMG.photoshare-selected
{
	border: 1px solid red;
	cursor: pointer;
/*Correct name*/
	cursor: hand;
/*IE name*/
}
IMG.photoshare-unselected
{
	border: 1px solid white;
	cursor: pointer;
/*Correct name*/
	cursor: hand;
/*IE name*/
}
TABLE.photoshare-editform INPUT.photoshare-edittitle, TABLE.photoshare-editform INPUT.photoshare-editfile
{
	width: 50%;
}
TABLE.photoshare-editform TEXTAREA
{
	width: 50%;
}
.photoshare-clickable
{
	cursor: pointer;
/*Correct name*/
	cursor: hand;
/*IE name*/
}
/*=[ Menu handling ]==========================================================
Surrounding DIV tag*/
DIV.psmenu
{
	position: absolute;
	visibility: hidden;
	font: arial, sans-serif;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-collapse: collapse;
	background-color: #E0E0E0;
}
/*Make sure there's no spacing between the rows in the menu (use padding instead)*/
DIV.psmenu TABLE, DIV.psmenu TR, DIV.psmenu TD
{
	border-collapse: collapse;
	border: none;
	margin: 0px;
}
/*Menu item row (off)*/
.psmenu-menuItem
{
	cursor: pointer;
	cursor: hand;
}
/*Menu item row (on)
- we could colorize the whole row here, but the icon graphics is not good on blue background*/
.psmenu-menuItemOn
{
	cursor: pointer;
	cursor: hand;
}
/*Some space around the icon*/
TD.psmenu-icon
{
	padding: 2px;
}
/*Some space around the icon*/
.psmenu-menuItemOn TD.psmenu-title
{
	background-color: #CB6B94;
	color: white;
}
/*Some space around the menu item title*/
TD.psmenu-title
{
	padding: 2px 5px;
}