@charset "utf-8";
/* Crime Tracer Default CSS Document */

* {
margin:0;
padding:0;
}

html {
height: 100%; 
margin: 0; 
padding: 0;
}

body {
font-family:arial,helvetica,sans-serif;
font-size:12px;
display: block; 
height: 100%;
}

h1 {
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight: bold;
color:#333333;
margin-bottom:10px;
}

h1 a, h1 a:visited, h1 a:hover {
color:#0abc51;
}

h2 {
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight: bold;
color:#333333;
margin-top:10px;
margin-bottom:10px;
}

h1.below {
margin-top: 10px;
}

h1 span.help {
font-size:16px;
color:#0abc51;
font-weight:bold;
text-decoration:underline;
}

a, a:visited, a:hover {
color: blue;
}

a img {
border: 0;
}

a.vehicle_link {
padding-left:5px;
}

/* Form Styles */
textarea {
font-family:arial, helvetica,sans-serif;
}

/* Table Styles */
#tabular {
width:100%;
}

#tabular tr {

}

.police_content #tabular td {
border-bottom:1px solid #F3E35A; 
}

.police_content #tabular td.label {
border-right: 1px solid #F3E35A; 
}

.emergency_content #tabular td {
border-bottom:1px solid #f3b05a; 
}

.emergency_content #tabular td.label {
border-right: 1px solid #f3b05a; 
}

#tabular .label {
text-align: left;
padding:5px;
padding-left: 0px;
}

#tabular .value {
text-align: right;
padding: 5px;
padding-right: 0px;
}

/* Main Controller Styles */

	body#main {
	margin-left: 20px;
	margin-right: 20px;
	background-image:url(../images/bg-tile.png);
	background-position:top center;
	background-repeat:repeat-x;
	}
	
		.main_loader {
		width:393px;
		height:294px;
		text-align:center;
		margin-top:15px;
		}

		.main_loader img {
		background-image:url(../images/main-loader.gif);
		background-repeat:no-repeat;
		background-position: center center;
		} 
	
		#wrapper {
		margin:0 auto;
		height: auto; 
		min-height: 100%; 
		display: block;
		}
		
		#wrapper.fixed {
		width:960px;
		}
		
		#wrapper.fluid {
		width:100%;
		}
		
		#header {
		width:100%;
		height:100px;
		background-image:url(../images/header-box.gif);
		background-repeat:no-repeat;
		}
		
			#header .logo {
			float:left;
			padding-top:15px;
			padding-left:20px;
			}
			
			#header .logo img {
			border:0;
			}
			
			#header .login {
			float:right;
			margin-top:15px;
			margin-bottom:15px;
			margin-right:20px;
			text-align:right;
			line-height: 15px;
			}
			
			#header .login a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#ed1b24;
			}
			
				#header .login .box {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#FFFFFF;
				margin-top:22px;
				height:30px;
				}
				
				#header .login .box a {
				font-size:11px;
				}
		
		/* Main Controller Column Layout Styles */
		
		#content #left_column {
		width:455px;
		height:390px;
		float:left;
		}

		#content #left_column h1, 
		#content #right_column h1 {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		color:#555555;
		margin-left:15px;
		margin-top:15px;
		}

		#content #left_column h1 span, 
		#content #right_column h1 span {
		font-weight:normal;
		}

		#content #right_column {
		width:455px;
		height:390px;
		float:right;
		}

		#content #right_column .signup {
		width:440px;
		height:295px;
		margin-top:15px;
		margin-left:15px;
		background-image:url(../images/signup-box.gif);
		background-repeat:no-repeat;
		color: #FFF;
		}
		
		/* Set No Javascript Styles */
		
		#no_script {
		padding: 20px;
		padding-bottom: 0px;
		}

		#no_script p {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;
		}

		#no_script p.title {
		margin-bottom:15px;
		}

		#no_script p.message {
		margin-bottom:15px;
		}
			
		#no_script p.message a {
		color:#ed1b24;
		}
		
		/* Set Successful Registration Styles */
		
		#form_message {
		padding: 20px;
		padding-bottom: 0px;
		}
		
		#form_message p {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;
		}

		#form_message p.title {
		margin-bottom:15px;
		}

		#form_message p.message {
		margin-bottom:15px;
		}
			
		#form_message p.message a {
		color:#ed1b24;
		}
		
/* Validation Error Popup Styling */

	
/* CrimeTracer Controller Styles */
	
	body#crimetracer {
	margin-left: 20px;
	margin-right: 20px;
	}
	
	#changelog {
	width:960px;
	margin-top:10px;
	background-color:#FFFFCC;
	}
	
	#changelog .message {
	padding:5px;
	}
	
	#changelog p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	}
	
	#changelog p span, .notice_padding p span {
	font-weight:bold;
	color:#ed1c24;
	}
	
	/* Admin Tabbed Box */  
	
	/* Multiple Page Pagination */
	
	.pagination {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin-top:10px;
	width:100%;
	text-align: center;
	background-color: #FFFFFF;
	}
	
	.pagination a {
	color:blue;
	}

	/* Admin Controller Column Layout Styles */ 
	
	#admin_content {
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	margin-top:20px;
	height: auto; 
	min-height: 100%; 
	display: block;
	padding-bottom: 50px;    
	}

	#admin_content #middle_wrapper {
	float: left;
	width: 100%;
	}

	#admin_content #middle_column {
	margin: 0 180px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}
	
	#admin_content h1.title {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 20px;
	float:left;
	}
	
	#admin_content h1.info {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 20px;
	float:right;
	}
	
	#admin_content h1.involved {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#333333;
	margin-bottom:10px;
	}
	
	/* Search Result Styles */
	
	 #admin_content .search_result {
	padding: 0px;
	background-color: #FFFFFF; 
	border: 1px solid #DDDDDD;
	margin-bottom:10px;
	}
	
	#admin_content .search_heading {
	display:block;
	clear:both;
	}
	
	#admin_content .search_content {
	display:block;
	clear:both;
	min-height:70px;
	/* height:70px; */
	}
	
	#admin_content .search_result_odd {
	padding: 10px;
	background-color: #F3F3F3; 
	border: 1px solid #DDDDDD;
	margin-bottom:10px;
	}
	
	#admin_content h1.search_title {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#333333;
	margin-bottom:10px;
	float:left;
	}
	
	#admin_content h1.search_info {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#333333;
	margin-bottom:10px;
	float:right;
	}
	
	#admin_content h1.search_created {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#CCCCCC;
	margin-top:5px;
	margin-bottom: 0px;
	float:left;
	}
	
	#admin_content h1.view_created {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#CCCCCC;
	margin-top:25px;
	margin-bottom: 0px;
	}
	
	#admin_content h1.search_id {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#CCCCCC;
	margin-top:5px;
	margin-bottom: 0px;
	float:right;
	}
	
	#admin_content .search_result_odd p.search_description {
	margin-top:5px;
	padding:2px;
	background-color: #FFFFFF; 
	}
	
	#admin_content .search_result p.search_description {
	margin-top:5px;
	padding:2px;
	background-color: #F3F3F3;
	}
	
	#admin_content h3 {
	font-family: arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom: 0px;
	clear:right;
	border-bottom: 1px solid #CCCCCC;
	}
	
	#admin_content h3.search_heading {
	font-family: arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom: 0px;
	clear:right;
	border-bottom: 1px solid #CCCCCC;
	}
	
	#admin_content .view_padding ol {
	margin:0;
	padding:0;
	margin: 10px;
	}

	#admin_content .view_padding li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:1.8;
	margin:0;
	padding:0;  
	vertical-align: top;
	}

	#admin_content label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	text-align:left;
	margin-right: 10px;
	width:120px;
	color:#000000;
	}
	
	#admin_content .vehicle {
	margin-top:20px;
	padding: 10px;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	}

	#admin_content #left_column{
	float: left;
	width: 250px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/   
	}

	#admin_content #right_column{
	float: left;
	width: 180px; /*Width of right column*/
	margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
	background: #FFFFFF;
	vertical-align: top;      
	}

	#admin_content .innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	} 
	
	/* Admin Content Padding */
	
	.form_padding {
	padding: 10px;
	background-color: #F3F3F3; 
	border: 0px solid #DDDDDD; 
	margin-bottom: 30px;
	} 
		 
	.donate_padding{
	padding: 10px;
	background-color: #F3F3F3; 
	border: 0px solid #DDDDDD; 
	margin-bottom: 30px;
	margin-top: 5px;
	}

	.view_padding {
	padding: 10px;
	background-color: #FFFFFF; 
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;   
	}
	
	.donate_fix {
	margin-bottom:0px;
	}
	
	.toolbar_padding {
	padding: 10px;
	background-color: #F3F3F3; 
	border: 0px solid #DDDDDD;
	margin-bottom: 10px;
	text-align:right; 
	background-image:url(../images/crimex.png);
	background-repeat:no-repeat;
	background-position: 0% 50%;  
	}
	
	.notice_padding {
	padding: 10px;
	background-color: #FFFFFF; 
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	font-size: 11px;   
	}
	
	.notice_padding p {
	color:#999999;
	}

	.content_padding {
	padding:10px;
	margin-bottom: 20px;   
	}
	
	.terminate_padding {
	padding: 10px;
	margin-top: 10px;
	background-color: #ffe1e2; 
	border: 0px solid #ed1c24;
	margin-bottom: 20px;   
	}
	
	/* Admin Comment Box */
	
	.commentbox{
	margin-top:10px;
	}

	.comment {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	padding:10px;
	background-color: #F3F3F3;
	}

	.commentfooter{
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	background: url(../images/boxes/comment-arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	padding-bottom: 5px;
	vertical-align:top;
	margin-bottom: 20px;
	color: #4A4A4A;
	}
	
/* Global Footer Styles */

#footer {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a6a6a6;
margin: 0 auto; 
width:960px;
}

#footer.admin {
margin: 0 auto;
height: 50px;
margin-top: -50px;
background-image:url(../images/footer_admin.png);
background-repeat:no-repeat;
background-position: center center;
color: #666666;
vertical-align: middle;
}

#footer.admin .padding {
padding-top: 2px;  
padding-left: 20px;
padding-right: 20px;
}

#footer a {
color:#ed1b24;
}

#footer .copyright {
float:left;
margin:0px;
margin-top:15px;
}

#footer .links {
float:right;
margin:0px;
margin-top:15px;
}

/* search reesults */

#admin_content .search_result p {
font-size:11px;
line-height: 18px;
padding:0px;
padding-top: 5px;
padding-bottom:5px;
padding-left:24px;
padding-right:8px;
margin: 0px;
text-align: justify;
}

#admin_content .search_result p.open {
background-image:url(../images/open.gif);
background-position: 1.2% 50%;
background-repeat:no-repeat;
}

#admin_content .search_result p.closed {
background-image:url(../images/closed.gif);
background-position: 1% 60%;
background-repeat:no-repeat; 
}

#admin_content .search_result p.deleted {
background-image:url(../images/deleted.gif);
background-position: 1% 60%;
background-repeat:no-repeat;
}

/* Rectangle Advertisement */

.rectangle_advertisement {
width: 180px;
height: 150px;
background-color: #F3F3F3;
margin-bottom: 5px;
}
