/* 
 *	MLEMS Base Style Sheet
 * 	Version 2.0
 */
/* was using yellow #f9de3e*/
html				{ height: 100%; background: URL("images/bg.gif") center repeat-y #101071; }
body 				{ margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
						text-align: left; color: #222; height: 100%; }
a					{ text-decoration: none; font-weight: bold; color: #101071; }
a:hover				{ text-decoration: underline; color: red; }
td 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
						vertical-align: middle; margin: 0px; padding: 3px; }
label 				{ font-weight: bold; text-align: right; color: #101071; }
table				{ width: 100%; border-collapse: collapse; }
table.list 			{ border: 0px solid #ffe400; }
table.list td		{ border-bottom: 1px solid #9191ff; }
tr.header 			{ background-color: #101071; color: #ffffff; font-weight: normal; color: #ffe400; }
tr.header td a		{ color: #ffe400; font-weight: normal; }
tr.header td.sortColumn		{ text-decoration: underline; }
tr.even 			{ background-color: #c8c8ff; } /* #d1d1de #d1e0ff #d8e5fe #dee9fe */
tr.odd 				{ background-color: #fff; }
td.label 			{ font-weight: bold; text-align: right; }
td.longlabel		{ font-weight: bold; text-align: right; width: 100px; }
td.required			{ font-weight: bold; text-align: right; color: red; }
textarea			{ width: 100%; height: 75px; }
h1,h2,h3,h4,h5,h6	{ color: #101071; font-weight: bold; }
h2					{ margin: 0px 0px 5px 0px; font-size: 18px; font-weight: bold; }
h3					{ font-size: 12px; font-weight: bold;}

strong				{ font-weight: bold; }

/*
 * Forms
 */
input				{ font-family: "Lucida Grande", Arial; font-size: 11px; }
textarea			{ font-family: "Lucida Grande", Arial; font-size: 11px; }

p					{ margin-bottom: 1em; }

#error				{ background: url("../shared/images/error.png") no-repeat left top !important; 
						padding-left: 140px; padding-top: 2px;  height: 128px auto; }
#warning			{ background: url("../shared/images/warning.png") no-repeat left top !important; 
						padding-left: 140px; padding-top: 2px;  height: 128px auto; }
#notice				{ background: url("../shared/images/notice.png") no-repeat left top !important; 
						padding-left: 140px; padding-top: 2px;  height: 128px auto; }


/* Layout */
#header				{ background: URL("images/masthead.jpg"); height: 90px; width: auto; }
#pagebody			{ width: 750px; margin: 0 auto; background-color: #fff; text-align: center;
						border: 1px solid #b39f00; border-top: none; border-bottom: none;
						position: relative; min-height: 100%; height: auto; margin-bottom: 0px; }
#main 				{ position: relative; width: 748px; border-top: 10px solid #ffe400;
						text-align: left; border-top: none; margin-right: -180px;
						float: left; margin-bottom: 50px; }
#content			{ position: relative; padding: 8px; margin-right: 150px;
						background: URL("images/star_of_life.jpg") no-repeat center; min-height: 228px; }
#sidebar 			{ position: relative; float: right; right: 5px; top: 5px; margin: 0px; width: 140px;
						text-align: left; margin-bottom: 20px; }
#footer 			{ text-align: center; padding: 5px 0px 5px 0px; position: absolute;
						bottom: 0px; left: 0px; width: 750px; height: 36px; border-top: 1px solid #b39f00; z-index: 2;
						background-color: #fff6a6; }

/*
 *	Drop Shadows
 */
.dropshadow 		{ float: right; background: url("images/shadow1.gif") no-repeat bottom right;
						margin: 10px 0px 0px 10px !important; margin: 10px 0px 0px 5px; }
.dropshadow div		{ background: url("images/shadow2.png") no-repeat left top !important;
						background: url("images/shadow2.gif") no-repeat left top;
						padding: 0px 5px 4px 0px; width: auto; }
.dropshadow img 	{ background-color: #fff; border: 1px solid #a9a9a9; padding: 0px; margin: 0px; }
.dropshadow p		{ border: 1px solid #a9a9a9; padding: 4px; margin: 6px 6px 6px 6px;  }

/*
 * Spans
 */
span.floatRight		{ float: right; text-align: right; }

/*
 * Boxes
 */
div.bluebox			{ padding: 4px; border: 1px solid #9191ff; background-color: #c8c8ff; text-align: left; }
div.bluebox h4		{ margin: -4px -4px 4px -4px; padding: 2px; color: #101071; position: relative;
						background-color: #9191ff; }

div.box				{ padding: 4px; border: 1px solid #ffe400; background-color: #fff6A6; text-align: left; }
div.box h4			{ margin: -4px -4px 4px -4px; padding: 2px; color: #000; position: relative;
						background-color: #ffe400; font-size: 12px; }

div.green			{ border: 1px solid #207F13; background-color: #6d6; }
div.green h4		{ color: #fff; font-weight: bold; background-color: #207F13; }

/* Content */

/* Navigation bar */
#navbar				{ position: relative; font-weight: bold; color: #ffe400; background-color: #101071; padding: 0px;
						z-index: 2; text-align: center; font-size: 10px; margin: 0 auto; width: 100%;
						border-top: 1px solid #aaa; font-weight: bold; }
#navbar a 			{ display: block; color: #ffe400; text-decoration: none; padding: 4px 8px 4px 8px; }
#navbar a:hover 	{ background-color: #c8c8ff; color: #101071; border-top: 1px solid #ffe400; border-left: 1px solid #999;
						border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 3px 7px 3px 7px; }
#navbar ul 			{ display: table; margin: 0 auto; padding: 0px; list-style-type: none; }
#navbar li 			{ display: table-cell; padding-left: 4px; padding-right: 4px; }

/* Status Bar */
#statusbar				{ font-size: 10px; color: #101071; width: 750px; border-top: 1px solid #b39f00;
							background-color: #fff6a6; border-bottom: 1px solid #ffe400; }
#statusbar td			{ font-size: 9px; color: #101071; padding: 2px 6px 2px 6px; }


/* Main content area */
/* Temporarily hide icons; no icon to display yet.*/
#main img.icon			{ display: none; /* vertical-align: middle; margin-right: 5px; */ }

/* Allow calendar icons! */
#main img.calendar		{ display: inline; vertical-align: middle; margin-right: 5px; }


/* Page Actions */
#actions 			{ font-size: 10px; color: white; margin-bottom: 2px;  }
#actions ul			{ display: inline; margin: 0px; padding: 0px }
#actions li 		{ display: inline; padding-left: 4px; padding-right: 3px; border-left: 1px solid #101071; }
#actions li:first-child		{ border-left: none; }
#actions a 			{ text-decoration: none; font-weight: normal; padding: 3px 3px 3px 3px; }
#actions a:hover 	{ text-decoration: underline; color: #101071; }

#alphatabs				{ background-color: #c8c8ff; border: 1px solid #9191ff;}
#alphatabs td			{ padding: 0px; margin: 2px; text-align: center; background-color: #c8c8ff; width: 3.85%; }
#alphatabs a			{ color: #101071; display: block; margin: 0; padding: 2px; font-weight: bold; text-decoration: none; }
#alphatabs a.selected	{ background-color: #101071; color: #ffe400; }
#alphatabs a:hover		{ background-color: #101071; color: #ffe400; }

/* Threat Level indicator */
#threatLevel				{ margin-top: 10px; height: 1%; }
#threatLevel.none			{  }
#threatLevel table			{  }
#threatLevel td				{ font-weight: bold; padding: 2px; font-family: Verdana; font-size: 9px;
									text-align: center; vertical-align: middle; }
#threatLevel td.label		{ background-color: #000; color: #fff; border: 1px solid black;}
#threatLevel td.severe		{ background-color: red; color: #fff; border: 1px solid black; }
#threatLevel td.high		{ background-color: orange; color: #fff; border: 1px solid black; }
#threatLevel td.elevated	{ background-color: yellow; color: #000; border: 1px solid black; }
#threatLevel td.guarded		{ background-color: blue; color: #fff; border: 1px solid black; }
#threatLevel td.low			{ background-color: green; color: #fff; border: 1px solid black; }

/* Front page table layout settings */
#main td.info				{ vertical-align: top; padding-right: 8px; }
#main td.content			{ vertical-align: top; padding-left: 8px; }

/* Calendars */
#calendar tr.header		{ text-align: center; }
#calendar tr.header td	{ background: URL("images/menu_bg.png"); border: none; color: #fff; }
#calendar td			{ background: #fff; border: 1px solid #ddd; color: #555; }
#calendar tr.week td	{ width: 14.3%; height: 15px; vertical-align: top; }
#calendar td.today		{ background: #d0d0ff; }
#calendar td.out		{ background: #eee; color: #888 }

#agenda td			{ font-size: 10px; }
#agenda td.time		{ width: 20%; height: 20px; }
#tasks	td			{ padding: 1px; font-size: 11px; }

#eventNav			{ float: left; width: 150px; }
#eventNav ul li		{ padding: 1px; padding-right: 0px;}
#eventNav ul li a	{ padding: 7px 4px 7px 4px; padding-right: 0px; display: block; background-color: #eee; }
#eventNav ul li a.selected { background-color: #ccc; }
#eventNav ul li a.dim	{ background-color: #eee; font-weight: normal; color: #999; }
#eventPanel			{ margin-left: 150px; border: 1px solid #ddd; background-color: #fff; min-height: 100px;
						padding: 10px;}


.checklist				{ border: 1px solid #ccc; list-style: none; height: 20em; overflow: auto; width: 14em; }
.checklist,
.checklist li			{ margin: 0px; padding: 0px; }
.checklist label		{ display: block; padding: 4px; padding-left: 30px; text-indent: -25px;
							font-weight: normal; text-align: left; color: black; font-family: "Lucida Grande", Tahoma; }
.checklist label:hover	{ background: #bbb; color: #fff; }

div.status			{ border: 1px solid green; background-color: #9f9; padding: 4px; margin-bottom: 8px; }
div.error			{ border: 1px solid red; background-color: #fbb; }

/* From Week View */
.week .header		{ border: 1px solid #aaa; }
.week .header td	{ background: URL("images/menu_bg.png"); text-align: center; border: none; color: #fff; }
.week td			{ background: #fff; border: 1px solid #ddd; color: #555; }
.week tr.time td	{ width: 12.5%; vertical-align: top; padding: 0; height: 12px; }
.week tr.time td.label { text-align: center; vertical-align: middle; }
.week td.today		{ background: #d0d0ff; }
.week td.out		{ background: #eee; color: #888 }
.week td #cell		{ position: relative; }
.week td #cell #event	{ position: absolute; padding: 2px; font-size: 10px; overflow: hidden; }
.week td #cell #event a { font-weight: bold; }
.week .number		{ font-size: 10px; }
.week .event		{ font-size: 10px; font-weight: bold; /*margin-left: 1em; text-indent: -1em; */}
.week .banner		{ position: absolute; bottom: 2px; left: 2px; border: 1px solid #f88; background: #f22;
							font-size: 10px; color: white; text-align: center; z-index: 1; }
.week .banner a		{ display: block; width: 100%; height: 100%; color: white; }
.week .banner a:hover	{ color: yellow; }

#event				{ position: absolute; }
#event.red			{ background: #f00; border: 1px solid #f55; color: white; }
#event.red a		{ color: white; }
#event.green		{ background: #2d2; border: 1px solid green; }
#event.blue			{ background: #55f; border: 1px solid blue; color: white; }
#event.blue a		{ color: white; }


/* From Month View */
table.calendar			{ table-layout: fixed; }
.calendar .controls		{ border: 1px solid #ddd; }
.calendar .controls td	{ border: none; }
.calendar .header		{ border: 1px solid #aaa; }
.calendar .header td	{ background-color: #101071; text-align: center; border: none; color: #fff; }
.calendar td			{ background: #fff; border: 1px solid #ddd; color: #555; overflow: hidden; }
.calendar tr.week td	{ width: 14.3%; height: 65px; vertical-align: top; }
.calendar td.today		{ background: #d0d0ff; }
.calendar td.out		{ background: #eee; color: #888 }
.calendar td #cell		{ height: 100%; position: relative; }
/*.calendar td:hover		{ background-color: #eee; }*/
.calendar .number		{ font-size: 10px; }
.calendar .number a		{ font-weight: normal; }
.calendar .number a:hover	{ color: #101071 }
.calendar .banner		{ position: absolute; bottom: 2px; left: 2px; border: 1px solid #f88; background: #f22;
							font-size: 10px; color: white; text-align: center; z-index: 1; }
.calendar .banner a		{ display: block; width: 100%; height: 100%; color: white; }
.calendar .banner a:hover	{ color: yellow; }
table.calendar .event	{ font-size: 8px; font-weight: normal; overflow: hidden; text-overflow: ellipsis;
							white-space: nowrap; }
table.calendar .event a	{ color: red; font-weight: normal; }

/* From Day View */
div.day					{ position: relative; height: 400px; overflow: auto; width: 100%; }
div.options				{ float: right; right: 0%; width: 30%; display: none; }
table.day .controls		{ border: 1px solid #ddd; }
table.day .controls td	{ border: none; }
table.day .header		{ border: 1px solid #aaa; }
table.day .header td	{ background-color: #101071; text-align: center; border: none; color: #fff; }
table.day td			{ background: #fff; border: 1px solid #ddd; color: #555; }
table.day tr.time td	{  vertical-align: top; padding: 0; height: 15px; }
table.day tr.time td.label { width: 10%; text-align: center; vertical-align: middle; }
table.day tr.gray td.slot	{ background: #eee; }
table.day td.today		{ background: #d0d0ff; }
table.day td.out		{ background: #eee; color: #888 }
table.day td #cell		{ position: relative; }
table.day td #cell #event	{ position: absolute; padding: 2px; font-size: 10px; overflow: hidden; }
table.day td #cell #event a { font-weight: bold; }
table.day .number		{ font-size: 10px; }
table.day .event		{ font-size: 10px; font-weight: bold; margin-left: 1em; text-indent: -1em;}
table.day .banner		{ position: absolute; bottom: 2px; left: 2px; border: 1px solid #f88; background: #f22;
							font-size: 10px; color: white; text-align: center; z-index: 1; }
table.day .banner a		{ display: block; width: 100%; height: 100%; color: white; }
table.day .banner a:hover	{ color: yellow; }

/* Footer */
#footer a 			{ text-decoration: none; }
#footer a:hover 	{ text-decoration: underline; }
#footer ul 			{ display: inline; margin: 2px; padding: 0px; }
#footer li 			{ display: inline; padding-left: 13px; padding-right: 12px; border-left: 1px solid gray; }
#footer li.first 	{ border-left: none; }
#footer p			{ font-size: 10px; margin: 2px; margin-bottom: 6px; }

/* Announcements */
#main #announcement a	{ text-decoration: none; font-weight: bold; }

/* Sidebar area */
/*#sidebar				{ background-color: #eee; padding-left: 5px; padding-bottom: 5px; 
							border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;
							margin-right: -5px; margin-top: -5px; } */
#sidebar h3				{ margin-bottom: 3px; }
#sidebar p				{ margin: 0px 1px 0px 1px; font-size: 10px; font-family: Verdana; }
#sidebar ul				{ list-style: none; margin: 0px 0px 1em 0px; padding-left: 0px; }
#sidebar li				{ height: 18px; padding-bottom: 3px; }
#sidebar a				{ font-weight: normal; }
#sidebar img.icon		{ vertical-align: middle; margin: 3px 5px 3px 3px; }

/* Sidebar reset; delete these lines to go to new mode */
#sidebar li				{ height: auto; padding-bottom: 0px; }
#sidebar img.icon		{ display: none; }

/* Buttons */
/* 
#main #button.delete	{ width: 16px; height: 16px; background: URL("images/delete.png"); }
*/

/* Photos */
.albums tr			{ border-top: 1px solid #ccc; background-color: white; }
.albums tr:first-child	{ border-top: none; }
img.photo			{ background-color: #fff; padding: 6px; border: 1px solid #ccc; }
img.thumbnail		{ background-color: #fff; padding: 6px; border: 1px solid #ccc; }
.album td			{ width: 33%; text-align: center; vertical-align: middle; }

/* Site Administration */
#admin				{ border: 1px solid #ccc; }
#admin td			{ background-color: white; }
.adminService		{ float: left; width: 96px; height: 96px; margin-right: 5px;
						background-image: URL("images/adminIcons.png"); }
.content			{ background-position: 295px 100px; }
.access				{ background-position: -15px 100px; }
.monitoring			{ background-position: -110px 100px; }

/* Content Editing */
#contentEditing 			{ position: absolute; top: 5px; right: 5px; padding: 2px; background-color: #fff6a6;
								 border: 1px solid #ffe400; }
#contentEditing ul			{ display: inline; margin: 0px; padding: 0px }
#contentEditing li 		{ display: inline; padding-left: 4px; padding-right: 3px; border-left: 1px solid #101071; }
#contentEditing li:first-child		{ border-left: none; }
#contentEditing a 			{ text-decoration: none; font-weight: normal; padding: 3px 3px 3px 3px; }
#contentEditing a:hover 	{ text-decoration: underline; color: #101071; }