body {
	background-color: #000000;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Georgia, sans-serif;
	font-size: small;
	margin: 0 auto;
}
img, table {
	border: none;
}


#leftcontent li {
	line-height: 120%;
	margin-bottom: 5px;
}

#leftcontent p {
	line-height: 120%;
}

/* Main CSS file for SNTF with all the main stuff in it, fixes & extensions can be found in the other files. */

#headerprint {
	display:none;
}

select {
	padding:3px;
}

input[type="text"], textarea, input[type="password"], select {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: white;
	background-image: url(../images/btnbg_txt.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border:1px solid gray;
}

input[type="text"], textarea, input[type="password"] {
	padding:4px;
}

input[type="text"]:hover, textarea:hover, input[type="password"]:hover, select:hover {
	background-image: url(../images/btnbg_txt_hover.gif);
}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus, select:focus {
	background-image:none;
}

input[readonly], input[readonly="readonly"], select[disabled] {
	background-image:none;
	background-color:#DDDDDD;
	border:1px solid gray;
}

input[readonly]:hover, input[readonly="readonly"]:hover select[disabled]:hover {
	border:1px solid gray;
}

#header {
	width: 1024px;
	margin: 0 auto;
	height: 140px;
}

#hidesite {
	padding-left: 10px;
}

#importantnumbers {
	padding-left: 27px;
}

#header #loginstatus {
	float: right;
	color: #FFFFFF;
	width: 243px;
	text-align: right;
	padding-top: 20px;
}

#header #languagechoice {
	float: right;
	width: 243px;
	padding-top: 25px;
}

#header #headerright #loginstatus a {
	color: #FFFF00;
	text-decoration: underline;
}

#header #headerright #loginstatus a:hover {
	color: #FFFF00;
	text-decoration: none;
}

#header #headerleft {
	float: left;
	width: 760px;
	overflow: hidden;
	height: 140px;
}

#header #headerright {
	float: left;
	width: 243px;
}

#content {
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/content-background.gif);
	background-repeat: repeat-x;
	width: 1024px;
	margin: 0 auto;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	clear:both;
	padding-bottom:15px;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
}

#contentleft {
	float: left;
	width: 764px;
}

h1 {
	font-size: x-large;
	color: #006699;
	font-weight: normal;
	text-shadow: 2px 2px 0px #eee;
}

h2 {
	font-size: large;
	color: #006699;
	font-weight: normal;
	text-shadow: 2px 2px 0px #eee;
	padding-bottom:5px;
	border-bottom: 1px solid silver;
}

a {
	color: red;
	text-decoration: underline;
}

a:hover {
	color: #900;
	text-decoration: underline;
}

#leftcontent {
	float: left;
	width: 727px;
	margin-left: 37px;
}

#contentright {
	float: left;
	width: 218px;
	margin-left: 20px;
}

#navigaton {
	width: 727px;
	height: 45px;
}

#nav {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win only */
}

#nav a:hover {
	background-position: 0 -45px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -90px;
}

#navhome a {
	width: 67px;
	background: url(../images/nav-home-stages.gif) top left no-repeat;
	padding-right: 2px;
}

#navaboutus a {
	width: 94px;
	background: url(../images/nav-about-us-stages.gif) top left no-repeat;
	padding-right: 2px;
}

#navdirectory a {
	width: 99px;
	background: url(../images/nav-directory-stages.gif) top left no-repeat;
	padding-right: 2px;
}

#navquestionnaire a {
	width: 168px;
	background: url(../images/nav-questionnaire-stages.gif) top left no-repeat;
	padding-right: 2px;
}

#navusefullinks a {
	width: 140px;
	background: url(../images/nav-useful-links-stages.gif) top left no-repeat;
	padding-right: 2px;
}

#navcontactus a {
	width: 110px;
	background: url(../images/nav-contact-us-stages.gif) top left no-repeat;
}

#form4 {
	float: left;
	width: 185px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form3 {
	float: left;
	width: 528px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form3p {
	float: left;
	width: 470px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form2 {
	float: left;
	width: 352px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form2p {
	float: left;
	width: 302px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#form1row {
	float: left;
	width: 704px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#formfieldreporter {
	background-color: #C3E1E6;
	float: left;
	padding: 10px;
	width: 705px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#formfieldgreen {
	background-color: #DEE6B9;
	float: left;
	padding: 10px;
	width: 705px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#formfieldred {
	background-color: #E9D2D2;
	float: left;
	padding: 10px;
	width: 705px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#formfieldyellow {
	background-color: #FFFF00;
	float: left;
	padding: 10px;
	width: 705px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#formfieldpurple {
	background-color: #BEB1E6;
	float: left;
	padding: 10px;
	width: 705px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#footer #AsOneDesign {
	padding-top: 20px;
	padding-right: 80px;
	padding-bottom: 30px;
	padding-left: 35px;
}

#footer p {
	color: #FFFFFF;
	line-height: 150%;
	padding-top: 25px;
	font-size: small;
}

#footer a {
	color: #CCCCCC;
	line-height: 150%;
}

#footer a:hover {
	color: #FFFFFF;
	line-height: 150%;
	text-decoration: none;
}

#footer {
	background-color: black;
}

#warning {
	background-color: #FFFF00;
	padding: 10px;
}

#wrapper #content #contentleft #leftcontent a {
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

#wrapper #content #contentleft #leftcontent a:hover {
	color: #000000;
}

#wrapper #footer {
	float: left;
	width: 1024px;
}

.smalltext {
	font-size: 10px;
}

.adminmainbox {
	width: 231px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

.adminscrollerbox {
	height: 300px;
	width: 230px;
	overflow: auto;
	font-size: 11px;
	border: 1px solid black;
}

.adminscrollerbox a, .adminscrollerboxred a, .adminscrollerboxyellow a, .adminscrollerboxgreen a {
	color: #000;
	text-decoration: underline;
}

.adminscrollerboxalert {
	background-color: #F90;
	color:black;
	margin-bottom: 3px;
}

.adminscrollerboxred {
	background-color: #FFC5C8;
	margin-bottom: 3px;
}

.adminscrollerboxyellow {
	background-color: #FFF2B3;
	margin-bottom: 3px;
}

.adminscrollerboxgreen {
	background-color: #EBFFE7;
	margin-bottom: 3px;
}

.tabsectiondivider {
	height: 5px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

.actionspanel {
	background-color: #EEE;
	margin-top: 20px;
	border: 1px solid #999;
	padding: 5px;
}

.normalbutton {
	background-color: #666666;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #595959;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: #595959;
	background-image: url(../images/btnbg_black.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius: 7px;
	border-radius:7px;
	padding-top:4px;
	padding-bottom:4px;
}

.normalbutton:hover {
	background-color: #666;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7A7A7A;
	border-right-color: #4E4E4E;
	border-bottom-color: #4E4E4E;
	border-left-color: #7A7A7A;
	background-image: url(../images/btnbg_blackhover.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.redbutton {
	background-color: #F00;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF2020;
	border-right-color: #C10000;
	border-bottom-color: #C10000;
	border-left-color: #FF2020;
	background-image: url(../images/btnbg_red.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius: 7px;
	border-radius:7px;
	padding-top:4px;
	padding-bottom:4px;
}

.redbutton:hover {
	background-color: #FF0E0E;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF5B5B;
	border-right-color: #FF3535;
	border-bottom-color: #FF3535;
	border-left-color: #FF5B5B;
	background-image: url(../images/btnbg_redhover.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.greenbutton {
	background-color: #0EDA0E;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2DDF00;
	border-right-color: #00A600;
	border-bottom-color: #00A600;
	border-left-color: #2DDF00;
	background-image: url(../images/btnbg_green.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius: 7px;
	border-radius:7px;
	padding-top:4px;
	padding-bottom:4px;
}

.greenbutton:hover {
	background-color: #0EDA0E;
	font-weight: bold;
	color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #32FB00;
	border-right-color: #28CC00;
	border-bottom-color: #28CC00;
	border-left-color: #32FB00;
	background-image: url(../images/btnbg_greenhover.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.notesviewerleft {
	width: 200px;
	float: left;
}

.notesviewerright {
	float: right;
	width: 505px;
}

.notesviewer {
	clear: both;
	background-image: url(../images/notesside.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.clear {
	clear: both;
}

#formfieldreporter li {
	list-style-type: square;
	margin-bottom: 7px;
}

.matchbox {
	background-color: #FFFFCC;
	border: 1px solid #FFCC33;
	padding: 6px;
}

.mainsidenav a {
	color: black;
	text-decoration: none;
	line-height:20px;
}

.mainsidenav ul li {
	list-style-type: none;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
	margin-bottom:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	background-image: url(../images/bggreyleft.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-weight:bold;
	position:relative;
	left:-30px;
	width:190px;
}

.mainsidenav a:hover {
	text-decoration:underline
}

.mainsidenav ul li {
	list-style-type:none;
	list-style-position: outside;
}

.mainsidenav ul li a {
	line-height:15px;
}

.mainsidenav ul ul li {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
	background-color:white;
	background-image:url(../images/qmarklight.gif);
	color:#111;
	font-weight:normal;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 3px 5px 25px;
	position:relative;
	left:-50px;
	width:152px;
}

.directorytable {
	background-color: #FFFFE6;
	border: 1px solid #FFFF99;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius: 8px;
	border-radius:8px;
	padding: 10px;
}

.directorytabletop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFB9;
}

.newreportcrimebutton a {
	color:none;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	/* This will show the shadow on the report a crime button in IE, as IE doesn't support text-shadow. All other browsers will ignore this */
	filter:Shadow(color=#530000, direction=115, strength=2);
}

.newreportcrimebutton {
	background: url(../images/button-newreport2.png) no-repeat left top;
	height: 92px;
	width: 221px;
	text-align: center;
	padding-top: 10px;
	text-decoration: none;
	cursor:pointer;
	text-shadow: 2px 2px 4px #333333;
}

.newreportcrimebutton span {
}

.newreportcrimebuttondivider {
	border-bottom: 1px solid gray;
	width:85%;
	margin:5px auto 5px;
	filter:none;
}

.newreportcrimebutton:hover {
	background: url(../images/button-newreport2-hover.png);
}

.newreportcrimebuttonwhite {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Georgia, sans-serif;
}

.newreportcrimebuttonyellow {
	font-weight: bold;
	color: #FFFFDD;
	font-size: 18px;
}

.importantnumbersbox {
	float:right;
	background-color:blue;
	width:307px;
	height:140px;
	/*width:100px;
	height:100px; */
	background: url(../images/important-numbers.jpg) no-repeat left top;
}

.importantnumbersbox a {
	width:307px;
	height:140px;
}

input[type="button"], input[type="submit"], input[type="cancel"] {
	text-shadow: 0px -1px 0px #666;
}
#warningbox  {
	background-color: #FFC5C8;
	padding: 5px;
	border: 1px dotted red;
	font-weight: bold;
}

textarea{resize:vertical;}
img[src="images/qmark.gif"]{cursor:help;}

#tt {position:absolute; display:block;}
/*#tttop {display:block; height:5px; margin-left:10px;  overflow:hidden}*/
#ttcont {

display:block;  margin-left:10px; background:white; color:black; border:1px solid gray;
-moz-box-shadow: 1px 1px 4px black;
	-webkit-box-shadow: 1px 1px 4px black;
	-khtml-box-shadow: 1px 1px 4px black;
	-o-box-shadow: 1px 1px 4px black;
	-icab-box-shadow: 1px 1px 4px black;
	box-shadow: 1px 1px 4px black;
	
	
	
	padding:13px;
	overflow:visible;

}
/*#ttbot {display:block; height:5px; margin-left:10px; overflow:hidden}*/

.accordionButton {
	cursor: help !important;
	border-left: 2px solid lightblue;
	padding-left: 10px;
	}
	
	.accordionContent{}
	
	.accordionButton2 {
	cursor: help !important;
	border-left: 2px solid skyblue;
	padding-left: 10px;
	margin-left:15px;
	margin-top:25px;
	}
.accordionContent2{
	margin-left:25px;
	padding-left: 10px;
	border-left: dotted 1px silver;
}

.accordionButton3 {
	cursor: help !important;
	border-left: 2px solid darkblue;
	padding-left: 15px;
	margin-left:15px;
	}
.accordionContent3{
margin-top:25px;
	margin-left:25px;
	padding-left: 15px;
	border-left: dotted 1px lightgrey;
}