* {
	margin: 0;
	padding: 0;	
}

html {
	height: 100%;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	color: #1e1e1e;
	background: #a90027;
}

body.popup {
	height: 100%;
}

a:link, a:visited {
	color: #cc0000;
}
a:hover, a:active {
	color: #6D0018;	
}

td, th {
	margin: 0;
	padding: 5px;
	text-align: left;
}
td.center, th.center, p.center {
	text-align: center;	
}
td.right, th.right, p.right {
	text-align: right;	
}

td.value {
	color: #555555;
	border-bottom: 1px solid #899096;
}

img {
	border: 0;
}	

input, select, textarea {
	margin-bottom: 5px;
	background: #EEEEEE;
	padding: 5px;
	border: 0;
	font-size: 16px;
}
select option {
	padding: 0 10px 0 5px;	
}
input.button {
	font-size: 16px;
	background: #A90027;
	color: #eeeeee;
	font-weight: bold;
	padding: 8px 10px 8px 10px;
	border: 1px solid #D65C76;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
input.button:hover {
	cursor: pointer;
	background: #6D0018;
}
input.button.small {
	font-size: 16px;
	background: #EEEEEE;
	color: #1E1E1E;
	font-weight: bold;
	padding: 4px 5px 4px 5px;
	border: 1px solid #899096;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input.button.small:hover {
	cursor: pointer;
	background: #FFFFFF;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
fieldset {
	background: #FFFFFF;
	border: 1px solid #899096;
	padding: 10px;
	margin-bottom: 15px;
}
fieldset legend {
	font-weight: bold;
	color: #A90027;
	padding: 3px;
}
hr {
	height: 0;
	background: 0;
	border: 0;
	border-bottom: 1px solid #1E1E1E;
	width: 100%;
	margin: 10px auto 10px auto;
}

.page-width {
	width: 980px;
	margin: 0 auto;
}

#logoutlink {
	background: #eeeeee;
	height: 40px;	
}
#logoutlink p {
	text-align: right;
	font-size: 14px;
	padding-top: 12px;
}

#header {
	background: url(../images/header-bg.jpg) #a90027 repeat-x bottom left;
	height: 151px;
}
#head {
	margin: 25px 0 0 15px;
	float: left;
	color: #eeeeee;
	font-family: Tahoma, Geneva, sans-serif;
}
#head h1 {
	font-weight: bold;
	font-size: 48px;
	text-shadow: 4px 4px 4px #000000;
    filter: dropshadow(color=#000000, offx=4, offy=4); /*IE*/
}
#head h2 {
	font-weight: normal;
	font-size: 30px;
	text-shadow: 3px 3px 3px #000000;
    filter: dropshadow(color=#000000, offx=3, offy=3);
}

#headersearch{
	float: right;	
	position: relative;
	margin-top: 40px;
	width: 318px;
}
#headersearch div {
	position: relative;
}
#headersearch label {
	color: white;
	display: block;
	text-align: right;
	font-size: 14px;
}

#evidencesearch {
	position: relative;
	width: 258px;
	padding: 0 15px 0 15px;
}
#headersearch .s, #evidencesearch .s {
	background: #ffffff;
	padding: 8px;
	font-size: 15px;
	color: #999999;
	border: 1px solid #899096;
}
#headersearch .s {width: 300px;}
#evidencesearch .s {width: 255px;}
.searchbutton {
	height: 32px;
	width: 40px;
	display: block;
	background: url(../images/icons/search.png) #ffffff no-repeat center center;
	position: absolute;
	top: 2px;
	right: 1px;
}

.pager {
	border-top: 1px solid #D3D3D3;
	text-align: right;	
	color: #555555;
}
.pager a, .pager strong {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #899096;
	text-decoration: none;
	line-height: 1;
}	
.pager a:hover {
	background: #EEEEEE;
}
.pager strong {
	background: #A90027;
	border: 1px solid #A90027;
	color: #ffffff;
}
.totalrow {
	font-weight: bold;
	border-top: 1px solid #D3D3D3;
	background: #DDDDDD;
}
#navigation {
	background: #1e1e1e;
	color: #ffffff;
	height: 50px;
}
#navigation .menu {
	display: none;	
}
#navigation .menu.level1 {
	display: block;	
}
#navigation ul {
	list-style-type: none;	
}
#navigation li {
	display: block;
	float: left;
	padding: 15px;
	position: relative;
}
#navigation ul li a {
	color: #ffffff;
	text-decoration: none;
	padding: 15px;
}
#navigation ul li a.first {
	padding-left: 0;	
}
#navigation ul li.active a {
	color: #ffa100;
	font-weight: bold;
}
#navigation ul li a:hover {
	color: #ffa100;
}
#navigation .menu.level2 {
	position: absolute;
	z-index: 500;
	background: #FFFFFF;
	top: 34px;
	left: 15px;
	margin-top: 16px;
	padding: 0;
	border: 1px solid #D3D3D3;
	border-top: 0;
	width: 250px;
} 
#navigation .menu.level2 li {
	border-top: 1px solid #eeeeee;
	width: 250px;
	padding: 0;
}
#navigation .menu.level2 a {
	color: #1E1E1E;
	padding: 8px;
	display: block;
	width: 234px;
	font-size: 14px;
}
#navigation .menu.level2 a:hover {
	background: #D3D3D3;
}
#navigation ul li.active li a {
	color: #1E1E1E;
	font-weight: normal;
	font-size: 14px;
}

#main {
	background: url(../images/main-bg.jpg) #ffffff repeat-x top left;
	min-height: 300px;
	padding: 20px 0 20px 0;	
}

.popup #main {
	background: url(none) #ffffff repeat-x top left;
	padding: 0 20px 0 20px;
	min-height: 100%;
}

#main.popup p {
	padding-bottom: 0;	
}
.popup #main h3 {
	padding-top: 20px;	
}

#main h3 {
	font-size: 24px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 15px;
}
#main h3 a {
	text-decoration: none;	
}
#main h4 {
	font-size: 20px;
	border-bottom: 1px solid #D3D3D3;
	margin: 12px 0 12px 0;
}
#main h5 {
	font-size: 16px;
	margin: 12px 0 12px 0;
}
#main ul {
	list-style-type: none;
	padding-left: 12px;
}
#main li {
	margin: 8px 0 8px 0;
}

#main ul.caselist {
	padding-top: 0;	
	padding-left: 35px;
}
#main ul.caselist li {
	margin: 0;
	padding: 0;
	display: block;
	width: 50%;
	float: left;
}
#main ul.caselist li a {
	font-weight: bold;	
}
#breadcrumbs {
	font-size: 12px;
	margin-bottom: 20px;	
}

.welcome-msg {
	margin-top: 10px;
	margin-bottom: 24px;	
}

#alert {
	display: block;
	padding: 15px 15px 10px 15px;
	background: #FFF7BC;
	border: 1px dashed #FFA100;
}
#alert p {
	margin-bottom: 10px;	
}

.home-box {
	float: left;
	background: url(../images/box-header-bg.jpg) #eeeeee repeat-x top left;
	border: 2px solid #dddddd;
	width: 305px;
	margin: 15px 25px 10px 0;
	min-height: 295px;
}
#investigators {
	margin-right: 0;	
}
#investigations.full {
	width: 600px;	
}
#evidence.full {
	width: 600px;	
}
#investigations .home-box-header {background: url(../images/icons/case-icon.png) no-repeat 15px 10px;}
#evidence .home-box-header {background: url(../images/icons/folder-icon.png) no-repeat 15px 10px;}
#investigators .home-box-header {background: url(../images/icons/contact-icon.png) no-repeat 15px 10px;}
.home-box-header {
	color: #eeeeee;
	font-size: 21px;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	padding: 15px 15px 15px 62px;
}
.home-box p {
	padding: 15px;	
}
.home-box ul {
	list-style-type: none;
	padding: 15px;
}
.home-box ul li {
	line-height: 2;
}

.admin-box {
	float: left;
	width: 400px;
}
.admin-box.first {
	clear: left;
	margin-right: 35px;
}

.add-box {
	margin: 25px 0 0 0;	
	border-top: 1px solid #899096;
	padding: 20px 0 0 0;
}
.add-box.top {
	margin: 0 0 25px 0;	
	border-top: 0;
	border-bottom: 1px solid #899096;
	padding: 0 0 20px 0;
}
.add-box input, .add-box select {
	margin-bottom: 5px;	
}
.add-box input.button {
	margin-left: 3px;	
}
.add-box label {
	padding: 3px 0 0 0;
	float: left;
	width: 200px;
	clear: left;
}
.add-box label.nofloat {
	padding: 3px 0 0 0;
	float: none;
	width: auto;
	clear: left;
}
#footer {
	border-top: 10px solid #1e1e1e;
	font-size: 14px;
	color: #ffffff;
	padding: 30px 5px 30px 5px;
	clear: both;
}
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #eeeeee;
}
#footer .copyright {
	text-align: right;
}

#loginform {
	background: #ffffff;
	border: 1px solid #1E1E1E;
	padding: 15px;
	margin: 0 auto;	
	width: 450px;
}
#loginform label {
	float: left;
	width: 	100px;
	padding: 5px;
}
#loginform p {
	clear: both;
	margin: 5px 0 15px 0;	
}
#loginform p.submit {
	text-align: center;	
}

.detailstable {
	width: 100%;
	background: #ffffff;	
	border: 1px solid #D3D3D3;
	margin-top: 10px;
}
.detailstable th {
	background: #1E1E1E;	
	color: white;
}
.detailstable .even td {
	background: #eeeeee;	
}
.searchoptions {
	clear: both;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
}
.searchoptions td {
	padding: 8px;
	border-bottom: 1px solid #D3D3D3;
}
.searchoptions .soheader {
	font-size: 21px;
	font-weight: bold;	
}
.searchoptions select {
	width: 100%;
}

.controls {
	text-align: center;	
}

.viewtable {
	width: 100%;	
}
.viewtable td {
	padding: 8px;	
}
.linkbutton, .linkbutton:link, .linkbutton:visited {
	display: block;
	float: right;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	margin-bottom: 15px;
	margin-left: 10px;
	color: #1E1E1E;
	background: #D3D3D3;
	border: 1px solid #899096;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.linkbutton:hover, .linkbutton:active  {
	background: #E2E2E2;
}
.linkbutton img {
	vertical-align: middle;
	margin-right: 5px;
}
.linkbutton.left {
	float: left;	
}
.linkbutton.small {
	display: block;
	padding: 5px;
	text-decoration: none;
	margin-bottom: 15px;
	color: #1E1E1E;
	background: #D3D3D3;
	border: 1px solid #899096;
}

.lastupdated {
	float: right;
	font-size: 13px;
	font-style: italic;
}

.required {
	background: #F9DBDB;
	border-top: 1px solid #A90027;
	border-bottom: 1px solid #A90027;	
}
.required input, .required select, .required textarea {
	background: #ffffff;	
}
.red {
	color: #ff0000;
	padding-bottom: 15px;
}

.left-margin {
	margin-left: 15px;	
}
.search-link {
	padding-bottom: 1px;	
}
.border-top {
	border-top: 1px solid #DDDDDD;	
}
.same-width {
	width: 310px;	
	margin: 8px 5px 8px 0;
	padding: 10px 5px 10px 5px!important;
}
.full-width {
	width: 100%;	
}

.clearfix {
	clear: both;	
}