body {	color: black; 
				background: url(images/trustafriend_background.png); 
				font-family: "Arial","lucida sans", sans-serif;
		    margin-left: 2%; margin-right: 2%; margin-top:1%;}    


address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }


h1,h2,h3,h4 { margin-bottom:0 }


/* Includes setting font family for pre elements, 
   as some browsers forget to use a fixed pitch font when you set 
   the font size or other properties for pre.                      */

pre {
/*	background: #f0f0f0;
	border-style: solid;
	border-width: 1px;
	border-color: #dadada;*/
/*	padding: 11px;*/
/*	font-size: 11px;
	line-height: 1.3em;*/
/*	color: #008099;*/
	font-family: monospace;
	font-size: 90%; 
	overflow: auto;
	margin-top:0;
	margin-bottom:0;
	margin-left: 1em;
	margin-right: 1em;
	display: inline;
}


code {
	color: blue; /*#8A3A06;*/ /*#007060;*/
} 

div.code {
	font-family: monospace;
	font-size: 90%; 
	overflow: auto;
	margin-top:0;
	margin-bottom:0;
	display: inline;
	color: blue; /*#8A3A06;*/ /*#007060;*/
}

div.quote {
	background: #F3F2E7;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	padding-left:1em;
	padding-right:1em;
	margin-top:1ex;
	margin-bottom:1ex;
}


 


/* Set the font family on headings, p and ul elements 
   if you intend to set borders or backgrounds on elements such as div. 
   This is a work-around for a bug where the browser forgets to use the 
   inherited font family, instead switching to the default font as set by 
   the browser preferences. */
h1,h2,h3 {	font-family: "Arial","lucida sans", sans-serif; }   
p {	font-family: "Arial","lucida sans", sans-serif; }
ul { font-family: "Arial","lucida sans", sans-serif; }




/* Commented out 28th March 2008 */		 
/*p.top { color: blue; text-align=right;}*/ 

/* Used to pass messages back to the user. */ 
p.message { color: green;
						font-style: italic;
						font-weight: bold; }

/* Used to pass warning messages back to the user. */ 
p.warning { color: red;
						font-style: italic;
						font-weight: bold; }


.details {	font-weight: bold; }


/* Note that without the "width" property some browsers will place the 
   right margin too far to the right.  */
   
/**************************************************
 *  DIV
 **************************************************/
   
   
div.box {  border: solid; border-width: thin; padding: 0.5em;}


/* A panel that does not float */
div.nofpanel {	background: rgb(204,204,255);
			 			 	padding: 0.5em;
							border: solid black; 
							border-width: 0.5px; 
							margin-right: 2em; }

					
div.ralign {border: none;
						float: right;	}

table.highlight {
	width:100%; 
	border-collapse:collapse; 
	border:black solid; 
	border-width:1px;
	margin-bottom:1ex; 
	margin-top:2ex;
}
						
table.highlight th {	
	border:solid;	
	border-width:1px;	
	border-color: #C0C0C0; 
	background: #C5D9FF;
}


table.highlight td {	
	border:solid;	
	border-width:1px;	
	border-color: #C0C0C0; 
	background:#D6E4EE;
}

				

table.frame { float:left; 
							border: none; 
							border-spacing: 0; }  /*Check if I need border-spacing here */
table.frame td { border: none; }


table.tightframe {  float:left;
										width: 100%;
										border-collapse: collapse;
										border: none; 
										border-spacing: 0; }  /*Check if I need border-spacing here */
table.tightframe td { border: none; padding: 0; border-collapse: collapse;}


table.images {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	padding:0;
}

table.images td {
	border: none;
	border-spacing: 0;	
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	padding:0;
}


table.footer { float:left; 
							border: none; 
							border-spacing: 0; 
							margin-top:4ex;
							width: 100%; }
							
table.footer td { border: none; }


							
/* Used to list things such as object types and subtypes */
table.list {	float:left;
							border: none;
							margin-bottom: 2ex; 
							margin-right: 2em;  }
table.list th { width: 30%; text-align: left; }
table.list td { width: 30%; border: none; }							
table.list a { color:purple; text-decoration:none;}
table.list a:hover { color: blue; }    								
							

table.dlist { float: left;
/*							border: solid gray;
							border-width: 1px;			*/   /* Changed for rounding */
							border-collapse: collapse;
							border-spacing:0;
							width:100%;
 							/*margin-top: 2ex;*/ }
table.dlist td {	background: white;
									color: black;
									border: none;	
									border-width:1px;	
									
									padding: 1ex; 
									text-align:left;
									vertical-align: top;	} 

table.dlist td.hl { background: #E1E1E1;
										border: none; }
										
										
						
table.dlist td.bar_top {	
	border-top: solid 1px #C0C0C0;
	background: #C5D9FF;
}



table.dlist td.bar_bottom {	
/*	border:solid;	
	border-width:1px;	
	border-color: #C0C0C0;*/
	border:none; 
	background:#D6E4EE;
}										


table.dlist td.empty_left {
	border-left: solid 1px #C0C0C0;	
	border-bottom: solid 1px #C0C0C0;	
	background: #FFFFFF;
}
																						
																
table.dlist th {  background: #C5D9FF;
									padding: 0.5em;
/*									border:solid gray 1px;
									border-collapse: collapse;*/      /*Changed for rounding */
									font-weight: bold; 
									font-size: large; } 
									
									
							
table.dlist a { color:purple; 
								text-decoration:none;}
table.dlist a:hover { color: blue; }							
																					
table.data {  border: none;
							border-spacing: 0;
							border-collapse: collapse;							
							margin-bottom: 2ex;	}
table.data td  {  padding: 1em;
									border: solid black;
									border-width: 1px;	}
table.data th  {  background: #C5D9FF; 
									padding: 1em;
									border: solid black;
									border-width: 1px; }
														


table.topmenu { float:left; 
								color: black;
								background: #C5D9FF;
								border: solid gray;
								border-collapse: collapse;
								border-width:1px; 
								border-spacing: 0; 
								margin-top: 2ex; 
								margin-bottom: 3ex; }

table.topmenu th {  background: #C5D9FF;
										font-weight:normal;
										text-align: left; 
		   							padding: 0.3em;
		   							border-collapse: collapse;
    								border: none; }


								
table.topmenu td {  background: #D6E4EE; 
		   							padding: 0.3em;
		   							border-collapse: collapse;
    								border: none; }
    								

table.banner {  float:left;
								width:100%; 
								color: black;
								background: #B5CFFF;
								border: solid gray;
								border-collapse: collapse;
								border-width:1px; 
								border-spacing: 0; 
/*								margin-top: 2ex;*/ 
								margin-bottom: 0ex; }

								
table.banner td { background: #ABCEF0;/*#ABC3F0;*/ /*#65A3CA;*/  
		   						padding: 0.5em;
		   						border-collapse: collapse;
    							border: none; }

    								
    								
    								
table.topmenu a.hl { color: blue;
										padding:0.2em;
										font-weight: bold;
										font-size: large;
										text-decoration:none;}
    								
table.topmenu a { color: purple;
									padding:0.3em;
									text-decoration:none;}
table.topmenu a:hover { background: #D4E3FF; color:blue;}


/* Display a horizontal menu without any margin beneath */
table.hmenu { float:left; 
							background: #C5D9FF;
							color: black;
							border:none;
							border-collapse: collapse;
							border-spacing: 0; 
							margin-top: 0; 
							margin-bottom: 0; 
}
								
table.hmenu td {  background: #C5D9FF; 
		   						padding: 0.3em;
    							border: none;
    							border-collapse: collapse; }
    								
table.hmenu a.hl {  color: blue;
									 	padding:0.2em;
										font-weight: bold;
										text-decoration:none; 
										font-size:large;}
    								
    								
table.hmenu a { color: purple;
								padding:0.3em;
								text-decoration:none;}
table.hmenu a:hover {background: #D4E3FF; color:blue;}

/* Display a box menu without any margin beneath for categories quick pick*/
table.boxmenu { float:left; 
							background: #D6E4EE;
							color: black;
							border:none;
							border: solid gray;
							border-collapse: collapse;
							border-width:1px; 
							border-spacing: 0; 
							margin-top: 0; 
							margin-bottom: 0; }
								
table.boxmenu td {  background: #D6E4EE; 
		   						padding: 0.3em;
    							border: none;
    						 }
    						 
table.boxmenu th {  background: #C5D9FF; 
		   						padding: 0.3em;
    							border: solid gray;
    							border-collapse: collapse;
    							border-width:1px;
    						 }
    						 
table.boxmenu a.hl { color: blue;
										padding:0.2em;
										font-weight: bold;
										text-decoration:none; 
										font-size:large;}
    								
    								
table.boxmenu a { color: purple;
								padding:0.3em;
								text-decoration:none;}
table.boxmenu a:hover { background: #EBF2FF; color:blue;}




table.sidemenu {  float:left; 
									color:black;
									border:solid black;
									border-width:1px;
									border-spacing: 0;
									border-collapse: collapse;									 
									margin-right: 2em;
									margin-bottom: 2ex;}
									
table.sidemenu td { background: #D6E4EE;
										padding: 0.2em;
    								border: none; }
table.sidemenu th { background: #C5D9FF;
										padding: 0.5em;
										border: solid black;
										border-width: 1px; }

table.sidemenu a.hl { color: blue;
											font-weight: bold;
											text-decoration:none;}


table.sidemenu a {  color:purple;
										padding: 0.5ex;
										text-decoration:none;
										display:block;}
table.sidemenu a:hover { background: #E3EDFF; color:blue; display:block; }    								
    								
    								
table.panel { float:left; 
							color:black;
							border-collapse: collapse; 	
							margin-right: 2em;
							margin-bottom: 2ex;}
table.panel td {  background: #D6E4EE;
									border-spacing: 0;
									border-collapse: collapse;
									padding: 0.5em;
    							border: solid black; 
    							border-width:1px; }
table.panel th {  background: #C5D9FF;
									text-align: center;
									border-spacing: 0;
									border-collapse: collapse;
									padding: 0.5em;
    							border: solid black; 
    							border-width:1px; } 

    							
/* Used because of table inheritance problems with choose category */
/* Not sure if the above still applies, check */
table.outlinepanel {  float:left; 
											width: 100%;
											color: black;
											border:solid #C0C0C0;
											border-collapse: collapse;												
											border-width:1px;
											border-spacing: 0;
											margin-bottom: 2ex;
											margin-top:0;}
table.outlinepanel td { background: white;
												border-spacing: 0;
												border-collapse: collapse;
												padding: 0.5em;
    										border: solid #C0C0C0; 
	   										border-width:1px; }
    										
table.whitepanel {  border: solid gray;
										border-width: 1px;
										border-collapse: collapse;
										border-spacing:0; }
										
table.whitepanel td {	background: white;
											color: black;
											border:none;
											padding: 1ex; 
											vertical-align: top	}

table.whitepanel th {  background: #C5D9FF;
									padding: 0.5em;
									border: solid black;
									border-width: 1px;
									font-weight: bold; 
									font-size: large;} 
								 
								 
table.bottomad { float: left;
							border: solid gray;
							border-width: 1px;
							border-collapse: collapse;
							border-spacing:0;
							width:100%;
 							margin-top: 4ex; }
table.bottomad td {	background: white;
									color: black;
									border:none;
									padding: 1ex; 
									vertical-align: top; } 

table.bottomad th {  background: #C5D9FF;
									padding: 0.5em;
									border: solid black;
									border-width: 1px;
									font-weight: bold; 
									font-size: large; } 
table.bottomad a { color:purple; 
								text-decoration:none; }
table.bottomad a:hover { color: blue; }							
								 
											
    										

a.trail { color:purple; text-decoration:none;}
a.trail:hover { color:blue; }

a.choice { color:purple; text-decoration:none;}
a.choice:hover { color:blue; }
a.chosen { color:purple; text-decoration:underline;}
a.chosen:hover { color:blue; }



/* Allows submit buttoms to be the same size when together */
input.lpsr { width:5em; }	/* For the buttons use by listlistpersonal_source_requests.php */
input.lps { width:8em; }  /* For the buttons used in liblistpersonal_sources.php */

ul.big {  font-size: larger; }


span.quote { color:#3F3C3C;}





/******************************************************************
 * Tag cloud style items		
 ******************************************************************/
 
/* display the individual items next to each other, not one-per-line */

ul.tag-cloud  { /*list-style: none;*/
								margin-left: 0;
								margin-right: 0;
								padding-left: 0em;
								padding-right: 0em;
							}
								
.tag-cloud li {/* list-style: none; */
								margin-left: 0;
								margin-right: 0;
								padding-left: 0em;
								padding-right: 0em;
								display: inline;
							 }
								
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
/*.tag-cloud span { position: absolute; left: -999px; width: 990px; } */
/* size is purely presentational, based upon the class */
.tag-cloud .minimum-percent { color: #D98FCC; font-size: 1.0em;}
.tag-cloud .over30-percent  { color: #C261B1; font-size: 1.2em; }
.tag-cloud .over50-percent  { color: #D98FCC; font-size: 1.4em; }
.tag-cloud .over70-percent  { color: #D98FCC; font-size: 1.6em; }
.tag-cloud .over85-percent  { color: #D98FCC; font-size: 1.8em; }
.tag-cloud .over95-percent  { color: #D98FCC; font-size: 2.0em; }



/********************************************
 *	Generic styles
 ********************************************/
.grey { color: #3A3A3A; }
.normal_weight { font-weight: normal; }
.border { border: solid gray; border-width: 1px;}
.text-center { text-align: center; }




/*****************************************
 *	Rounded Styles
 *****************************************/
table.round {
	background:#C5D9FF;
	padding: 10px; 
	border: 1px gray solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

table.round:hover { border: 1px #00074F solid; }