/* $Header: /data/cvs/skylog/skylog.css,v 1.12 2013/04/10 03:16:09 jcharles Exp $ */

/* Styles for use with the skylog application   */
/*                                                    */
/* (c)2006 - 2013 Jeremy L. Charles, n9vht@skylog.net */


/* Branch 1.2.2 (initdevel), created 06/03/2006 */
/*   Initial development after copy from ourstuff.css and quick trimming pass. */

/* Branch 1.6.2 (mgt), created 08/31/2009 */
/*   Changes corresponding to the mgt branch of skylog.php */


/* Default styles for the overall document */

BODY {
	background-color	: white;
	font-family		: Times;
	font-size		: 14px;
}

TABLE {
	border-collapse		: collapse;
}

P {
	margin-bottom		: 3px;
	margin-top		: 3px;
}

/* Styles that make up the elements of header and footer A */

DIV.HeaderA {
	border-bottom		: solid 2px #005050;
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 22px;
	font-weight		: bold;
	text-align		: center;
}

DIV.HeaderACallback {
	border-bottom		: solid 2px #0000FF;
	border-left		: solid 2px #0000FF;
	border-right		: solid 2px #0000FF;
	padding			: 2px;
	text-align		: left;
}

/* Styles that make up the elements of header and footer B */

DIV.HeaderB {
	border-bottom		: solid 2px #005050;
	padding			: 2px;
	text-align		: center;
}

DIV.HeaderB TABLE {
	border-collapse		: collapse;
	width			: 100%;
}

TD.HeaderBLeft {
	font-size		: 10px;
	text-align		: left;
	width			: 25%;
}

TD.HeaderBMid {
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 22px;
	font-weight		: bold;
	text-align		: center;
	width			: 50%;
}

TD.HeaderBRight {
	text-align		: right;
	width			: 25%;
}

DIV.HeaderBCallback {
	border-bottom		: solid 2px #0000FF;
	border-left		: solid 2px #0000FF;
	border-right		: solid 2px #0000FF;
	padding			: 2px;
	text-align		: left;
}

/* Four distinct styles of table rows are provided below.  These are primarily
   intended to provide for a "header" row followed by alternating "odd"/"even"
   rows of data.  A "tail" row may also be included for things like totals. */

TR.DataHead {
	background-color	: #F0F0A0;
	border-bottom		: solid thin orange;
	font-family		: Helvetica;
	font-weight		: bold;
}

TR.DataHead TD {
	padding			: 5px;
}

SPAN.DataHeadComment {
	font-size		: 12px;
	font-style		: italic;
	font-weight		: normal;
}

TR.DataTail {
	background-color	: #F0F0A0;
	border-top		: solid thin orange;
	font-family		: Helvetica;
	font-weight		: bold;
}

TR.DataTail TD {
	padding			: 5px;
}

TR.DataOdd {
	background-color	: #FFFFFF;
}

TR.DataOdd TD {
	padding			: 5px;
}

TR.DataEven {
	background-color	: #E0F0E0;
}

TR.DataEven TD {
	padding			: 5px;
}

TD.DataNumeric {
	text-align		: right;
}

TD.DataNumericRed {
	border-bottom		: solid thick red;
	border-left		: solid thick red;
	border-right		: solid thick red;
	border-top		: solid thick red;
	color			: #FF0000;
	text-align		: right;
}

TD.DataHighlight {
	background-color	: #FFFF00;
}

/* Styles to provide various levels of headers for pages/divs/whatever that are primarily text. */

P.TextHead1 {
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 32px;
	font-weight		: bold;
	text-align		: center;
}

P.TextHead1 SELECT {
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 28px;
	font-weight		: bold;
}

P.TextHead2 {
	border-bottom:		thin solid #008000;
	color:			#008000;
	font-family:		Helvetica;
	font-size:		18px;
	font-weight:		bold;
	margin-bottom:		5px;
	margin-top:		7px;
	text-align:		left;
}

P.TextHead3 {
	color			: #600060;
	font-family		: Helvetica;
	font-size		: 18px;
	font-style		: italic;
	font-weight		: bold;
	text-align		: left;
}

SPAN.TextHead3 {
	color			: #600060;
	font-family		: Helvetica;
	font-size		: 18px;
	font-style		: italic;
	font-weight		: bold;
}

/* Error messages (i.e. problems caused by our code/system/whatever, not the user) */

P.Error {
	background-color	: #FFE8E8;
	color			: #FF0000;
	font-family		: Times;
}

SPAN.ErrorPreamble {
	font-family		: Courier;
	font-weight		: bold;
}

/* These are for when the user needs to be scolded for doing something incorrectly.
   (i.e.  Problems caused by the user, not our code/system/whatever.) */

P.Spank {
	background-color	: #FFE080;
	color			: #000000;
	font-family		: Times;
}

SPAN.SpankPreamble {
	font-family		: Courier;
	font-weight		: bold;
}

/* These are for when we need to raise the odds that the user will notice. */

P.Attn {
	background-color	: #E0FFE0;
	color			: #000000;
	font-family		: Times;
}

SPAN.AttnPreamble {
	color			: #004000;
	font-family		: Courier;
	font-weight		: bold;
}

/* Character formatting styles for inline code fragments.  Portions of code
   that are to be substituted by the reader (i.e. "fill in the blank") should
   use the CodeVar style. */

SPAN.Code {
	color			: black;
	font-family		: Courier;
}

SPAN.CodeVar {
	color			: #303050;
	font-family		: Courier;
	font-style		: italic;
	font-weight		: bold;
}

/* Formatting for the jumpbar */

DIV.JumpBar {
	border-bottom		: solid 2px #005050;
	text-align		: center;
}

/* Used when you want to split a space in to two columns */

DIV.ColumnRight {
	float			: right;
	width			: 49%;
}

DIV.ColumnLeft {
	float			: left;
	width			: 49%;
}

/* For the tla screen, style to use for disabled users. */

TR.TlaDisabledUser {
	background-color	: #FFA0A0;
}

TR.TlaDisabledUser TD {
	padding			: 5px;
}

/* For the EI screen, the box that contains the un-editable items */

DIV.EiStatic {
	border			: 1px solid #0000FF;
	float			: right;
	width			: 49%;
}

/* For the EI screen, the box that contains the dates */

DIV.EiDates {
	border			: 1px solid #FF0000;
	float			: left;
	width			: 49%;
}

/* For the EI screen, the box that contains the larger text fields */

DIV.EiBody {
	border			: 1px solid #00FF00;
}

/* For the EI screen, the table that contains log entries */

TABLE.EiLog {
	width			: 100%;
}

TABLE.EiLog TR {
	border-bottom		: 1px solid #0000FF;
	border-top		: 1px solid #0000FF;
}

TABLE.EiLog TD {
	vertical-align		: top;
}

/* For the EI screen, the table that contains station assignments */

TABLE.EiAssign {
}

TABLE.EiAssign TD {
	border-left		: 1px solid #009000;
	border-right		: 1px solid #009000;
	padding-left		: 5px;
	padding-right		: 5px;
}

/* Styles used by the documentation pages */

TABLE.DocBorderFullWidth {
	border			: 1px solid #0000FF;
	width			: 100%;
}

TR.DocBorder TD {
	border-bottom		: 1px solid #0000FF;
	border-top		: 1px solid #0000FF;
}

TD.DocGreenShade {
	background-color	: #E0FFE0;
	width			: 50%;
}

/* Styles for the incoming messages table that shows up at the top of the screen */

TABLE.NewMessages {
	width			: 100%;
}

TABLE.NewMessages TD {
	padding-bottom		: 0px;
	padding-top		: 0px;
}

/* This is for the table of assignments that gets embedded within IS.
   Need to do this to prevent the assigned incidents from having wider rows. */

TABLE.IsAssignments TD {
	padding-top		: 0px;
	padding-bottom		: 0px;
}

/* User preferences entry columns get right-justified */

TD.UPRight {
	text-align:	right;
}

TD.UPRight INPUT {
	text-align:	right;
}