body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 15px;
	font-family: helvetica;
	background-color: #333;
	color: #222;
}

a {
	color: #000;
}

a:hover {
	color: #777;
	text-decoration: none;
}

img.pic {
	box-shadow: 0px 0px 3px 1px #333;
}

img.pic:hover {
	box-shadow: 1px 1px 3px 1px #333;
}

div.main {
	overflow: auto;
	padding: 4%;
	padding-top: 0px;
	background-color: #333333;
        background: -moz-linear-gradient(top, #555555 0%, #333333 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
        background: -webkit-linear-gradient(top, #555555 0%,#333333 100%);
        background: -o-linear-gradient(top, #555555 0%,#333333 100%);
        background: -ms-linear-gradient(top, #555555 0%,#333333 100%);
        background: linear-gradient(top, #555555 0%,#333333 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333')";
	box-shadow: 0px 0px 10px #000 inset;
}

div.page {
	background-color: #fff;
	border: 1px solid #777;
	border-top: 0px;
	box-shadow: 0px 0px 10px #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

div.menu {
	position: relative;
	z-index: 10;
	border-bottom: 1px solid #777;
	padding-right: 15px;
	background-color: #191919;
        background: -moz-linear-gradient(top, #191919 0%, #333333 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#333333));
        background: -webkit-linear-gradient(top, #191919 0%,#333333 100%);
        background: -o-linear-gradient(top, #191919 0%,#333333 100%);
        background: -ms-linear-gradient(top, #191919 0%,#333333 100%);
        background: linear-gradient(top, #191919 0%,#333333 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#333333')";
}

div.menu td.menulinks a {
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	text-shadow: 0px 0px 3px #000;
}

div.menu td.menulinks a:hover {
	box-shadow: 0px 0px 3px #111 inset;
	background-color: #10437a;
        background: -moz-linear-gradient(top, #10437a 0%, #002158 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10437a), color-stop(100%,#002158));
        background: -webkit-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -o-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -ms-linear-gradient(top, #10437a 0%,#002158 100%);
        background: linear-gradient(top, #10437a 0%,#002158 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10437a', endColorstr='#002158')";
}

div.menu a.notmenulink {
	padding: 0px;
	padding-left: 10px;
}

div.banner {
	position: relative;
	z-index: 5;
	color: #fff;
	padding: 15px;
	box-shadow: 0px 0px 5px 2px #111 inset;
	background-color: #10437a;
        background: -moz-linear-gradient(top, #10437a 0%, #002158 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10437a), color-stop(100%,#002158));
        background: -webkit-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -o-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -ms-linear-gradient(top, #10437a 0%,#002158 100%);
        background: linear-gradient(top, #10437a 0%,#002158 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10437a', endColorstr='#002158')";
}

div.banner a {
	color: #fff;
}

div.banner a:hover {
	color: #bbb;
}

div.content {
	position: relative;
	z-index: 5;
	padding: 10px;
	background-color: #f8f8f8;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

input[type=text], input[type=password], input[type=search], textarea {
	padding: 5px;
	border: 1px solid #555;
	border-radius: 3px;
	background-color: #dddddd;
        background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
        background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);
        background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);
        background: linear-gradient(top, #dddddd 0%,#ffffff 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff')";
}

input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus {
	border: 1px solid #10437a;
	box-shadow: 0px 0px 3px #000;
}

input[type=button], input[type=submit] {
	cursor: pointer;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #555;
	border-radius: 3px;
	color: #fff;
	background-color: #10437a;
        background: -moz-linear-gradient(top, #10437a 0%, #002158 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10437a), color-stop(100%,#002158));
        background: -webkit-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -o-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -ms-linear-gradient(top, #10437a 0%,#002158 100%);
        background: linear-gradient(top, #10437a 0%,#002158 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10437a', endColorstr='#002158')";
}

input[type=button]:hover, input[type=submit]:hover {
	background-color: #002158;
        background: -moz-linear-gradient(top, #10437a 0%, #000036 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10437a), color-stop(100%,#000036));
        background: -webkit-linear-gradient(top, #10437a 0%,#000036 100%);
        background: -o-linear-gradient(top, #10437a 0%,#000036 100%);
        background: -ms-linear-gradient(top, #10437a 0%,#000036 100%);
        background: linear-gradient(top, #10437a 0%,#000036 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10437a', endColorstr='#000036')";
}

div.sevtitle {
	display: inline-block;
	width: 57px;
	text-align: center;
	font-weight: bold;
}

div.itype {
	position: relative;
	font-weight: bold;
	border: 1px solid #666;
	padding: 0px;
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	background-color: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc')";
}

div.itype:hover {
	border: 1px solid #333;
	background-color: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #bfbfbf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bfbfbf));
        background: -webkit-linear-gradient(top, #eeeeee 0%,#bfbfbf 100%);
        background: -o-linear-gradient(top, #eeeeee 0%,#bfbfbf 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%,#bfbfbf 100%);
        background: linear-gradient(top, #eeeeee 0%,#bfbfbf 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bfbfbf')";
}

div.dropped {
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 3px #333 inset;
}

div.itypehead {
	font-size: 16px;
	cursor: pointer;
	padding: 10px;
}

div.itypedrop {
	padding-bottom: 10px;
}

div.itypestate:before {
	font-size: 18px;
	content: ">";
	padding-right: 10px;
	text-shadow: 0px 0px 2px #333;
}

div.statemajor div.itypestate:before {
	color: #b00;
}

div.stateminor div.itypestate:before {
	color: #dd7511;
}

div.stateplanned div.itypestate:before {
	color: #ffcc11;
}

div.stategood div.itypestate:before {
	color: #0b0;
}

div.itype div.incident {
	background-color: #fff;
	color: #222;
	font-weight: normal;
	margin: 10px;
	margin-bottom: 0px;
	border: 1px solid #999;
	border-radius: 5px;
}

div.itype div.incident div.title {
	font-size: 14px;
}

div.itype div.incident div.title a {
	display: block;
	text-decoration: none;
	padding: 8px;
}

div.itype div.incident div.posttime {
	font-style: italic;
	font-size: 14px;
	color: #666;
	float: right;
	padding: 10px;
}

div.itype div.incident div.update {
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #999;
	margin-top: 10px;
}

div.itype div.incident div.update div.added {
	font-style: italic;
	font-size: 13px;
	color: #666;
	float: right;
}

div.itype div.incident3 {
	border: 1px solid #b00;
	box-shadow: 0px 0px 3px #b00;
}

div.itype div.incident2 {
	border: 1px solid #dd7511;
	box-shadow: 0px 0px 3px #dd7511;
}

div.itype div.incident1 {
	border: 1px solid #ffcc11;
	box-shadow: 0px 0px 3px #ffcc11;
}

div.itype div.incident0 {
	border: 1px solid #333;
	box-shadow: 0px 0px 3px #333;
}

div.itype a.zero {
	opacity: 0.4;
}

div.itype a.zero:hover {
	opacity: 1;
}

div.itype a.opens {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	padding: 7px;
	margin-right: 20px;
	min-width: 20px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 0px 2px #000;
	border-radius: 15px;
	box-shadow: 0px 0px 2px 1px #666;
}

div.itype table td.opens {
	width: 50px;
	text-align: right;
}

div.itype table td.arrow {
	text-align: center;
	width: 30px;
}

div.itype table td.arrow img {
	text-align: center;
	width: 20px;
}

div.itype table td.arrow div.itypehead {
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
}

div.itype div.filterhelp {
	position: absolute;
	top: 10px;
	right: 250px;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	background-color: #333;
	box-shadow: 0px 0px 3px #333;
}

div.itype a.filteron {
	border: 1px solid #fff;
	padding: 6px;
}

div.nofilters {
	font-style: italic;
	font-weight: normal;
	color: #555;
	font-size: 12px;
	text-align: center;
}

div.itype a.major {
	background-color: #bb0000;
        background: -moz-linear-gradient(top, #bb0000 0%, #880000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0000), color-stop(100%,#880000));
        background: -webkit-linear-gradient(top, #bb0000 0%,#880000 100%);
        background: -o-linear-gradient(top, #bb0000 0%,#880000 100%);
        background: -ms-linear-gradient(top, #bb0000 0%,#880000 100%);
        background: linear-gradient(top, #bb0000 0%,#880000 100%);
}

div.itype a.minor {
	background-color: #ee9724;
        background: -moz-linear-gradient(top, #ffa824 0%, #bb6400 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa824), color-stop(100%,#bb6400));
        background: -webkit-linear-gradient(top, #ffa824 0%,#bb6400 100%);
        background: -o-linear-gradient(top, #ffa824 0%,#bb6400 100%);
        background: -ms-linear-gradient(top, #ffa824 0%,#bb6400 100%);
        background: linear-gradient(top, #ffa824 0%,#bb6400 100%);
}

div.itype a.planned {
	background-color: #eebb11;
        background: -moz-linear-gradient(top, #ffcc11 0%, #bb8800 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc11), color-stop(100%,#bb8800));
        background: -webkit-linear-gradient(top, #ffcc11 0%,#bb8800 100%);
        background: -o-linear-gradient(top, #ffcc11 0%,#bb8800 100%);
        background: -ms-linear-gradient(top, #ffcc11 0%,#bb8800 100%);
        background: linear-gradient(top, #ffcc11 0%,#bb8800 100%);
}

div.itype a.news {
	background-color: #666666;
        background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
        background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
        background: -o-linear-gradient(top, #666666 0%,#333333 100%);
        background: -ms-linear-gradient(top, #666666 0%,#333333 100%);
        background: linear-gradient(top, #666666 0%,#333333 100%);
}

div.itype a.all {
	background-color: #10437a;
        background: -moz-linear-gradient(top, #10437a 0%, #002158 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10437a), color-stop(100%,#002158));
        background: -webkit-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -o-linear-gradient(top, #10437a 0%,#002158 100%);
        background: -ms-linear-gradient(top, #10437a 0%,#002158 100%);
        background: linear-gradient(top, #10437a 0%,#002158 100%);
}
/* CSS for a whole incident post*/

div.post {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 10px;
	background-color: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
        background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
        background: linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
}

div.post div.title {
	font-weight: bold;
	padding: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
}

div.post div.title a {
	text-decoration: none;
}

div.post div.date {
	float: right;
	padding: 5px;
	color: #666;
}

div.post table {
	width: 100%;
}

div.post table td {
	border-bottom: 1px solid #bbb;
}

div.post table tr:last-child td {
	border-bottom: 0px;
}

div.post tr.log td {
	font-size: 12px;
	color: #777;
}

div.post img {
 border-radius: 5px;
 box-shadow: 0px 0px 3px 1px #333;
 margin: 10px;
}

table.padcells td {
	padding: 5px;
}

table.details td {
	vertical-align: top;
	padding: 5px;
}

table.details td.detail {
	font-weight: bold;
	font-size: 13px;
	width: 140px;
}

table.details td.detail span {
	font-weight: normal;
	font-size: 12px;
	colour: #666;
	padding-left: 5px;
}

div.severity3 {
	border: 1px solid #b00;
	box-shadow: 0px 0px 4px 1px #b00 inset;
}

div.severity2 {
	border: 1px solid #dd7511;
	box-shadow: 0px 0px 4px 1px #dd7521 inset;
}

div.severity1 {
	border: 1px solid #fc1;
	box-shadow: 0px 0px 4px 1px #fc1 inset;
}

div.severity0 {
	border: 1px solid #666;
	box-shadow: 0px 0px 4px 1px #666 inset;
}

/**/

.wide {
	width: 100%;
}

.w15 {
	width: 15px;
}

.w20 {
	width: 20px;
}

.w30 {
	width: 30px;
}

.w40 {
	width: 40px;
}

.w50 {
	width: 50px;
}

.w100 {
	width: 100px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.table-cell {
	display: table-cell;
}

.quater {
	width: 25%;
}

.third {
	width: 30%;
}

.half {
	width: 50%;
}

.twothird {
	width: 66%;
}

.red {
	background-color: #f00;
}

.pad5 {
	padding: 5px;
}

.padtop5 {
	padding-top: 5px;
}

.padbottom5 {
	padding-bottom: 5px;
}

.padleft5 {
	padding-left: 5px;
}

.padright5 {
	padding-right: 5px;
}

.pad10 {
	padding: 10px;
}

.padtop10 {
	padding-top: 10px;
}

.padbottom10 {
	padding-bottom: 10px;
}

.padleft10 {
	padding-left: 10px;
}

.padleft20, table.details td.padleft20 {
	padding-left: 20px;
}

.padright10 {
	padding-right: 10px;
}

.padright20 {
	padding-right: 20px;
}

.pointer {
	cursor: pointer;
}

.smalltitle {
	font-size: 12px;
	color: #777;
	padding-left: 5px;
}

.bold {
	font-weight: bold;
}

.nobold {
	font-weight: normal;
}

.box {
        border: 1px solid #999;
        padding: 10px;
        border-radius: 5px;
}

a.admin-link {
	padding: 5px;
	display: block;
	font-size: 15px;
	text-decoration: none;
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 22px;
}

a.admin-link:hover {
	background-image: url(images/inc-plus-fade.png);
}

div.suggestions {
}

div.suggestions div {
	background-color: #000;
	color: #fff;
	padding: 5px;
	opacity: 0.8;
}

div.suggestions div:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.suggestions div:hover {
	cursor: pointer;
	opacity: 0.9;
}