/* rweb.css */

/* ********************* Generic styles ***************** */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 10px;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 17px;
	text-align: left;
    /* todo - margins? */
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
    /* todo - margins? */
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
	margin-bottom: 7px;
	text-align: left;
}

h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	margin-bottom: 5px;
	text-align: left;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 15px;
}

ul, ol, dl, th, td {
	font-size: 80%;
}

li p, dt p, dd p, td ol, td ul, td p, ol ul, ul ol, ol ol, ul ul {
	font-size: 100%;
}

ul {
	list-style-image: url( en/images/bullet.gif ) /* todo - png */
}

li, dt, dd {
	margin-bottom: .2em;
}

a:link {
	color: #003366;
}

a:active {
	color: #990000;
}

a:hover {
	color: #990000;
}

a:visited {
	color: #006699;
}

hr {
	color: #003366;
	height: 1px;
}

code {
	font-family: Courier New, courier, monospace;
	font-size: larger;
}

pre {
	font-family: Courier New, courier, monospace;
}

table {
	border-width: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
	border-width: 0px;
	border-right: 0px;
	border-left: 0px;
}

th {
	vertical-align: bottom;
	border: 0px;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 5px;
}

table tr td table tr td {
	font-size: 100%;
}

img {
	border-width: 0px;
}

.launcherimg {
    padding-bottom: 10px;
}

/* Use with h1 in a header div for a top-level non-scrolling header. */
.headone {
    margin: 0 0 0 0;
    margin-left: -10px; /* butt against TOC */
    text-indent: 10px;
	color: #000000;
    background-image: url(images/mast_lower_right.png); /* this relative reference won't work if rweb.css is moved around without the images too */
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-color: white; /* keep scrolled content from bleeding through */
    white-space: nowrap; /* keep header on a single row above the background image */
    height: 32px;
    width: 100%;
    position: fixed;

}

/* Use with h1 to form a second, slightly smaller line for the top level head. Do not do so in a non-scrolling header div. */
.headtwo {
    font-size: 80%;
    margin-left: 0px;
    margin-top: 0;
	margin-bottom: 10px;
    text-indent: 0px;
    color: #000000;
    background-image: url(images/mast_lower_right.png); /* this relative reference won't work if rweb.css is moved around without the images too */
    background-repeat: no-repeat;
    white-space: nowrap; /* keep header on a single row above the background image */
}

/* Use for sections in an indexed content page, e.g. glossary */
.indexsectionhead {
    background-image: url(images/mast_lower_right.png); /* this relative reference won't work if rweb.css is moved around without the images too */
    background-repeat: no-repeat;
    white-space: nowrap; /* keep header on a single row above the background image */
}

.glossaryterm {
    font-size: 100%;
    font-weight: bold;
}

.glossarydefinition {
    margin-left: 1em;
    font-size: 100%;
}

.glossarydefinitionsubhead {
    font-weight: bold;
    font-size: 100%;
}

/* Table class for Cautions, Notes, etc. */
.callout {
	border: 1px solid #003366;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.callout td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 0;
}

/* Use to mark a path, e.g. the location of the certificate request in Settings > Certificates. */
.path {
	margin-top: -10px;
	font-size: 90%;
	font-family: "Courier New", Courier, mono, monospace;
}

/* Used for footnotes, particularly following tables */
.ftnote {
	font-size: 70%;
}

/* For flagging text that you need to identify later and fix. */

.review {
	color: red;
}

.review a:link {
	color: #FF9999;
}

.review a:visited {
	color: #FF9999;
}

/* For intro head to related topics. */
.links_head {
	font-weight: bolder;
}

/* Used in "headings" for lists (e.g., Try Reflection list of sessions) */
.defterm {
	font-weight: bold;
}

.crumbs {
	font-size: 70%;
	margin-bottom: 0px;
	padding-bottom: 4px;
}

/* Use for a table within a table. */
.inttable {
	width: 100%;
	margin: 0;
	border: 0;
}

.inttable_half {
    width: 50%;
}

.inttable tr td {
	font-size: 100%;
	padding-right: 3px;
	padding-bottom: 4px;
}

.td_smt {
    width: 35px;
}

.warn {
	color: #990000;
}

.uickbox {
	text-align: left;
	font-size: 100%;
	margin-left: 0;
	padding-left: 22px;
	text-indent: -21px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 10px;
}

/* *********************Generic divs ************************ */

/*  The header is designed to work with the headone style and a background
    image to provide a fixed header behind which page content will scroll.
    Changes made to this style must be coordinated with changes to that style.
*/
#header {
	margin-top: 0;
    margin-bottom: 0;
	padding-top: 0;
    width: 100%;
    background-color: white; /* keep scrolled content from bleeding through */
    height: 32px; /* image height plus margin */
}

#content {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 1em;
}

#printable {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* *************************** Footers ************************ */

/* Used in the footnote list of links to the main WebStation pages;
   this format is used as a standard on every page. */
.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; /* match TOC */
	margin-top: 5px;
	text-align: center;
}

.footer .separator {
    color: gray;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    margin-top: 0;
    margin-bottom: 10px;
}

.footer .copyright {
    margin-top: 20px;
	font-size: 80%;
	font-style: italic;
}

/* This is now used only by rwebidm and rwebmeter. */
.copyright {
	font-size: 65%;
	font-style: italic;
}

/*Emulator help uses address for copyright; this matches copyright class*/
address {
	font-style: italic;
	font-size: 65%;
}

form {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ************************* Tools ************************ */
/* Subheadings */

.levtwo {
	font-size: 80%;
	padding: 2px;
	color: #336699;
	width: 99%; /* at 100% unwanted horizontal scrollbar may appear */
    background-image: url(images/mast_lower_right.png); /* this relative reference won't work if rweb.css is moved around without the images too */
    background-repeat: repeat-y;
}

/*Text in Settings tools.*/
.tooltxt {
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: 2px;
	/*width: 550px;*/
}

.uitable {
	margin-top: 3px;
	margin-bottom: 0px;
	width: /*550px;*/ 100%;
	border-top: 1px ridge #dae4ff;
	border-bottom: 1px ridge #dae4ff;
	border-right: 0px;
}

/* UI table without a top line. */
.uitablenotop {
	margin-top: 3px;
	margin-bottom: 0px;
	width: /*550px;*/ 100%;
	border-bottom: 1px ridge #dae4ff;
	border-right: 0px;
}

/* Heading for UI table. */
.uisidelabel {
	width: /*150px; */ 20%;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 3px;
	text-align: right;
	background: rgb( 235, 245, 255 );
	border-top: 0px;
	border-right: 2px solid #dae4ff;
}

/* Subheading for UI table. Aligns text on right of column. */
.uisidesublabelcont {
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	text-align: right;
}

.uisidesublabelall {
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid #dae4ff;
}

.uiviewtable {
	margin-bottom: 0px;
	/*width: 550px;*/
	width: 100%;
    padding: 0px;
	border-top: 1px ridge #dae4ff;
	border-bottom: 1px ridge #dae4ff;
}

/* Heading for view table. */
.uitoplabel {
	margin-top: 0px;
	padding-top: 7px;
	/*padding-left: 8px; */
	padding-right: 8px;
	padding-bottom: 5px;
	background: rgb( 235, 245, 255 );
	border-bottom: 1px solid #dae4ff;
	/*white-space: nowrap;*/
}

/* Use this class if this is not the last control under the associated heading. */
.uicellcont {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin: 0;
	vertical-align: top;
	text-align: left;
	font-size: 75%;
}

/* Use this class if this control is the last in the set. */
.uicellall {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 0px;
	border-right: 0px;
	margin: 0;
	vertical-align: top;
	text-align: left;
	font-size: 75%;
	border-bottom: 1px solid #dae4ff;
}

/* Rows in a view table. */
.uitabrowa {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px 0px 1px 0px;
	vertical-align: top;
	font-size: 75%;
	border-top: 1px solid #dae4ff;
}

.uirowsub {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px 0px 1px 0px;
	vertical-align: top;
	font-size: 75%;
	font-weight: bold;
	border-bottom: 1px solid #dae4ff;
	text-align: right;
}

/* Align content on right. Currently used only in one metering report. */
.uirowart {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px 0px 1px 0px;
	vertical-align: bottom;
	font-size: 75%;
	border-bottom: 1px solid #dae4ff;
	text-align: right;
}

/* Align content in center. Also used only in rtp_conhost.jsp. */
.uirowactr {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px 0px 1px 0px;
	vertical-align: bottom;
	font-size: 75%;
	border-bottom: 1px solid #dae4ff;
	text-align: center;
}

.uibuttonrow {
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: .75em;
	margin-bottom: 0;
	border-top: 0px;
}

.uibutton {
	float: right;
}

/* Button row in a data table. */
.uidatabutton {
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: .75em;
	margin-bottom: 0;
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #dae4ff;
}

/*Buttons that are not in a table.*/
.buttonparatop {
    display: inline-block; /* necessary when buttons wrap */
}

.buttonpara {
	padding-top: 1em;
	padding-bottom: 5px;
    display: inline-block; /* necessary when buttons wrap */
}

.buttonrighttextpara {
    padding-top: 1.25em;
}

/* Use with styled button bar to get desired separation and wrapping behavior. */
.buttonbar {
    display: inline-block;
    white-space: nowrap; /* kind of an arbitrary preference, but don't let the bar break at the right margin */
}

/*Explanation for UI.  */

.uiexp {
	text-align: left;
	font-size: 95%; /*color: #555555;*/
	color: #000000;
	padding-top: 0px;
}

.float-img {
	padding: 10px 10px 15px 10px;
	float: left;
}

/*Error messages. */

#errors {
/*	margin: 0 0 0 0;
	padding: 0 0 0 0;*/
}

/* Used for error messages--note this class is in resources.properties, not jsp pages. */
.errortext {
	padding-top: 10px;
	border-top: 2px solid #990000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.error {
	color: #990000;
	text-align: left;
}

/* *********************** Internal Tabset *********************** */

.session-td1 {
	background-color: #99ccff;
}

.session-td2 {
	background-color: #ffffff;
}

.tabtable {
	margin-top: 5px;
	border-width: 0px;
    width: /*550px; */ 100%;
}

.tabview-smallfont {
	font-size: xx-small;
}

.tabview-activetab {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #99ccff;
	font-weight: bold;
}

.tabview-inactivetab {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #6699cc;
}

.tabview-tabtext {
	color: black;
}

.tabview-heading1 {
	height: 5px;
}

.tabview-a:active {
	color: black
}

.tabview-a:visited {
	color: black
}

.tabview-a:link {
	color: black
}

.tabview-a {
	text-decoration: none;
	border-width: 0px;
}

/* ************************ Access Mapper *************************/

.amtable {
	font-size: 100%;
    width: 100%;
}

.amtable2 {
    font-size: 100%;
}

.amli {
	padding-top: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-left: 0px;
}

.amtd {
   text-align: left;
   vertical-align: middle;
}

/* *********************** Home Page ***************************** */
table.homenav {
	width: 100%;
	padding: 0px;
	border: 1px solid #003366;
}

td.homecell {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
    background: rgb( 235, 245, 255 );
}

td.homecellhead {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
    background: rgb( 235, 245, 255 );
}

.homehead {
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-top: 10px;
}

.hometext {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px
}

.blurb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	margin: 5px 10px 0px 10px;
}

/* ************************** Alert ************************* */

#alert {
	margin-top: 0; /* designed to appear beneath non-scrolling headone */
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.alerttable {
	padding: 0px;
	margin: 0px;
}

.alertcell {
	padding-right: 10px;
	vertical-align: middle;
}

/* ************************** Session Manager *********************** */

/* Use for informational statements, e.g. description of current session in Session Manager */
.info {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: .75em;
}

/* ***************************** Menu ********************** */
/*  Use for menu banner on top of page
*/

#menu {
	height: 25px;
	width: auto;
	display:block;
	background-color: #37414b;
	text-align: right;
	padding-right: 10px;
	position: relative;
	z-index: 10;
}

#menu a {
	color: white;
	font-size: x-small;
	text-decoration: none;
	box-sizing: border-box;
	border: 0px;
}

.menu-item {
	height: 25px;
	display:table-cell;
	border: none;
	vertical-align: middle;
}

/* ***************************** Banners ********************** */

/*  Use for stretch-to-fit banners at top of pages. Because image locations
    may vary depending on context, override as necessary and specify the
    correct relative background-image location.
*/

#banner {
	display: block;
	height: 57px;
	width: auto;
	background-image: url(images/mast_stretch.png); /* override as appropriate for context */
	background-repeat: repeat;
	background-size: cover;
	z-index: 10;
	overflow: hidden;
}

#banner #left {
	display: inline;
	float: left;
	width: 591px;
	height: 57px;
	margin: 0;
	z-index: 5;
	background-image: url(images/mast.png); /* override as appropriate for context; this will usually be overridden to pick up localized version */
	background-repeat: no-repeat;
	bottom: 0px;
}

#banner #right {
	display: inline;
	float: right;
	width: 143px;
	height: 57px;
	margin: 0;
	z-index: 5;
	background-image: url(images/mast_endcap.png); /* override as appropriate for context */
	background-repeat: no-repeat;
	bottom: 0px;
	right: 0px;
}

#banner #right_ra {
	display: inline;
	float: right;
	width: 143px;
	height: 57px;
	margin: 0;
	z-index: 5;
	background-image: url(images/mast_endcap_ra.png); /* override as appropriate for context */
	background-repeat: no-repeat;
	bottom: 0px;
	right: 0px;
	position: absolute;
}

#banner #right_zfe {
    display: inline;
    float: right;
    width: 143px;
    height: 57px;
    margin: 0;
    z-index: 5;
    background-image: url(images/mast_endcap_zfe.png); /* override as appropriate for context */
    background-repeat: no-repeat;
	bottom: 0px;
	right: 0px;
	position: absolute;
}

/* Use in the list of available sessions for the Try Reflection page (html/overviews/try_ev.html). Since this list is in a table, the size must again be smaller than you would expect. */
.tryev {
	font-size: 90%;
	font-weight: bold;
}

/* Use to present information in a table. */

.data {
	padding-bottom: 2em;
	width: 570px;
}

.data th {
	background: rgb( 235, 245, 255 );
	padding: .25em 1em .75em 1em;
	text-align: center;
}

.data td {
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #dae4ff;
}

.dot {
	font-family: symbol,sans-serif;
	text-align: center;
}

.datasubhead {
	font-weight: bold;
	text-align: center;
}

.datasubheadlt {
	font-weight: bold;
	text-align: left;
}

/* ***************************** Metering ********************** */

.rptlev3 {
	font-size: 80%;
}


/* Use for detailed lists, e.g., those intended to be copied into a spreadsheet */
.details {
	margin-left: 50px;
	margin-right: 50px;
}

/* ***************************** Emulators ********************** */

/* Use for tables that describe features in emulator help. */
.desctable {
	margin-top: 3px;
	margin-bottom: 0px;
}

.desctable tr td {
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	vertical-align: top;
}

.desctable tr th {
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}

/* ************************ Search result highlighting ********************* */
.highlight {
	background-color: yellow;
	color: black;
	font-weight: bold;
}

.emsearchh3 {
	margin-left: 20px;
}

.emsearchtable {
	margin-left: 20px;
	margin-bottom: 0px;
	width: 530px;
	padding: 0px;
	border-top: 1px ridge #dae4ff;
	border-bottom: 1px ridge #dae4ff;
}

/* Alternate rows in search results table; background is colored. */
.uitabrowa_bg {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px 0px 1px 0px;
	vertical-align: top;
	font-size: 75%;
	border-top: 1px solid #dfeffe;
	background: #dae4ff;
}

.search_head_cell {
	border-left: 1px ridge #003366;
	padding-left: 5px;
}


/* ************************ IDM Monitor Tab ************* */

.rowok {
   background-color: #0f0;
}

.rowna {
   background-color: #fff;
}

.rowchanged {
   background-color: #f00;
}

.rowremoved {
   background-color: #f00;
}

.rowhb {
   background-color: #f00;
}

.rowerr {
   background-color: #f00;
}

a.styledbutton {
    height: 26px;
    background: transparent url('images/styled_button_right.png') no-repeat scroll top right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: white;
    text-shadow: 0px 1px 3px #001349;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 6px;
    padding-right: 18px;
    white-space: nowrap
}

a.styledbutton span {
    background: transparent url('images/styled_button_left.png') no-repeat;
    display: block;
    padding: 2px 0 8px 18px; /* top + bottom + line-height must equal height */
}

a.styledbutton:active {
    background-position: bottom right;
    color: #ffffff;
    outline: none;
}

a.styledbutton:active span {
    background-position: bottom left;
    padding: 3px 0 7px 18px; /* top + bottom + line-height must equal height */
}

#styledtab {
    margin: 0 0 0 0;
    height: 49px;
    width: 100%;
    float: left;
}

#styledtab_selected {
    float: left;
    background: url("images/styled_tab_left_s.png") no-repeat left top;
    margin: 0 0 0 0;
    padding: 0 0 0 4px;
}

#styledtab_unselected {
    float: left;
    background: url("images/styled_tab_left_u.png") no-repeat left top;
    padding: 0 0 0 4px;
}

#styledtab_selected span {
    float: left;
    display: block;
    background: url("images/styled_tab_right_s.png") no-repeat right top;
    padding: 14px 10px 19px 6px; /* top + bottom + line-height must equal height (49) */
}

#styledtab_unselected span {
    float: left;
    display: block;
    background: url("images/styled_tab_right_u.png") no-repeat right top;
    padding: 14px 10px 19px 6px; /* top + bottom + line-height must equal height (49) */
}

#styledtab a {
    text-decoration: none; 
}

#styledtab a span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: white;
    text-shadow: 0px 1px 3px #001349;
    outline: none;
    white-space: nowrap
}

#styledtab a:active span {
    padding: 15px 10px 18px 6px; /* top + bottom + line-height must equal height (49) */
}

#styledtab_table {
	height: 49px;
}

#styledtab_table #left_endcap {
 	background: url("images/styled_tab_left_cap.png") no-repeat;
	width: 4px;
}

#styledtab_table #stretch {
    background: url("images/styled_tab_stretch.png") repeat-x;
    white-space: nowrap; /* keep tabs from wrapping (in some browsers) */
    overflow: hidden; /* Not ideal, but Firefox does nasty wrapping otherwise. Some browsers scroll nicely. */
}

#styledtab_table #right_endcap {
 	background: url("images/styled_tab_right_cap.png") no-repeat;
 	width: 4px;
}

/* When using the styledbuttonbar, be sure to put styled_buttonbar_left_cap.png and styled_buttonbar_right_cap.png at either end, too. */

#styledbuttonbar_left_endcap {
	background: url('images/styled_buttonbar_left_cap.png');
    height: 26px;
    width: 13px;
    float: left;
   }

#styledbuttonbar_right_endcap {
	background: url('images/styled_buttonbar_right_cap.png');
    height: 26px;
    width: 13px;
    float: left;
   }

a.styledbuttonbar {
    height: 26px;
    background: transparent url('images/styled_buttonbar_button_right.png') no-repeat scroll top right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: white;
    text-shadow: 0px 1px 3px #001349;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 0px;
    padding-right: 6px;
    white-space: nowrap
}

a.styledbuttonbar span {
    background: transparent url('images/styled_buttonbar_button_left.png') no-repeat;
    display: block;
    padding: 2px 0 8px 6px; /* top + bottom + line-height must equal height */
}

a.styledbuttonbar:active {
    background-position: bottom right;
    color: #ffffff;
    outline: none;
}

a.styledbuttonbar:active span {
    background-position: bottom left;
    padding: 3px 0 7px 6px; /* top + bottom + line-height must equal height */
}

/* Styles for the Table of Contents and frame. */

body.toc {
    background: transparent url('en/images/toc_background.png') no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    /* disable text selection in various browsers */
    -moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.toc a {
    text-decoration: none;
    color: black;
    outline: 0;
}

.toc a:visited {
    color: black;
}

.toc a:hover {
    color: black;
}

.toc_home {
    background: transparent url('en/images/toc_home.png') no-repeat 0 0;
    padding-left: 16px; /* padding past the bullet gives better wrapping behavior */
    margin-top: 10px;
    margin-right: 2px; /* leave some room to right of highlight */
    margin-left: 2px;
}

.toc_level1 {
    background: transparent url('en/images/toc_bullet_large.png') no-repeat 0 1px;
    padding-left: 16px; /* padding past the bullet gives better wrapping behavior */
    margin-top: 10px;
    margin-right: 2px; /* leave some room to right of highlight */
    margin-left: 2px;
}

.toc_level1_expandable_closed {
	background: transparent url('en/images/toc_bullet_expand.png') no-repeat 0 1px; /* note that click detection in script depends on image size */
	padding-left: 16px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level1_expandable_open {
	background: transparent url('en/images/toc_bullet_collapse.png') no-repeat 0 1px; /* note that click detection in script depends on image size */
	padding-left: 16px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level2 {
    background: transparent url('en/images/toc_bullet_small.png') no-repeat 16px 1px; /* indent the bullet for visual hierarchy */
    padding-left: 32px; /* padding past the bullet gives better wrapping behavior */
    margin-top: 4px;
    margin-right: 2px; /* leave some room to right of highlight */
    margin-left: 2px;
}

.toc_level2_expandable_closed {
	background: transparent url('en/images/toc_bullet_expand.png') no-repeat 16px 1px; /* note that click detection in script depends on image size */
	padding-left: 32px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level2_expandable_open {
	background: transparent url('en/images/toc_bullet_collapse.png') no-repeat 16px 1px; /* note that click detection in script depends on image size */
	padding-left: 32px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level3 {
	background: transparent url('en/images/toc_bullet_small.png') no-repeat 32px 1px; /* indent the bullet for visual hierarchy */
	padding-left: 48px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 4px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level3_expandable_closed {
	background: transparent url('en/images/toc_bullet_expand.png') no-repeat 32px 1px; /* note that click detection in script depends on image size */
	padding-left: 48px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level3_expandable_open {
	background: transparent url('en/images/toc_bullet_collapse.png') no-repeat 32px 1px; /* note that click detection in script depends on image size */
	padding-left: 48px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level4 {
	background: transparent url('en/images/toc_bullet_small.png') no-repeat 48px 1px; /* indent the bullet for visual hierarchy */
	padding-left: 64px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 4px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level4_expandable_closed {
	background: transparent url('en/images/toc_bullet_expand.png') no-repeat 48px 1px; /* note that click detection in script depends on image size */
	padding-left: 64px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}

.toc_level4_expandable_open {
	background: transparent url('en/images/toc_bullet_collapse.png') no-repeat 48px 1px; /* note that click detection in script depends on image size */
	padding-left: 64px; /* padding past the bullet gives better wrapping behavior */
	margin-top: 10px;
	margin-right: 2px; /* leave some room to right of highlight */
	margin-left: 2px;
}


.toc_category_header {
    padding-left: 16px; /* align text with other TOC items */
    font-weight: bold;
    color: gray;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* search element sizes and positions are hardcoded to fit the dimensions of the frame, background image, and icon. */

body.search {
    height: 27px;
    background: transparent url('en/images/search_background.png') no-repeat;
    padding: 0;
    margin: 0;
}

.search_field {
    position: absolute;
    left: 4px;
    top: 4px; 
    height: 13px;
    width: 120px;
    font-size: 11px;
}

.search_icon {
    position: absolute;
    top: 4px;
    left: 140px;
}

/** emulator toc and search */

.em_toc {
	background: transparent url('en/images/toc_background_noborder.png') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: -1px;
	margin-bottom: 20px;
	margin-right: 0;
	padding: 0;
	/* disable text selection in various browsers */
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	border-right: 1px solid;
}

.em_toc a {
	text-decoration: none;
	color: black;
	outline: 0;
}

.em_toc a:visited {
	color: black;
}

.em_toc a:hover {
	color: black;
}

.em_tocsearch {
	height: 27px;
	background: transparent url('en/images/search_background.png') repeat-x;
	padding: 0;
	margin: 0;
	margin-left: -4px;
	margin-top: -2px;
	width: 200px;
}

.em_search_field {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 160px;
	font-size: 11px;
}

.em_search_icon {
	position: absolute;
	top: 6px;
	left: 170px;
}

.em_tocbodytab {
	height: 800px;
	overflow: auto;
}

.em_toctd {
	padding-right: 0;
	font-size: 11px;
}

.em_toctddiv {
	margin-right: 0;
}

#em_tocscrolltab {
	width: 100%;
}

/* ************************ Launcher applet pages and login pages ********************* */

.launcher {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 20px;
	margin-left: 20px;
}

/* ************************ Session Manager scrolling table *************************** */
.smttab {
	width: 95%;
	border-collapse: collapse;
	border: 1px solid #fff;
	color: #fff;
}

.smtsessiontab {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.smttab td {
	border: 1px solid #fff;
	color: #fff;
}

.smttab tbody {
	color: #000;
}

.smtsessiontab td {
	color: #000;
	vertical-align: top;
}

.smtsessiontab a:visited {
	color: #000000;
}

.smtsessiontab tr.shaded td {
	background: rgb(237,243,254); /* same shading color as links list alternating rows */
	color: #000;
}

.smtsessiontab tr {
	height: 25px;
}

.smtinnertab {
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
}

.smtheadtab {
	background: #c3def6;	/* solid background color that closes matches the header text background color */
	height: 21px;
	font-weight: bold;
	padding-left: 2px;
}

.smtheadtab td {
	border-collapse: collapse;
	border: 0;
}

.smtdselect {
	text-align: right;
	width: 24px;
	vertical-align: top;
}

.smtdtype {
	width: 69px;
	text-align: center;
}

.smtdname {
	width: 30%;
	overflow: hidden;
}

.smtddesc {
	width: 40%;
	overflow: hidden;
}

.smtdsec {
	width: 30%;
	overflow: hidden;
}

.smtdrtpad {
	width: 15px;
	overflow: visible;
}

.smtdurl.td {
	padding-left: 5px;
	padding-top: 5px;
}

.smtheadtab td.smtdtype, .smtheadtab td.smtdname, .smtheadtab td.smtddesc, .smtheadtab td.smtdsec {
	vertical-align: middle;
}

.smt_moreinfo_open {
    	background: transparent url( 'en/images/toc_bullet_collapse.png' ) no-repeat 0 2px;
    	padding-left: 16px;
}

.smt_moreinfo_closed {
	background: transparent url( 'en/images/toc_bullet_expand.png' ) no-repeat 0 2px;
	padding-left: 16px;
}

a.smt_moreinfo_text, a.smt_moreinfo_text:visited
{
	color: #006699;
	text-decoration: none;
}

.smt_moreinfo_detail ul {
	padding-left: 15px;
	margin-top: 5px;
	margin-left: 20px;
	font-size: 85%;
}

.aboutquote {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 5px;
}

.redirectblurb {
	width: 550px; /* width is close to banner image that appears just above */
	line-height: 1.5;
}