/*
 =========================================================================================================================
 = This code was developed for the International Association of Crime Analysts (IACA).  Any use of this code, the images, or   
 = any other form of media contained within this site, in whole or in part, is strictly prohibited without the expressed =
 = written consent of the IACA.                                                                                                
 = 
 = Author: Jim Mallard, Gainesville Police Department, Gainesville, Florida.                                                                                                                     =
 = Copyright © 2005, International Association of Crime Analysts.  All Rights Reserved.                                        
 =========================================================================================================================
*/

/* BODY STYLING */

body {
	background-color: #FFFFFF;
	margin-top: 2px;

}

form {
	/* REMOVE PADDING AROUND FORMS */
	margin: 0px;
	padding: 0px;
}



.quote {
	font-size: 12px;
	font-style: italic;
	padding: 0 20px;
}


/* TABLE THAT HOLD ALL PAGE CONTENT */

.pageborder {
	border: 1px solid #333333;

}



/* STYLING FOR LOGIN & SEARCH FORMS IN THE HEADER (FOUND IN THE 'INCLUDE' FILE --> incHeader.asp) */
form.loginform td, form.searchform td{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align:right;	
}


form.loginform a:link {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #990000;
}

form.loginform a:visited {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #990000;
}

form.loginform a:hover {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color : #FFFFFF;
	text-decoration : none;
}

form.loginform a:active  {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #990000;
}




/* STYLING FOR LOGIN & SEARCH FORM TEXT BOXES IN THE HEADER (FOUND IN THE 'INCLUDE' FILE --> incHeader.asp) */
input.search,input.username, input.password {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	
	}
	

/* STYLING FOR LOGIN & SEARCH FORM SUBMIT BUTTONS IN THE HEADER (FOUND IN THE 'INCLUDE' FILE --> incHeader.asp) */	
input.gosearch,input.gologin,input.gofilter{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	}

/* STYLING FOR 'FILTER FORM' SUBMIT BUTTONS IN THE HEADER ROW OF DATA TABLES (IN MAIN CONTENT AREA) */
/* CURRENTLY IDENTICAL TO LOGIN & SEARCH FORM SUBMIT BUTTONS. SEPARATED OUT SO THESE CAN BE STYLED DIFFERENTLY AT A LATER DATE, IF DESIRED */	
input.gofilter{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	}

/* STYLING FOR THE HEADER (FOUND IN THE 'INCLUDE' FILE --> incHeader.asp) */	
/* THIS CLASS IS ALSO USED BY THE PRINTABLE CSS SHEET TO HIDE THE HEADER ELEMENT */	
.pageheader{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}


/*
 =========================================================================================================================
 = FOOTER STYLING                                   
 =========================================================================================================================
*/


/* STYLING FOR THE FOOTER (FOUND IN THE 'INCLUDE' FILE --> incFooter.asp) */	
/* THIS CLASS IS ALSO USED BY THE PRINTABLE CSS SHEET TO HIDE THE FOOTER ELEMENT */	

.pagefooter{
	background-color: #8EB2A7;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	padding-top: 2px;
	padding-bottom: 2px;
}

.pagefooter a:link {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	color: #666666;
}

.pagefooter a:visited {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	color: #666666;
}

.pagefooter a:hover {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	color : #CCCCCC;
	text-decoration : none;
}

.pagefooter a:active  {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	color: #666666;
}

/*
 =========================================================================================================================
 = STYLING FOR 3 COLUMN PAGES                                     
 =========================================================================================================================
*/



/* STYLING FOR THE CENTER CONTENT AREA ON PAGES WITH 3 COLUMNS (LEFT-CENTER-RIGHT) */	
.content3col {
	padding: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}

.content3col td{
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}	

.content3col a:link {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
	color: #24428C;
}

.content3col a:visited {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
	color: #24428C;
}

.content3col a:hover {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
	color : #999999;
	text-decoration : none;
}

.content3col a:active  {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
	color: #24428C;
}

.content3col img {
	border: 1px solid #333333;

} 

.pfriendly div img{
    border:none;
	text-align:right;
}

.content3col hr {
    height:1px;
    width:85%;
    background:#333333;
	background-position: center center;
	margin-top: 10 px;
	margin-bottom: 10 px;
}



/*
 =========================================================================================================================
 = STYLING FOR 2 COLUMN PAGES                                     
 =========================================================================================================================
*/
	
/* STYLING FOR THE RIGHT CONTENT AREA ON PAGES WITH 2 COLUMNS (LEFT-RIGHT) */	
/* THIS CLASS IS NECESSARY TO PREVENT HAVING TWO 1PX BORDERS ON RIGHT SIDE OF CONTENT TABLE */	
.content2col  {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}

/* STYLING FOR TABLES IN THE RIGHT CONTENT AREA ON PAGES WITH 2 COLUMNS (LEFT-RIGHT) */
.content2col td {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 5px;
}

.content2col a:link {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

.content2col a:visited {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

.content2col a:hover {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color : #999999;
	text-decoration : none;
}

.content2col a:active  {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

/* Temporarily turned this off...

.content2col img {
	border: 1px solid #333333;
} 
*/


.content2col hr {
    height:1px;
    width:85%;
    background:#333333;
	background-position: center center;
	margin-top: 10 px;
	margin-bottom: 10 px;
}

/*
 =========================================================================================================================
 = STYLING FOR 1 COLUMN PAGES                                     
 =========================================================================================================================
*/
	
/* STYLING FOR THE RIGHT CONTENT AREA ON PAGES WITH 2 COLUMNS (LEFT-RIGHT) */	
/* THIS CLASS IS NECESSARY TO PREVENT HAVING TWO 1PX BORDERS ON RIGHT SIDE OF CONTENT TABLE */	
.content1col  {
	
}

/* STYLING FOR TABLES IN THE RIGHT CONTENT AREA ON PAGES WITH 2 COLUMNS (LEFT-RIGHT) */
.content1col td {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 5px;
}

.content1col a:link {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

.content1col a:visited {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

.content1col a:hover {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color : #999999;
	text-decoration : none;
}

.content1col a:active  {
    font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #24428C;
}

/* Temporarily turned this off...

.content1col img {
	border: 1px solid #333333;
} 
*/

.content1col hr {
    height:1px;
    width:75%;
    background:#333333;
	background-position: center center;
	margin-top: 10 px;
	margin-bottom: 10 px;
}

/*
 =========================================================================================================================
 = STYLING FOR <H> TAGS                                     
 =========================================================================================================================
*/

/* STYLING FOR STANDARD HEADING TAGS */	

h1 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16 px;
	font-weight: bold;
	color: #666666;
}

h2 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15 px;
	font-weight: bold;
	color: #333333;
	margin-left:5px;
}

h3 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14 px;
	font-weight: bold;
	color: #666666;
}

h4 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13 px;
	font-weight: bold;
	color: #666666;
}

h5 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
	color: #666666;
}

h6 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
	
}


/*
 =========================================================================================================================
 = STYLING FOR LEFT SIDEBAR                                  
 =========================================================================================================================
*/

/* STYLING FOR THE LEFT COLUMN ON 2 & 3 COLUMN PAGES. THIS CONTAINS THE MENU ELEMENT, AMONG OTHER ELEMENTS. */	
.leftsidebar {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: normal;
	color: #333333;
	padding: 5px;
}

.leftsidebar ul li{
/* WITH NEGATIVE LEFT MARGIN AND TEXT INDENT VALUES, YOU MAY NOT SEE THE LIST RENDERED IN YOUR WEB PAGE EDITOR */
	margin-left: -10 px;  /* SET VALUE TO ZERO IF YOU NEED TO EDIT THE LIST IN YOUR WEB PAGE EDITOR (FRONTPAGE, DREAMWEAVER) */
	text-indent: -10 px;  /* SET VALUE TO ZERO IF YOU NEED TO EDIT THE LIST IN YOUR WEB PAGE EDITOR (FRONTPAGE, DREAMWEAVER) */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
	list-style-type: square;

}

.leftsidebar a:link {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.leftsidebar a:visited {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.leftsidebar a:hover {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color : #999999;
	text-decoration : none;
}

.leftsidebar a:active {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.leftsidebar hr {
    height:1px;
    width:90%;
    background:#333333;
	background-position: center center;
	
   }

/*
 =========================================================================================================================
 = STYLING FOR RIGHT SIDEBAR                                  
 =========================================================================================================================
*/
/* STYLING FOR THE RIGHT COLUMN ON 3 COLUMN PAGES */	
.rightsidebar {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: normal;
	color: #333333;
	padding: 5px;
}

.rightsidebar a:link {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.rightsidebar a:visited {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.rightsidebar a:hover {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color : #999999;
	text-decoration : none;
}

.rightsidebar a:active {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #000000;
}

.rightsidebar hr {
    height:1px;
    width:90%;
    background:#333333;
	background-position: center center;
	
   }

/*
 =========================================================================================================================
 = STYLING FOR DATA TABLES                                
 =========================================================================================================================
*/



.datatable{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

/* STYLING FOR DATA TABLE 'FILTER' FORM AT TOP OF DATA TABLE */	
.datatablefilter input,.datatablefilter select {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	
	}

/* Style below puts border around tables and cells in the center content area */

.datatable, .datatable td {
    border-color: #CCCCCC;
    border-style: solid;
}


.datatable td {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.datatablefilter {
	background-color: #D1E1F0;
	text-align: left;
}

.datatableheader {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: bold;
	color: #333333;
	background-color: #F4F4F4;
	

}

.datatablefooter {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	background-color: #F4F4F4;
	
}

	


	
#memberform {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: normal;
	color: #333333;
	width:100%;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}



.formlabels {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11 px;
	font-weight: normal;
	text-align: right;
	padding-right: 3px;
	vertical-align: middle;
	}
.formfield {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	}
	
input.gosubmit {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	
	}
	
input.goreset {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #F4F4F4;
	margin-left:5px;
	}