/* All HTML pages in this schema should link to this stylesheet. */
/*************************************************** Global Styles ***************************************************/
.breadcrumb
{
    font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a
{
    background: transparent url(g/breadcrumb.gif) no-repeat center right;
    text-decoration: none;
    padding-right: 18px; /*adjust bullet image padding*/
    color: gray;
}

.breadcrumb a:visited, 
.breadcrumb a:active
{
    color: gray;
}

.breadcrumb a:hover
{
    text-decoration: underline;
}

@media print
{
	/* Don't print navigation elements. */
	.breadcrumb
	{
		display: none;
	}
}

body
{
    background-color:   white;
    font-family:        sans-serif;
}

/* This declaration makes it so that forms don't add line breaks. */
form
{
    display:            inline;
}

img
{
    border:             0;
}

/* Sets the default indentation for lists, so that it's the same across browsers. */
ul
{
    padding-left:       2em;
    margin-left:        0;                        /* For IE */
}

table
{
    border:             0;
    border-spacing:     0;
    padding:            0;
}

/* Fixes weird div positioning behavior. */
div
{
    clear:              both;
}

/*************************************************** Special Classes ***************************************************/
/* This class is meant to be used as a container for a form. *\
\* Usage example: apitable.table_display_menu                */
table.menu
{
    border:             1px solid black;
    padding:            3px;
    font-family:        serif;
    text-align:         left;
}

/* This class is mostly used to make a block whose elements are centered  *\
|* vertically and horizontally (the normal way has cross-browser issues). *|
\* Also used in apitable.table_display_menu                               */
div.container
{
    display:            table;
    width:              300px;
    height:             300px;
    text-align:         center;    
}

div.container div
{
    display:            table-row;
}

div.container div div
{
    display:            table-cell;
    vertical-align:     middle;
}

/* This is a basic list class.                                          *\
|* Usage example:                                                       *|
|*    <ul class="header">                                               *|
|*        <li>List Title</li>                                           *|
|*        <li class="nobullet">                                         *|
|*            <ul>                                                      *|
|*                <li>List Element 1</li>                               *|
|*                <li>List Element 2</li>                               *|
|*                <li class="nobullet">                                 *|
|*                    <ul class="header">                               *|
|*                        <li>Sublist 1</li>                            *|
|*                        <li>                                          *|
|*                            <ul>                                      *|
|*                                <li>Sublist 1 Element 1</li>          *|
|*                            </ul>                                     *|
|*                        </li>                                         *|
|*                    </ul>                                             *|
|*                </li>                                                 *|
|*                <li>List Element 3</li>                               *|
|*            </ul>                                                     *|
|*        </li>                                                         *|
|*        <li>List 2</li>                                               *|
|*        <li><ul>...</ul></li>                                         *|    
|*    </ul>                                                             *|
|* Result:                                                              *|
|*        List Title (bold)                                             *|
|*          * List Element 1                                            *|
|*          * List Element 2                                            *|
|*          * Sublist 1 (bold)                                          *|
|*              * Sublist 1 Element 1                                   *|
|*          * List Element 3                                            *|
|*                                                                      *|
|*        List Title 2 (bold)                                           *|
\*          * ...                                                       */

ul.indent
{
	width:				40em;
	display:			table;
	list-style-type:	none;
	padding:			0;
}

ul.indent li
{
	text-align:	center;
	display:	table-cell;
	float:		left;
	margin:		0 -1px;
	width:		20em;
}

ul.indent li.nobullet
{
    list-style-type:    none;
}

ul.header ul                                      /* Style for normal list elements. */
{
    list-style-type:    disc;
    font-weight:        normal;
    padding-left:       2em;
    margin-bottom:      0;
}

ul.header,                                        /* Style for list headers. */
ul.header ul.header
{
    list-style-type:    none;
    font-weight:        bold;
    padding-left:       0;
    margin-bottom:      0;
}

ul.header ul.header ul                            /* Removes bottom spacing for sublists. */
{
    margin-bottom:      0;
}

a
{
    text-decoration: none;
    color: blue;
}

a:hover
{
    color:red;
}

.linkmenu
{
	font-weight:		bold;
}
/*************************************************** Text Formatting Styles ***************************************************/
.b { font-weight: bold; }
.i { font-style: italic; }
.n { font-weight: normal; font-style: normal; text-decoration: none; }   /* The "n" is for "normal". */
.u { text-decoration: underline; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }                   /* Use this to center text, not elements. */

/* Size and color */
.h1
{
    color:              #1B52A2;
    font-size:          1.6em;
    font-weight:        bold;
}

.h2
{
    color:              #1B52A2;
    font-size:          1.3em;
    font-weight:        bold;
}

.h3
{
    color:              #1B52A2;
    font-size:          1.05em;
    font-weight:        bold;
}

.h4
{
    font-size:          1.05em;
    font-weight:        bold;
}

.h5
{
    color:              #1B52A2;
    font-weight:        bold;
}

.h6
{
    color:              red;
    font-size:          1em;
}

.h7
{
    font-size:          1.6em;
    font-weight:        bold;
}

.superscript
{
    vertical-align:     super;
    font-size:          70%;
}

/*************************************************** Element-Positioning Styles ***************************************************/
.floatleft
{
    float:              left;
    clear:              none;
}

/* Use this to center elements, not text. To align the text inside an     *\
\* "aligncenter" element, put the text in its own left-aligned element.   */
.aligncenter
{
    /* W3C-recommended way to center objects */
    margin:             auto;
    
    /* IE way to center objects */
    text-align:         center;
}

.floatright
{
    float:              right;
    clear:              none;
}