/*
**
**	Main CSS file for admin section. This sets the rules for everything in this directory.
**
*/
/* All links use this if they aren't one of the other A classes listed below. */
A:hover
{
    COLOR: #FFCC00
}
A
{
    COLOR: black;
    TEXT-DECORATION: none
}

.categorytreetable
{
	WIDTH: 175px;
	font-weight: bold;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
}

/* Links used in the breadcrumb widget. */
A.breadcrumblink
{
    COLOR: #67A4FF;
    TEXT-DECORATION: none
}

A.breadcrumblink:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}

/* Links used in the pagetable widget. */
A.pagetablelink
{
    COLOR: black;
    TEXT-DECORATION: underline;
}

A.pagetablelink:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline;
}

/* TODO: Should probably use categorytable instead */
.itementry
{
	BORDER: THIN SOLID BLACK; 
	WIDTH: 700px;
}

/* TODO: The below need to be renamed to something more generic, as more modules
         than categories use them now. And they should probably be IDs.
*/
.categoryheader
{
	BACKGROUND-COLOR: #B5C5FF;
	font-size: 11pt;
/*	BACKGROUND: #52AAE9;*/
}

.categorytable
{
	WIDTH: 1000px;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 11pt;
}

.formtable
{
	WIDTH: 100%;
	BORDER-SPACING: 0;
	MARGIN: 0;
	PADDING: 0;
}

/* TODO: Check the two below, they may not be necessary. They're used in items.php. */
.itemtable
{
	WIDTH: 650px
}

.items
{
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 11pt;
}

/* Classes used in construction of category table */
/* ********************************************** */

/* All category links except the currently selected one. */
A.categorylink:link
{
	COLOR: #000000;
	TEXT-DECORATION: none;
}

A.categorylink:hover
{
	COLOR: #FFFF00;
	TEXT-DECORATION: UNDERLINE;

}

A.categorylink:visited
{
	COLOR: #000000;
	TEXT-DECORATION: none;
}

A.categorylink:visited:hover
{
	COLOR: #FFFF00;
	TEXT-DECORATION: UNDERLINE;
}

/* The currently selected category link. */
A.activecategorylink:link
{
	COLOR: #FF0000;
	TEXT-DECORATION: none;
}

A.activecategorylink:hover
{
	COLOR: #FF0000;
	TEXT-DECORATION: UNDERLINE;

}

A.activecategorylink:visited
{
	COLOR: #FF0000;
	TEXT-DECORATION: none;
}

/* TODO: Check this, there has to be a better way. */
span.catedit
{
	VERTICAL-ALIGN: middle
}

/* TODO: Currently using the two below for form entries. Possibly consolidate. */
.itemformcell
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
	BACKGROUND-COLOR: #B5C5FF;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
}

.itemformentry
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #ECF0FF;
/*	PADDING-LEFT: 4px;*/
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
}

/* Used to display login message. */
#boxheader
{
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 12pt;
	BACKGROUND-COLOR: black;
	COLOR: white;
}

/* Used to align buttons to the right. */
#formbuttons
{
	TEXT-ALIGN: right;
}

/* The two below are used to differentiate adjacent list entries. */
.oddrow
{
	BACKGROUND: #dddddd;
	BORDER: THIN SOLID BLACK;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
}

.evenrow
{
	BACKGROUND: white;
	BORDER: THIN SOLID BLACK;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
}

/* TODO: This may not be the best way to put a line between
         list rows. We may have done it better somewhere else and just forgot.
*/
.line
{
	BACKGROUND: #aaaaaa
}

/* These look unused, so I'm commenting them out.

.email
{
    COLOR: #005588;
}

.email:hover
{
    COLOR: #0033ff;
}
*/

/* Used to mark incorrect entries in forms. This should probably be an id, not a class. */
.errortextbox
{
   BACKGROUND: #ff5555;
   COLOR: #ffffff
}

/* Used to show an error. */
#errortext
{
	COLOR: #ff0000;
}

.errortext
{
	COLOR: #ff0000;
}

/* Classes used in construction of tabbed windows */
/* ********************************************** */

/* Main table */
#tabbedview
{
	BORDER: 0;
}

/* Space in between tabs. */
#tabspace
{
	BORDER-BOTTOM: 1px SOLID BLACK;
}

/* Tab user is currently on. */
#selectedtab
{
	PADDING: 2px;
	BORDER-LEFT: 1px SOLID BLACK;
	BORDER-TOP: 1px SOLID BLACK;
	BORDER-RIGHT: 1px SOLID BLACK;
	BACKGROUND-COLOR: #FFFDC1;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 8pt;
}

/* All other tabs. */
#nonselectedtab
{
	PADDING: 2px;
	BORDER: 1px SOLID BLACK;
	BACKGROUND-COLOR: #EEEEEE;
	
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 8pt;
}

/* What gets displayed under the tabs. */
#tabbedcontent
{
	BORDER-LEFT: 1px SOLID BLACK;
	BORDER-BOTTOM: 1px SOLID BLACK;
	BORDER-RIGHT: 1px SOLID BLACK;
}
/* ********************************************** */
/* End of tabbed window classes                   */


/* Sets style of text in footer. */
#footertext
{
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 8pt;
}

/* TODO: Check if this is really necessary. It only gets used in keycodes.php. 
         If it is, all columns with the delete checkbox in them should look like
         this too.
*/
#deletecolumn
{
	WIDTH: 10%;
	TEXT-ALIGN: CENTER;
}

/* Sets style for page selection widget used in multipage lists. */
.pagetable
{
	BORDER: 1px SOLID BLACK;
	WIDTH: 650px;
	TEXT-ALIGN: CENTER;
	MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	FONT-FAMILY: "arial", sans-serif;
	FONT-SIZE: 9pt;
}

#datelinetext
{
	FONT-FAMILY: "arial", sans-serif;
	FONT-SIZE: 9pt;
}

#statbox
{
	BORDER: 1px BLACK SOLID;
	WIDTH: 300px;
	FONT-FAMILY: "arial", sans-serif;
	FONT-SIZE: 9pt;
	MARGIN: 5px;
}

#linkcodetable
{
	WIDTH: 530px;
	FONT-FAMILY: "arial", sans-serif;
	FONT-SIZE: 10pt;
	MARGIN: 10px;
}

.linkcodebox
{
	BORDER: 1px BLACK SOLID;
	/*WIDTH: 500px;*/
	FONT-FAMILY: "courier", monospace;
	FONT-SIZE: 12pt;
}

.normaltext
{
	FONT-SIZE: 10pt;
	FONT-FAMILY: "Arial", SANS-SERIF;
}
.itemformheader
{
	VERTICAL-ALIGN: top;
	BACKGROUND-COLOR: #B5C5FF;
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	BORDER-TOP: 1px black solid;
	BORDER-BOTTOM: 1px black solid
}

.itemformentry
{
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #ECF0FF;
/*	PADDING-LEFT: 4px;*/
	FONT-FAMILY: "Arial", sans-serif;
	FONT-SIZE: 10pt;
}