/*Example for a Menu Style*/
.menu {
background-color:#F3F3F3; 
color:#272727; 
border-bottom:1px solid #d7d7d7; 
height:23px; 
width:100%;
}

.menu ul {
margin:0px; 
padding:0px; 
list-style:none; 
text-align:center;
}

.menu li {
display:inline; 
line-height:23px;
}

.menu li a {
color:#000000; 
text-decoration:none; 
padding:4px 5px 6px 5px;  
border-left:0px solid #ececec; 
border-right:0px solid #ececec;
}

.menu li a.tabactive {
border-left:0px solid #d7d7d7; 
border-right:0px solid #d7d7d7;
background-color:#CCCCCC; 
font-weight:bold;  
position:relative;
}

#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
border:1px solid #ececec; 
width:100%; 
text-align:left;
padding:10px 0px; 
padding-bottom: 0px;
padding-top: 0px;
font-size:11px; 
margin-bottom:5px; 
background-color: #FFFFFF;
}

/* Dashboard Feed Styles */

.feed {
	width: 490px;
	line-height: 18px;
}

.feed .img_content {
	width: 490px;
	border-bottom: 1px solid #ccc;
	height: 66px;
}

.feed .img_content .left {
	height: 66px;
	width: 76px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.feed .img_content .left img {
	border: 1px solid #bbb;
	margin-top: 7px;
}

.feed .img_content .right {
	margin: 0;
	padding: 0;
	width: 414px;
	height: 66px;
	float: left;
	overflow: hidden;
	text-align: justify;
}

.feed .img_content .right p {
	font-size:11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	width: 397px;
	margin-top: 14px;
}

/* ---- */

.feed .icon_content {
	width: 490px;
	border-bottom: 1px solid #ccc;
	height: 60px;
}

.feed .icon_content .left {
	height: 60px;
	width: 36px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.feed .icon_content .left img {
	margin-top: 24px;
}

.feed .icon_content .right {
	margin: 0;
	padding: 0;
	width: 454px;
	height: 60px;
	float: left;
	overflow: hidden;
	text-align: justify;
}

.feed .icon_content .right p {
	font-size:11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	width: 437px;
	margin-top: 12px;
}

/* ---- */

/* red */
.feed span.person-involved-type-3,
.feed span.vehicle-involved-type-2,
.feed span.item-involved-type-1,
.feed span.incident-type-1,
.feed span.incident-type-2,
.feed span.incident-type-3,
.feed span.incident-type-7,
.feed span.incident-type-13,
.feed span.incident-type-14,
.feed span.incident-type-15,
.feed span.incident-type-31,
.feed span.incident-type-35,
.feed span.incident-type-37,
.feed span.incident-type-38,
.feed span.incident-type-39,
.feed span.incident-type-40,
.feed span.incident-type-41
{
	padding:2px;
	color: #ed1c24;
	background-color: #ffe1e2;
}

/* yellow */
.feed span.person-involved-type-5,
.feed span.vehicle-involved-type-1,
.feed span.item-involved-type-2,
.feed span.incident-type-5,
.feed span.incident-type-6,
.feed span.incident-type-8,
.feed span.incident-type-11,
.feed span.incident-type-16,
.feed span.incident-type-17,
.feed span.incident-type-18,
.feed span.incident-type-20,
.feed span.incident-type-22,
.feed span.incident-type-24,
.feed span.incident-type-25,
.feed span.incident-type-26,
.feed span.incident-type-27,
.feed span.incident-type-28,
.feed span.incident-type-30,
.feed span.incident-type-33,
.feed span.incident-type-34,
.feed span.incident-type-43,
.feed span.incident-type-44
{
	padding:2px;
	color: #e98c38;
	background-color: #ffef97;
}

/* green */
.feed span.incident-type-4,
.feed span.incident-type-9,
.feed span.incident-type-10,
.feed span.incident-type-12,
.feed span.incident-type-19,
.feed span.incident-type-21,
.feed span.incident-type-23,
.feed span.incident-type-29,
.feed span.incident-type-32,
.feed span.incident-type-36,
.feed span.incident-type-42,
.feed span.incident-type-45,
.feed span.person-involved-type-4
{
	padding:2px;
	color: #008c4d;
	background-color: #dcf6cf;
}
	
.feed span.vrn {
	padding:1px 2px 1px 2px;
	color: #005095;
	font-weight: bold;
	border: 1px solid #ccc;
	letter-spacing: 1px;
}