/* GUIDELINES:
**      * all sizes beside 0 must be immediately followed my a measurement unit i.e. 10px
**      * do not use underscores in class names
*/

/**********************/
/* GLOBAL BODY STYLES */
/**********************/

body {
    background: white;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    margin: 0px 0px 0px 0px;
}

.body {
    margin: 0px 0px 0px 0px;
}

.img {
    border: 0px;
}

form {
    border: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

input {
    font-family: Courier, monospace;
    font-size: .75em;
}

textarea {
    font-family: Courier, monospace;
    font-size: .75em;
}

/************************/
/*   ANCHOR STYLES      */
/************************/

a:link, a:visited, a:hover, a:active {
    color: #0F57C5;
}

a.black:link, a.black:visited, a.black:hover, a.black:active {
    color: Black;
}

a.gray:link, a.gray:visited, a.gray:hover, a.gray:active {
    color: #777777;
}

.nav a:link {
	font-size: .7em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;

}

.nav a:active {
	font-size: .7em;
	font-weight: bold;
	color: #EEA32A;
	text-decoration: none;
}

.nav a:visited {
	font-size: .7em;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

.nav a:hover {
	font-size: .7em;
	font-weight: bold;
	color: #EEA32A;
	text-decoration: none;

}


/************************/
/* GLOBAL FOOTER STYLES */
/************************/

.footer {
    text-align: center;
    font-size: .63em;
}

.footer a {
    color: #0F57C5;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

/***************************/
/* APPLICATION TEXT STYLES */
/***************************/

.error {
    font-size: .8em;
    color: red;
    background: transparent;
}

.field-heading {
    font-size: .75em;
    font-weight: bold;
}

.field-heading-small {
    font-size: .69em;
    font-weight: normal;
}

.gray-table-border
{
	border:1px solid;
	border-color: #DDDDDD;
}

.instruct-text {
    font-size: .75em;
    font-weight: normal;
}

.kontent {
    font-size: .75em;
    font-weight: normal;
}

.kontent-heading {
    font-size: .88em;
    font-weight: bold;
}

.popup-link {
        cursor:pointer; 
        cursor:hand;
}

.table-heading {
    font-size: .82em;
    font-weight: bold;
}

/************************/
/*   BACKGROUND COLORS    */
/************************/

.bg-blue    {
    background: #6DABE8;
}

.bg-orange {
    background: #F2950F;
}

/************************/
/*   TEXT WEIGHT    */
/************************/

.bold {
    font-weight: bold;
}

/************************/
/*   TEXT ALIGNMENT   */
/************************/

.txt-align-right {
    text-align: right;
}

.txt-align-center {
    text-align: center;
}

.txt-align-left {
    text-align: left;
}

/*************************/
/*  TEXT COLORS */
/*************************/

.txt-color-blue {
    color: #003399;
}

.txt-color-black {
    color: black;
}

.txt-color-gray
{
    color: #777777;
}

.txt-color-white {
    color: white;
}

.txt-color-orange {
    color: #ff9900;
}

/*************************/
/*  TEXT SIZES */
/*************************/

.txt-size-medium-large {
    font-size: .98em;
}

.txt-size-medium {
    font-size: .90em;
}
.txt-size-normal {
    font-size:0.75em;
}

.txt-size-small {
    font-size: .71em;
}
.txt-size-small-very {
    font-size: .63em;
}
.txt-size-large {
    font-size:1.38em;
}

.txt-size-xlarge {
    font-size:1.79em;
}

/*************************/
/* HOME PAGE APP TILES   */
/*************************/

.apphed {
	font-size: .9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}

.copy {
	font-size: .7em;
	color: #000000;
	text-decoration: none;
}


/*************************/
/* GLOBAL TABLE SETTINGS */
/*************************/

.basic-box {
    border: 3px solid #777777;
    background-color: white;
    border-collapse: collapse;
}

.basic-box td {
    padding-left: 20px;
    padding-right: 20px;
}

.no-padding td {
    padding-left: 0px;
    padding-right: 0px;
}

.table-header {
    border-bottom: 3px solid #777777;
    background: #777777;
}

.table-heading {
    font-size: .82em;
    font-weight: bold;
}

.single-table-header {
    border-bottom: 1px solid black;
    padding: 5px;
    height: 40px;
    margin-bottom: 10px;
    background: #DDDDDD;
}

.banner-bordered {
    background: #DDDDDD;
    padding: 5px;
    border: 1px solid black;
}

.light-table-background {
    background: #eeeeee;
}

.darker-table-background {
    background: #d3d3d3;
}

.subtitle-bar
{
	border-bottom: 1px solid gray;
}

/* DEBUGGING CLASSES - these classes are used to visually display div and span tags on a page */
/* These should only be turned on temporarily! */

div {
    border: 1px none Fuchsia;
}

span {
    border: 1px none green;
}