/* $Id: pi-styles.css,v 1.4 2007/07/10 12:05:00 malte Exp $ */

/* ----------------- Pure elements ----------------- */


CODE	{
	font-weight: bold;
}


FORM			{
	margin: 0px;
	padding: 0px;
}

H1				{
	padding: 0px;
	margin: 0px;
	font-family: verdana;
}

H2				{
	padding: 0px;
	margin: 0px;
}

H3				{
	padding: 3px;
	margin: 0px;
}

H4				{
	padding: 0px;
	margin: 0px;
}

H5				{
	padding: 0px;
	margin: 0px;
}

LI				{
	padding: 2px;
}

OL 				{
	list-style-type: disc;
}


UL 				{
	list-style-type: disc;
}

/* ----------------- Dot-classes ----------------- */

.bounce			{
	background-color: #FF6666;
}

INPUT.button,
INPUT.cancel		{
	width: 100px;
}

DIV.footer INPUT.button	{
	font-size: 8pt;
}

INPUT.delete			{
	color: red;
	width: 100px;
}



/*Julieanne 21.06.07 defining tabs for Sign-up page */
div.tabArea {
   font-size: 35%
   font-weight: bold;
   font-color: #000000;
}

a.tab {
  background-color: #ffffff;
  border: 1px solid #CCC0DD;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
  top: -1px;
  postion: relative;
  z-index: 100;
  }
  
a.tab, a.tab:visited {
  color: #000000;
  border-style: solid;
  border-color: #CCC0DD;
  border-bottom-width: 0px;
  position: relative;
  z-index: 100;
  }
  
a.tab:hover {
  background-color: #e3e1e5;
  color: #606060;
  position: relative;
  border-bottom-width: 0px;
  z-index: 100;
  }

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #e3e1e5;
  border-style: solid;
  border-color: #CCC0DD;
  border-bottom-width: 0px;
  position: relative;
  z-index: 110;
  } 

/*define table for wrapping round the form on home page */
TABLE.homeform {
  font-size: 10pt;
  font-family: verdana;
  background-color: #e3e1e5;
  border: 1px solid #CCC0DD;
  padding: 1em;
  position: relative;
  z-index: 102;
 }

TD.data			{
	font-weight: bold;
	padding-bottom: 10px;
}

TABLE.memberSummary		{ 
	border-top: 1px solid #000000;
	margin: 10px 0px 10px 0px;
	width: 640px;
}

TABLE.display,
TABLE.edit,
TABLE.list		{ 
	background-color: #EFEFEF;
	border: 1px solid #9C00CE;
	margin: 15px 0px;
	width: 625px;
}

TD.right TABLE.list	{
	width: 500px;
}

TABLE.display TH,
TABLE.edit TH,
TABLE.list TH.title		{
	background-color: #FFFFFF;
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 12pt;
	font-weight: bold;
	padding: 10px 2px;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 0px;	/* overrides TABLE.list TH */
}

TABLE.edit TD	{
	padding: 0px 5px;
}

TABLE.list TH	{ 
	border-bottom: 1px solid #006699;
	text-align: left;
	vertical-align: bottom;
}

TABLE.display TD	{
	font-weight: bold;
}

TABLE.threads	{
	border-collapse: collapse;
	margin: 10px 0px 20px 0px;
	width: 100%;
}

TABLE.threads TH	{
	background-color: #eeeefa;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}

TABLE.threads TH.title	{
	font-weight: bold;
	width: 65%;
}

TABLE.threads TH.date	{
	text-align: center;
	width: 15%;
}

TABLE.threads TH.counter	{
	text-align: center;
	width: 10%;
}

TABLE.threads TD	{
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
	white-space: nowrap;
}

TABLE.threads TD.title	{
	text-align: left;
}

SPAN.founder	{
	font-size: 7pt;
	margin-left: 5px;
}

SPAN.postIndex	{
	font-size: 8pt;
	display: block;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: middle;
	white-space: no-wrap;
}

SPAN.postIndex A	{
	margin: 0px; 
	margin-left: -10px;
	padding: 0px;
}

IMG.pyi	{
	margin: 0px;
	padding: 0px;
        border: none;
}

TABLE.postFooter	{
	background-color: #DDDDDD;
	font-size: 8pt;
	height: 50px;
	margin-bottom: 10px;
	margin-top: 25px;
	padding: 5px 0px;
	width: 100%;
}

TABLE.postFooter TD {
	font-size: 8pt;
}

TABLE.postFooter A {
	font-weight: bold;
}

DIV.post	{
	background-color: #EEEEFF;
	margin: 25px 25px 25px 50px;
	padding: 10px;
	width: 600px;
}

DIV.post H3	{
	margin-bottom: 10px;
	text-align: center;
}

DIV.post P,
DIV.post SPAN	{
	font-size: 8pt;
}

.error			{
	background-color: #FFFFFF;
	color: #FF0000;
	margin: 10px;
	padding: 10px;
	border: 1px solid #FF0000;
	width: 90%;
}

DIV.footer SPAN.error	{
	background-color: #C1C8CF;
	border-width: 0px;
	font-size: 8pt;
	margin: 5px;
	padding: 0px;
}

DIV.footer SPAN.label	{
	font-size: 8pt;
	margin-left: 5px;
}


DIV.footer SPAN.labelREQD	{
	font-size: 8pt;
	margin-left: 5px;
}

LI.error    	{
	border: solid black 0px;
	padding: 0px;
}

UL.error		{ 
	text-align: left;
}

.errorHeading	{
	background-color: #FF0000;
	color: #FFFFFF;
	height: 20px;
	text-align: center;
}

DIV.error		{
	width: 90%; 
	text-align: center;
}

DIV.footer 		{
	border-top: 1px solid #000000;
	font-size: 8pt;
	height: 40px;
	padding: 5px 0px;
	text-align: center;
	width: 100%;
}

BODY > DIV.footer	{
	font-size: 10pt;
}

DIV.header {
}

DIV.header2		{
	background-image: url(/banner_grey.gif);
	border-bottom: 1px solid #000000;
	height: 80px;
	padding: 5px 0px;
	position: relative;
	text-align: center;
	width: 100%; 
}

DIV.id			{
	color: #5E2E17;
	padding: 5px 0px;
	text-align: right;
}

TD.left		{
	border-right: solid 1px #000000;
	font-size: 10pt;
	padding: 10px 10px 10px 30px;
	vertical-align: top;
	width: 200px;
}

TD.left IMG	{
	margin: 0px 10px;
	border: 0px;
}

TD.left P		{
	font-size: 10pt;
}

TD.right		{
	padding: 10px;
	vertical-align: top;
	width: 520px;
}

TD.right H1	{
	font-size: 14pt;
	margin-bottom: 10px;
}

TD.right H2	{
	font-size: 12pt;
}

TD.right H3	{
	font-size: 10pt;
}

TD.right P	{
	font-size: 10pt;
}

DIV.entry		{
	border-top: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
	margin: 20px 0px 5px 0px;
	width: 100%;
}

DIV.entry SPAN.small	{
	 float: right;
	 margin-left: 10px;
	 text-align: right;
}

A.add			{
	background-image: url(/shared/images/add.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 100px;
	width: 250px;
	border: solid black 1px;
}

DIV.menu		{
	background-color: #EFEFEF;
	border-bottom: solid 1px #000000;
	font-size: 10pt;
	padding: 5px 0px;
	position: relative;
	width: 100%; 
}

DIV.menu A	{
	color: #000000;
	border-bottom: solid 1px #9C00CE;
	margin: 0% 2%;
	text-decoration: none;
}

DIV.submenu	{
	background-color: #CDCDCD;
	border-bottom: solid 1px #000000;
	padding: 5px;
	text-align: right;
}

DIV.submenu A	{
	margin: 0% 2%;
}

DIV.footer A	{
	color: #000000;
	border-bottom: solid 1px #9C00CE;
	margin-right: 5px;
	text-decoration: none;
}

DIV.menu SPAN.selected	{
	font-weight: bold;
	margin: 0% 2%;
}

IMG.button			{
	position: relative;
	top: 3px;
	border: none;
}

.label,
TD.label,
TABLE.display TD.label {
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}

.labelREQD,
TD.labelREQD	{		 
	text-align: right;
	color: #FF0000;
}

.loggedOut		{
	background-color: #FFDFD2;
	text-align: center;
}

.login 			{
	font-size: 8pt;
	font-weight: normal;
	height: 20px;
}

TABLE.login 	{
	background-color: #FFF8E3;
	border: 1px solid #000033;
}

.mandatory		{		
	font-size: 8pt;
	color: #F30000;
}

.message		{
	background-color: #FFFFFF;
	color: #0000FF;
	margin: 10px;
	padding: 10px;
	border: 1px solid #0000FF;
	width: 90%;
}

SPAN.mo,
A.mo,
TH SPAN.mo		{
	background-color: #CCC0DD;
	background-image: none;
	cursor: pointer;
	font-weight: normal;
}

TD SPAN.mo		{
	font-size: 10pt;
}

.nameHeader		{
	background-color: #CCC0DD;
	background-image: url(/shared/images/cnr_mid.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.reorder		{
	width: 20px;
	text-align: center;
	background-color: yellow;
}

.REQD			{ 
	color: #FF0000;
}

INPUT.REQD,
SELECT.REQD,
TEXTAREA.REQD	{
	border: 1px solid #FF0000;
}

.row0			{ 
	background-color: #FFF9F9;
}

.row1			{
	background-color: #FFFFFF;
}

.small			{
	font-size: 8pt;
	font-style: italic;
}

.tip			{		 
	font-size: 8pt;
	color: #0000FF;
}

TABLE.report	{ 
	background-color: #F2F2F2;
	border: 1px solid #000000;
	padding: 2px;
	margin: 2px;
}

TD.u            {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	border-bottom: 1px dashed #EFEFEF;
	padding: 0px 3px;
}

#tableheader {
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}







DIV.album	{
	background-color: #30009C; 
	border: outset 3px #CDCDCD; 
	cursor: hand; 
	margin: 25px; 
	padding: 20px; 
	width: 200px;
}

DIV.album DIV.inner	{
	background-color: #30009C; 
	border: inset 0px #CDCDCD;
}

DIV.album DIV.title	{
	background-color: #FFFFCB; 
	border-bottom: 1px solid red; 
	padding: 5px;
}

DIV.album DIV.description	{
	background-color: #FFFFCB; 
	padding: 5px;
}

DIV.album DIV.count	{
	background-color: #CFCFCF; 
	border-bottom: solid 25px #FFFFFF; 
	border-top: solid 1px #FFFFFF; 
	margin-top: 0px; 
	padding: 5px;
}

DIV.album DIV.iconic {
	background-color: #FFFFFF; 
	padding: 5px;
	text-align: center;
}

DIV.title			{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

SPAN.mandatory,
SPAN.delete,
SPAN.save,
SPAN.cancel			{
	padding-right: 5px;
}






/* ----------------- ID classes ----------------- */

#dhtmltooltip	{
	background-color: #CE9CFF;
	border: 2px solid #000000;
	padding: 2px;
	position: absolute;
	visibility: hidden;
	width: 150px;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.QP	{ background-color :#EFEFEF; text-align:right; font-size: 8pt; font-weight: bold; }

/* ----------------- Photo Album ----------------- */
DIV.thumbnail {padding-top: 20px; text-align:center;}
IMG.thumbnail {border: 1px solid black;}
DIV.photoHeading {text-align: center; font-size: 16pt; padding-bottom: 15px; }
DIV.photoControls {text-align: center; padding-bottom: 15px; }
DIV.photoControls A {padding: 10px;}
DIV.photoName {text-align: center; font-size: 12pt; padding-bottom: 15px; }
DIV.photo {text-align: center; padding: 5px; }
IMG.photo {border: 1px solid black; padding: 5px;}
DIV.photoCaption {text-align: center; padding-top: 10px; } 

/* ----------------- Intro Page ----------------- */

#intro-content p {
	font-size: 10pt;
}

#intro-content td {
	font-size: 10pt;
}

.pi-profiles {
  background-color: #e1e1e1;
  padding: 2px;
}

img {
  border:none;
  padding: 0;
}

/* LISTS -----------------------------------------------------------*/

ul.compact{
	margin: 0px;
	padding: 0px;
}
ul.compact li {
	list-style:none;
	/* display: inline; */
}

/* END OF LISTS */