/* start html classes */
body
{
	margin:0px;
	padding:0px;
	font-family: sans-serif;
	color: #000;
    font-size: 8pt;
    background-color:#fff;
}

hr
{
    border: 0;
    width: 75%;
    height: 1px;
    color: #666;
    background-color: #666;
    margin:2em;
}

a
{
	text-decoration: none;
}

em
{
	font-weight: 700;
    font-style: normal
}

p
{
	line-height: 1.2em;
}

.edit, a.edit:link, a.edit:visited, button.edit
{
    background-color:#ff9;
    color:#000;
}

a:link
{
    color:#339;
}

a:visited
{
    color:#339;
}

a:active
{
    color:#339;
	text-decoration: underline;
}

a:hover
{
    color:#339;
	text-decoration: underline;
}

h1
{
    color:#333;
	font-size: 130%;
	font-weight: 700;
    margin:0.5em 0;
}

h2
{
    color:#333;
    font-size: 120%;
    font-weight: bold;
    clear:both;
    padding-top:1em;
}

h3
{
    color:#333;
	font-size: 115%;
	font-weight: 700;
}

h4
{
    color:#333;
	font-size: 110%;
	font-weight: 700;
}

h5
{
    color:#333;
	font-size: 105%;
	font-weight: 700;
}

h6
{
    color:#333;
	font-size: 100%;
	font-weight: 700;
}


table
{
    border-collapse: collapse;
}

table.data_list
{
    border:1px solid #999;
    width:98%;
}

.data_list th
{
    border-bottom:1px solid #000;
    font-weight:bold;
    background-color:#e6e6e6;
    color:#333;
}

.data_list td
{
    border-bottom:1px solid #999;
}

td.left_heading
{
    background-color:#f6f6f6;
    border-right:1px solid #999;
}

tr, td, th
{
    padding: 3px 5px;
    margin: 0px;
    vertical-align:top;
    text-align:left;
    font-size: 8pt;
}
/* end html classes */

.border_left
{
    border-left:1px solid #999;
}
.border_right
{
    border-right:1px solid #999;
}

/* start generic classes */
.ok
{
    color:#000;
    background-color:#dee;
    border:1px solid #066;
    padding:1em;
    font-weight:700;
    list-style-position:inside;
    width:36em;
}

.not_ok, .error
{
    color:#000;
    background-color:#edd;
    border:1px solid #900;
    padding:1em;
    font-weight:700;
    list-style-position:inside;
    width:36em;
}

/* generally used in conjunction with ok or not_ok classes */
.fader
{
    position:absolute;
    top:50px;
    width:36em;
    left:50%;
    margin-left:-18em;
}

.odd
{
    border-left:1px solid #999;
    border-right:1px solid #999;
}

.even
{
    background-color:#f2f2f2;
    border-left:1px solid #999;
    border-right:1px solid #999;
}

/* end generic classes */

/* start forms */

fieldset
{
    border: 1px solid #333;
    margin:1em 0;
    padding:1em;
    width:40em;
    text-align:left;
    display:block;
}

fieldset ul
{
    list-style:none;
    margin:0;
    padding:0;
}

legend
{
    font-weight:700;
    padding-top:0;
    padding-bottom:0;
    color:#000;
}

* html legend
{
    margin-bottom:1em;
    color:#000;
}

select
{
    border: 1px solid #999;
    padding:0;
    margin:0 0 0.5em 0;
    font-size:8pt;
}

textarea
{
    width: 30em;
    height:10em;
    border: 1px solid #999;
    font-size:8pt;
	font-family: sans-serif;
}

.field
{
    padding:0;
    margin:0 0 0.5em 0;
    width: 14em;
    border: 1px solid #999;
    font-size:8pt;
}

.checkbox_field
{
    margin:0;
    padding:0;
}

.checkbox_field_group
{
    margin-bottom:1em;
}

/* indent text so it lines up under form elements */
.text_indent
{
    margin-left:13em;
}

label
{
    float:left;
    text-align: right;
    width: 12em;
    padding:0 1em 0 0;
    border:none;
    display:inline;
}

label.stacked
{
    float:left;
    text-align: left;
    width: 12em;
    padding:0 1em 0 0;
    border:none;
    display:inline;
}

.button_bar
{
    padding:0 1em;
    width:40em;
    text-align:left;
    display:block;
}

.button
{
    background-color: #e2e2e2;
    border: 1px outset #000;
    padding-left:1em;
    padding-right:1em;
    margin: 1em 0.5em 2em 0.5em;
    font-size:1em;
}

/* line up buttons under fieldsets */
.first_button
{
    margin-left:13em;
}

/* end forms */

#container
{
    margin:0 20px 10px 20px;
    padding-bottom:2em;
    position:relative;
}

.outset
{
    border-top:1px solid #aaa;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    border-left:1px solid #aaa;
}

#content
{
    padding:0em 1em 1em 1em;
    /* background-color:#fff; */
    position:relative;
}

#welcome_content
{
    margin-top: 4em;
    padding:1em 1em 0 1em;
}


/* IE6 peekabo fix */
* html #content
{
    display:inline-block;
}

/* menus */

/* turns underlines on links off */
#nav a
{
    color:#000;
}

/* all lists */

#nav
{
    padding: 0px;
    margin:0;
    font-size: 11px;
    height:31px;
    z-index:99;
    position:relative;
    background-color:#9ba2b0;
}

#nav_panel
{
    border-right:3px solid #9ba2b0;
    border-bottom:3px solid #9ba2b0;
    padding:1em;
    position:absolute;
    z-index:99;
    top:49px;
    left:0px;
    background-image:url(../images/background.png);
    display:none;
}

#project_title
{
    font-weight:bold;
    color:#fff;
    font-size:10px;
    height:14px;
    background-color:#457;
    padding:2px 5px;
    letter-spacing:0.25em;
}

.pager_container
{
    font-size:0.8em;
    text-align:center;
    margin:1em 0;
}

.pager
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display:inline;
}

.pager li
{
    display:inline;
    margin: 0px;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.required
{
    font-weight:700;
}

.highlight
{
    background-color:#ffb;
    border-left:1px solid #999;
    border-right:1px solid #999;
}

/* control panel 32x32 icons */
.cp
{
    width:80%;
}

.cp_item
{
    margin-bottom:2em;
    padding:0 0.5em 0 0.5em;
    width:48%;
    float:left;
    text-align:left;
}

.cp_item h3, .cp_item h4
{
    padding-bottom:0;
    margin-bottom:0;
}

.cp_description
{
    margin:0;
    padding: 0 0 0 42px;
}

.cp_icon32
{
    border: none;
    margin:0 10px 10px 0;
}

.cp_intro
{
    width:50%;
}

ul.icon_bar_left
{
    list-style: none;
    margin:10px;
    padding:0;
    float:left;
}

.icon_bar_left li
{
    padding-right:8px;
    float:left;
}

ul.icon_bar_right
{
    list-style: none;
    margin:10px;
    padding:0;
    float:right;
}

.icon_bar_right li
{
    padding-right:8px;
    float:left;
}

h2.icon32
{
    float:left;
}

.annotated_icon_16,
.annotated_icon_32
{
    float:left;
    text-align:center;
    font-size:7pt;
}

.annotated_icon_16
{
    margin:3px;
    width:30px;
}

.annotated_icon_32
{
    margin:6px;
    width:50px;
}
.annotated_icon_16 a,
.annotated_icon_32 a
{
    color:#000;
}

.jsconsole_bar
{
    width:100%;
    height:10px;
    background-color:#000;
}

.image_frame
{
    border:1px solid #333;
    padding:2px;
}

.note
{
    background-color:#ffb;
    padding:0.5em;
}