/*
 * Copyright (c) 2006 BMC Software, Inc.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of 
 * BMC Software, Inc ("Confidential Information"). You shall not 
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement between 
 * you and BMC Software, Inc. 
 */


/*
 * Overall form and panes
 */
div,button,fieldset,label.label {
    position:absolute;
    padding:0px;
    overflow:hidden;
    margin:0px;
    box-sizing:border-box;
}

fieldset {
    border:none;
}

td {
    padding:0px;
}

body {
    overflow:hidden;
    margin:0px;
    padding:0px;
}

div#ResultsList {
    width:100%;
    height:128;
    z-index:29999;
}

div#Splitter {
    background-color:rgb(190,190,190);
    height:5px;
    width:100%;
    cursor:row-resize;
    z-index:30000;
}

div#FormContainer {
    overflow: auto;
    width:100%;
    z-index:29999;
}

@media print {
	body,div#FormContainer {
		overflow:visible;
	}
}

img.FormContainerImage {
    position:absolute;
}

div#FormContainerBackground {
    width:100%;
    height:100%;
}

div.BlankOutForm {
    top:0; left:0;
    width:2400; height:1900;
    background-color:black;
    z-index: 100000;
}

/*
 * Styles for fake buttons/AR System control field
 * Note that elsewhere you must not do a DIV with
 * class '*btn*' since this will confuse the system.
 */

a.btn {
    background-color:#dedfd0;
    display:block;
    position:absolute;
    overflow:hidden;
    color:black;
	text-decoration: none;
}

/* 3D button, regular and depressed */
a.btn3d,a.btn3ddown {
	 background-color:#e3ebeb;
    cursor:hand;
	 border: 1px solid;
	 border-color: #bbc4c9 #6b7479 #6b7479 #bbc4c9;
}

a.btn3ddown {
	border-color: #6b7479;
}

a.btn3d:hover {
	background-color:#f5f5f5;
    border-color: #6b7479;
}

/* URL-style button */
a.btnurl {
    background-color:white;
    text-decoration:underline;
    color:#004376;
}

a.btnurl:hover {
    color:#85c902;
}



/* Container for, and image within, button */
div.btnimgdiv {
}

img.btnimg {
    position:absolute;
    border:none;
}

/* Container for text within DIV */
div.btntextdiv {
    cursor:pointer;
    white-space:nowrap;
    text-decoration:none;
    text-align:center; /* Default for many button types. Explicit alignment overrides in inline style. */
}

/* Div within text div that's actually vertically centred */
div.btntextdiv div {
    top:50%;
    margin-top:-0.7em; /* A hack to shift content up enough using CSS em. */
    left:0px;
}

/*
 * Styles for toolbar at the top of windows.
 */

div#ToolBar {
    width:2048; /* Avoid resize behaviour */
    height:40;
    background-color:#cdcdcd;
}

a.TBTopBarBox {
    width:14;
    height:14;
    background-color:#242424;
}

a.TBTopBarBox img {
    position:absolute;
    top:3;
    left:3;
    border:none;
}

div.TBTopBarStatus {
    padding-left:18;
    width:100%;
    height:14;
    padding-top:0px;
    font-size:8pt;
    font-family:"Arial";
    color:black;
    background-color:rgb(140,140,140); /* Default */
}

/* Number is based on $OPERATION$: 0-none; 1-create; 2-dialog; 3-get; 4-query; 5-set; 6-setall; */
div.TBTopBarStatusMode1 {
    background-color:#a2c455;
}
div.TBTopBarStatusMode4 {
    background-color:#89afdc;
}
div.TBTopBarStatusMode5,div.TBTopBarStatusMmode3 {
    background-color:#de9d24;
}
div.TBTopBarStatusMode6 {
    background-color:#cf4858;
}

div.TBTopBarStatus span {
    font-family:"Arial";
    font-size:8pt;
    font-weight:bold;
}

table.Toolbar {
    position:absolute;
    top: 14px;
}

/* Rules for special toolbar button mouseovers and styles. Not simple! */
a.tbbtn {
    padding:3px;
    margin-left:0px;
    margin-right:0px;
    font-size:8pt;
    font-family:"Arial";
    border:none;
    background-color:transparent;
}

a.tbbtn:hover {
    padding:2px;
    border: 1px solid rgb(255,153,0);
    background-color:#dedfd0;
}

a.searchsavechanges {
    padding:2px;
    border: 1px solid #9fa2a5;
    background-color:#dedfd0;
}

a.tbbtn div {
    display:inline;
    position:static;
    height:14px; /* This has to have height so IE filters apply. */
    white-space:pre;
}

a.tbbtn img {
    vertical-align:middle;
    padding-right:2px;
    border:none;
}

td.TBGroup {
    height:26px;
}

td.TBGroup0,td.TBGroup1,td.TBGroup2 {
    border-right:2px ridge rgb(220,220,220);
    padding-left:2px;
    padding-right:2px;
}

td.TBGroup3 {
    padding-left:2px;
}

/* Font mapping
 *
 * AR System fonts mapped as follows:
 *   f0 -> Detail Text
 *   f1 -> Edit Field
 *   f2 -> Header Text I
 *   f3 -> Header Text II
 *   f4 -> Header Text III
 *   f5 -> Note Text
 *   f6 -> Optional Field
 *   f7 -> Push Button
 *   f8 -> Radio Button
 *   f9 -> Required Field
 *   f10 -> System Field
 * Many of these do not require mapping since they are the same as the
 * default font.
 */

* {
    font-family:'Arial';
    font-size:8pt;
}

.f0 {
    font-family:Arial;
    font-size: 7pt;
}

.f2,.f3,.f4,.f9 {
    font-weight:bold;
}

.f3,.f10 {
    font-style:italic;
}

.f3,.f4 {
    font-size: 10pt;
}

.f2 {
    font-size:12pt;
}

/* Effect mapping
 *
 * AR System border styles mapped as follows:
 *   bs0 -> 0 (flat)
 *   bs1 -> 1 (raised)
 *   bs2 -> 2 (sunken)
 *   bs3 -> 3 (floating)
 *   bs4 -> 4 (etched)
 */

.bs0 {
    border:solid black;
}

.bs1 {
    border-top:solid white;
    border-left:solid white;
    border-bottom:solid black;
    border-right:solid black;
}

.bs2 {
    border-top:solid black;
    border-left:solid black;
    border-bottom:solid white;
    border-right:solid white;
}

.bs3,.bs4 {
    border-style: groove;
}


/*
 * Data fields
 */

/* Standard input area for text-based input. */
input.text,input.decimal,input.currency,textarea.text {
    position:absolute;
    display:block;
	 border:1px solid #717375;
	 border-color:#6b7479 #bbc4c9 #bbc4c9 #6b7479;
}


input.decimal,input.currency {
    text-align:right;
}

textarea.text {
    overflow:auto;
}

textarea.sr {
    overflow:hidden;
}

/* Enum fields */

div.radio {
    overflow:visible;
}

div.radio,
    table.radio td {
    white-space: nowrap;
}

div.radio input, table.radio input {
    width:8pt;
    height:8pt;
}

table.radio {
    position:absolute;
    border-collapse:collapse;
}

table.radio div {
    position:static;
}

div.selection {
    border:1px solid #717375;
}

div.selection input {
    position:absolute;
    border:none;
}

div.dat fieldset.dat, div.dat a.selectionbtn {
    visibility: hidden;
}

/* Integer fields */

div.integer {
    border:1px solid #717375;
}

div.integer input{
    position:absolute;
    border:none;
}

label.label {
    white-space:nowrap;
    vertical-align:top;
}

/* Display as Text option.
 * This removes the border from around all relevant input elements.
 * Display as Text only applies to the main input area/select area
 * inside data fields.
 */
textarea.dat,input.dat,div.dat,fieldset.dat {
    border:none;
    background-color:transparent!important;
}

/* Disabled state. This typically turns labels and dropdown menus grey.
 */
div.dfd input.text,
div.dfd textarea.text,
div.dfd button.menu,
div.dfd div.radio,
div.dfd label,
div.dfd span {
    color:gray!important;
}

/* Read only state. This makes background input areas normally
 * transparent. However because active links can set a read only
 * field background colour, we will then get rid of this className
 * from the elements if there is a change in the backgroundRO color.
 *
 */
div.dfro input.text,
div.dfro input.decimal,
div.dfro input.currency,
div.dfro textarea.text,
div.dfro button.menu,
div.dfro div.radio,
div.dfro label,
div.dfro span {
    background:transparent;
}

/* Outer container needs to be overflowable since admin tool
 * messes up boxes.
 */
div.df {
    overflow:visible;
}

/*
 * Page holders and pages
 */

.OuterOuterTab {
	overflow: hidden; 
	border: 0px solid #aaa;
	color: black;
	height:22px;
	clear:both;
	margin:0; /* moz seems to calculate margin 8 by default */
}

.OuterOuterTab dt {
	display:none;
}

.OuterTab, .OuterTabSelected{
	margin:0; 
	padding:0; 
	border:none;
	position:static;
}



.TabLeft,  .Tab,  .TabRight,  .TabLeftRounded, .TabRightRounded {
	float:left; 
	height: 20px;
	margin-top:2px;
	position:static;
	
}

.Tab {
	text-align:center; 
	border-top: 1px solid #86c6ec;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 0px;
	background:none;
}

.OuterTabSelected .TabLeft,  .OuterTabSelected .Tab,  .OuterTabSelected .TabRight,  .OuterTabSelected .TabLeftRounded, .OuterTabSelected .TabRightRounded   {
   margin-top: 0px;
	height: 22px;
}

.TabLeft,  .TabLeftRounded,.TabRight, .TabRightRounded  {
	width: 4px;
	border:none;
}

.OuterTab .TabLeft {
	border-top: 1px solid #a8c3e1;
	border-left: 1px solid #ffffff;
}

.OuterTab .TabLeftRounded {
	background: url("../images/tab_Lside_unselected.gif") top;
	border-top: 0;
	border-left: 0;
}

.OuterTabSelected .TabLeft, .OuterTabSelected .TabLeftRounded{
	background:url("../images/tab_Lside_selected.gif") top left no-repeat;
}

.OuterTabSelected .Tab {
	border-top-color: #80919b!important;
	background-color: white; 

}

.OuterTab .TabRight {
	border-top: 1px solid #a8c3e1;
	border-right: 1px solid #bec6ca;	
}

.OuterTab .TabRightRounded {
	border-right: 0;
	border-top: 0;
	background: url("../images/tab_Rside_unselected.gif") top;
}

.OuterTabSelected .TabRightRounded, .OuterTabSelected .TabRight{
	background:url("../images/tab_Rside_selected.gif") top right no-repeat;
}

.Tab a.btn {
    position:static;
    background-color:transparent;
    white-space: nowrap;
}

.Tab a.btn:hover {
	color:#167cbb;
}

/* A special empty container used to draw the top border of the page (TabChild) boxes.
 * If we put the border on fieldset.TabChild, an MSIE bug will cause it to sometimes go
 * missing when mouseover a child anchor :-(
 */
div.TabChildMissingBorder {
	 margin:0;
    height:0px!important;
    border-top:1px solid #717375; 
    z-index:2;
}


fieldset.TabChild {
    border-left:1px solid #717375;
    border-right:1px solid #717375;
    border-bottom:1px solid #717375;
	 
}

/*
 * Styles for menus. Just because all menu elements have a class,
 * doesn't mean we should style them all.
 */
div.MenuOuter {
    border:1px solid #717375;
    background-color:white;
    /* Z-index of this is set in code. */
}
div.MenuScrollUp,div.MenuScrollDown {
    background-color:white;
    text-align:center;
    padding-top:3px;
    z-index:2;
    cursor:default;
}
div.MenuTableContainer {
    z-index:1;
}
table.MenuTable,tbody.MenuTableBody,tr.MenuTableRow {
    border:0px; margin:0px; padding:0px;
}

tr.MenuTableRowDisabled {
    color:gray;
}

td.MenuEntryName,td.MenuEntryNameHover {
    padding-left:3px;
    padding-top:1px;
    padding-bottom:1px;
    cursor:default;
    font-family:Arial;
    font-size:11px;
    height:16px; /* Height for all rows must be the same to display consistently. */
}

td.MenuEntrySub,td.MenuEntrySubHover,td.MenuScrollUp,td.MenuScrollDown {
    font-family:'Times New Roman'; /* Needed for arrow glyphs */
    font-size:11px;
}

td.MenuEntryNameHover {
    background-color:#d1f291;
}

td.MenuEntrySub,td.MenuEntrySubHover {
    cursor:default;
    background-color:white;
    text-align:right;
    width:20px;
}
td.MenuEntrySubHover {
    background-color:#d1f291;
}
td.MenuEntryNoSub,td.MenuEntryNoSubHover {
    width:20px;
}
td.MenuEntryNoSubHover {
    background-color:#d1f291;
}


/*
 * Styles for trim field.
 */
table.trimTable {
    position:absolute;
    padding:0;
}

div.trimBorderDisabled {
    border-style: solid;
    border-color:gray!important;
}

/* Alignment of trim text */
td.trimJustl {
    text-align:left;
}
td.trimJustc {
    text-align:center;
}
td.trimJustr {
    text-align:right;
}
td.disabled {
    color:gray!important;
}

a.TrimLink {
    text-decoration:underline;
    color:#006426;
}

a.TrimLink:hover {
    color:#85c902;
}


/*
 * Styles for Base Table control, used by tables, attachments, status history etc.
 */

table.BaseTable {
    position:absolute;
    border:0px;
    padding:0px;
    margin:0px;
    table-layout:fixed;
    border-collapse:collapse;
    empty-cells:show;
}

td.BaseTableCell,td.BaseTableCellOdd {
    cursor:default;
    padding: 1px 0px 1px 4px;
    text-overflow:ellipsis;
    overflow:hidden;
}

td.BaseTableCellOdd {
    background-color:#ffffff;
}

td.BaseTableCell {
    background-color:#eceaec;
}

tr.SelPrimary td {
    background-color:#d4eb79;
	 border::1px solid #bbcc69;
}

tr.SelSecondary td {
    background-color:#ecfbaf;
}

div.BaseTableOuter {
    background-color:white;
    border:none;
}

div.BaseTable {
    cursor:default;
}

div.BaseTableColHeaders {
    height:16px;
    width:3000;
    /*background-color:#d6d6d6;*/
    border-bottom: 1px solid #a6a9ac;
}

div.BaseTableHeader,div.BaseTableHeaderDragL,div.BaseTableHeaderDragR {
    cursor:default;
    height:16px;
    padding-left: 4px;
    white-space:nowrap;
    text-overflow:ellipsis;
	 color:white;
	 font-weight:bold;
    /*background-color:#d6d6d6;*/
}

div.BaseTableHeader:hover {
	color:#D4DFE5;
}

div.BaseTableHeaderDragL {
    border-left: 3px solid #d1f291;
    padding-left:1px;
}

div.BaseTableHeaderDragR {
    border-right: 4px solid #d1f291;
    padding-right:0px;
}

div.BaseTableHeader img,div.BaseTableHeaderDragL img, div.BaseTableHeaderDragR img {
    margin-bottom:3px;
    margin-left:2px;
}

div.BaseTableHeader img {
    margin-bottom:3px;
    margin-left:2px;
}

div.BaseTableBar {
    padding:0;
    width:11px;
    height:16px; /* Matches header height */
    cursor:col-resize;
    top:-10000;
    height:20000;
    z-index:10000; /* Must be on top of headers */
}

div.BaseTableBar div {
    top:0;
    left:5px;
    width:1px;
    height:20000;
    border-left:1px solid #a6a9ac;
    cursor:col-resize;
}

/* Editable table cell (inline style) input element.
 * For some reason ellipsis text overflow does not
 * work here, even if I enable it.
 */
input.BaseTableInlineEdit {
    width:99%; /* 100% exposes an IE bug which causes positions to be changed :( */
    border:none;
    margin:0px; padding:0px;
    background-color:transparent;
    color:inherit;
}

/*
 * Styles for AR System table field
 */
a.TableBtn,a.PopupBtn {
    position:static;
    margin-left:1px;
    margin-right:1px;
    margin-top:0px;
    margin-bottom:0px;
    padding:2px;
}

td.TableFtrL a.TableBtn, td.TableHdrR a.TableBtn {
	padding:2px 10px 2px 10px;
	margin-left:5px;
}



div.TableInner {
    border:1px solid #728793;
}



div.TableHdr,div.TableFtr {

    height:22px;
    background-color: #d4dee4;
    border-left: 1px solid #728793;
    border-right: 1px solid #728793;
}


div.TableHdr {
    border-top: 1px solid #005293;
}

div.TableFtr {
    border-bottom: 1px solid #728793;
}

table.TableHdr,table.TableFtr {
    padding:0px;
    margin:0px;
}

div.TableInner {
    top:22px; /* Below header. */
}

td.TableHdrR,td.TableFtrR {
    text-align:right;
    height:22px;
    padding-right:2px;
}

td.TableHdrR {
	padding-left:5px;
	padding-right:7px;
}

td.TableHdrL {
   padding-left:5px;
}

/*
 * Styles for popups
 */
div.DIVPopup {
    border:1px solid #717375;
    z-index : 100001; /* way on top */
	 background-color: #f2f2f2;
}

table.DIVPopup {
    border:0px; margin:0px; padding:0px;
    background-color: #f2f2f2;
}

td.DIVPopupButtons, div.DIVPopupButtons {
    border:0px; margin:0px; padding:0px;
    height:29px;
    vertical-align:top;
	 background-color: #d4dfe5;
}

table.CurTable {
    border:0px; margin:0px; padding:0px;
    background-color:white;
}

td.CurSym {
    font-weight : bold;
}


td.CurVal {
}

table.DIVPopupTitleBar {
    background-color : #d4dfe5;
    color : Black;
    font-weight : bold;
}

td.DIVPopupBody {
    background-color : #eeeeee;
    color : Black;
    font-weight : normal;
}



/* These are not used: td.TableHdrL,td.TableFtrL */

img.TableSortImgUp,img.TableSortImgDown {
    border:none;
}

/* Advanced search bar styles.
 */
div.AdvancedSearchBar {
    background-color : #d4dfe5 ;
    z-index : 29999;
    height : 65px;
    width : 100%;
    overflow : visible;
}

table.SearchBarOperators {
    margin-top:8px;
}

/* These are not used: table.SearchBarInput, td.SearchBarButtonCell */

a.dayofmonth {
    display:block;
    position:relative;
    overflow:hidden;
    text-decoration: none;
    cursor:hand;
}

td.calendaron {
    background-color: #c2f230;
    cursor:default;
    text-align:right;
}

td.weekday {
    cursor:pointer;
    text-align:right;
	color:black;
}

td.weekend {
    cursor:pointer;
    text-align:right;
	color:gray;
}

tr.daysofweek {
    text-align:right;
    font-weight:bold;
}

/* This is used by accessibility, but we don't want it to be seen. */
legend.hidden,label.hidden,tr.hiddentablehdr {
    display:none;
}

/* Message Popup styling */

a.PopupBtn {
    margin-left:5px;
    margin-right:0px;
	 padding-left:10px;
	 padding-right:10px;
}

a.PopupBtn:hover {
    border-color: #6b7479;
}

body.PopupMsg { padding:4px; background-color: #D4DFE5; }

div.PopupMsgOuter {
    width:100%;
    height:100%;
	
}

table.PopupMsgImg {
    width:100%;
    height:100%;
}

div.PopupMsgImg {
    width:60px;
}

div.PopupMsgBox {
    padding:8px;
    overflow:auto;
    border:1px solid #717375;
    font-size: 10pt;
	 background-color:white;
}

div.PopupMsgFooter {
    padding:4px;
    height:28px;
    text-align:center;
}

/* Editor Popup styling */
body.PopupEditor {
    padding: 4px;
    background-color: #d4dfe5;
}

table.PopupEditor { table-layout:fixed; }

textarea.PopupEditor {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 8px;
    border: 1px solid #a6a9ac;
    scrollbar-3dlight-color: #ebebeb;
    scrollbar-arrow-color: #4b4b4b;
    scrollbar-base-color: #ebebeb;
    scrollbar-darkshadow-color: #ebebeb;
    scrollbar-face-color: #DEDFE0;
    scrollbar-highlight-color: #ffffff;
    scrollbar-track-color: #ebebeb;
    scrollbar-shadow-color: #4b4b4b;
	 background-color: #ffffff;
}

textarea.readonly {
    background-color: #eeeeee;
    scrollbar-3dlight-color: #ebebeb;
    scrollbar-arrow-color: #4b4b4b;
    scrollbar-base-color: #ebebeb;
    scrollbar-darkshadow-color: #ebebeb;
    scrollbar-face-color: #DEDFE0;
    scrollbar-highlight-color: #ffffff;
    scrollbar-track-color: #ebebeb;
    scrollbar-shadow-color: #4b4b4b;
}

tr.PopupEditorTitle { height:22px }

div.PopupEditorOuter {
    width:100%;
    height:100%;
}

div.PopupEditorFooter {
    padding:4px;
    padding-left:0px;
    height:28px;
    text-align:right;
}

/* Attachment Popup styling */

body.PopupAddAttachment { padding:5px; }

div.PopupAttOuter {
    width:100%;
    height:100%;
}

table.PopupAttInner {
    width:100%;
    height:100%;
	 background-color:white;
}

textarea.PopupAttstatus {
    background-color: #d6d6d6;
    scrollbar-3dlight-color: #ebebeb;
    scrollbar-arrow-color: #4b4b4b;
    scrollbar-base-color: #ebebeb;
    scrollbar-darkshadow-color: #ebebeb;
    scrollbar-face-color: #DEDFE0;
    scrollbar-highlight-color: #ffffff;
    scrollbar-track-color: #ebebeb;
    scrollbar-shadow-color: #4b4b4b;
}

div.PopupAttFooter {
    padding:4px;
    padding-left:0px;
    height:26px;
    text-align:right;
	 background-color: #d4dfe5; 
}

div.PopupSearchesFooter {
    padding:4px;
    padding-left:0px;
    height:28px;
    text-align:right;
}

div.PopupSearchesOuter {
    width:100%;
    height:100%;
}

/* Tree Styles */

div.tree {
	overflow: auto; 
	border-left: 0;
	border-top: 1px solid #B9CCD7;
	border-right: 2px inset white;
	border-bottom: 2px inset white;
	background: #EFF3F5;
}

div.tree div, div.tree div img
{
	position: relative;
	border: 0;
}

.treeroot {
    font-weight:bold;
}

div.tree a.btn {
	display: inline ! important;
	position: relative;
	text-decoration: none;
}

.treeimg {
	background: #EFF3F5 ! important;
	cursor:default;
}

.treetitle {
	padding:4px;
	cursor:default;
	color: #000000;
	background-color: #EFF3F5 ! important;
	display: inline ! important;
	position: relative;
}

.treetitleselectedfocused {
	padding:4px;
	cursor:default;
	background-color: #d4eb79 ! important;
}

div.tree img {
	width:19px;
	height:20px;
	vertical-align:middle;
}

.TreeHover {
	background-color: #68B6E4 ! important;
}

div.VNavBar {
	overflow: auto; 
	border-left: 0;
	border-top: 1px solid #B9CCD7;
	border-right: 2px inset white;
	border-bottom: 2px inset white;
	background: #EFF3F5;
}

div.VNavBar img, div.VNavBar div, div.VNavSub {
	position: relative;
}

div.VNavLevel1, div.VNavLevel1 a.btn, div.VNavLevel1 a.btn * {
	background: #1075BD;
	color: #FFFFFF;
	border:0;
    white-space:nowrap;
    text-decoration: none;
}

div.VNavLevel2, div.VNavLevel2 a.btn, div.VNavLevel2 a.btn * {
	background: #EFF3F5;
	color: #000000;
	border:0;
    white-space:nowrap;
    text-decoration: none;
}

div.VNavParent {
	position: relative;
    font-weight:bold;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #196697;
	height: 25;
    cursor:pointer;
}

div.VNavParent * {
	vertical-align: middle;
}

div.VNavLeaf {
	position: relative;
	padding-top: 6;
	height: 25;
    cursor:pointer;
}

div.VNavSep {
	position: relative;
	height: 25;
	background: transparent;
}

div.VNavSelected {
	position: relative;
	background: #FFFFFF;
	color: #000000;
	padding-top: 5;
	border-top: 1px solid #196697;
	border-bottom: 1px solid #196697;
}

div.VNavSelected a.btn {
	background: #FFFFFF;
	color: #000000;
}

div.VNavDisabled, div.VNavDisabled a.btn {
	color: #A6A6A6;
}

div.VNavHover, div.VNavHover a.btn, div.VNavHover a.btn *  {
	background: #68B6E4;
}

.HNavBar {
	position: absolute;
	overflow: hidden; 
	font-family: 'Arial';
    font-size: 8pt;
	height: 30px;
	clear:both;
	background: url("../images/hnav_bg.gif");
	margin:0;
}

.HNavBar dt {
	display:none;
}

.HNavItem, .HNavSelected, .HNavLeftGap {
	margin:0; 
	padding:0; 
    cursor:pointer;
}

.HNavItem a.btn, .HNavSelected a.btn {
	float:left;
    display:block;
    position:relative;
	text-decoration: none;
    white-space:nowrap;
	color: #FFFFFF;
	background:transparent;
}

.HNavSelected a.btn {
	color: #004376;
}

.HNavItem .left, .HNavItem .leftrnd, .HNavItem .center, .HNavItem .right, .HNavItem .rightrnd {
	float:left;
	height: 24px;
	margin-top: 5px;
	padding-top: 4px;
    cursor:pointer;
}

.HNavItem .left {
	width: 6;
	border-left: 1px solid #86C6EC;
	border-right: 0px;
	border-top: 1px solid #A8C3E1 ;
	background: url("../images/hnav_mid.gif") top;
}

.HNavItem .leftrnd {
	width: 6;
	background: url("../images/hnav_lt.gif") top;
}

.HNavItem .center {
	text-align:center; 
	padding-left: 2;
	padding-right: 2;
    font-weight:bold;
	background: url("../images/hnav_mid.gif") top;
	border-top: 1px solid #A8C3E1 ;
}

.HNavItem .right {
	width: 6;
	border-right: 1px solid #053365;
	border-top: 1px solid #A8C3E1 ;
	background: url("../images/hnav_mid.gif") top;
}

.HNavItem .rightrnd {
	width: 6;
	background: url("../images/hnav_rt.gif") top;
}

.HNavSelected .left, .HNavSelected .leftrnd, .HNavSelected .center, .HNavSelected .right, .HNavSelected .rightrnd {
	float:left;
	margin-top: 0px;
	height: 30px;
	border-bottom: 1px solid #D4DFE5;
	padding-top: 6px;
    cursor:pointer;
}

.HNavSelected .left, .HNavSelected .leftrnd {
	width: 6;
	border-left: 0;
	border-top: 0;
	background: url("../images/hnav_lt_sel.gif") top;
}

.HNavSelected .center {
	background: white;
	padding-left: 2;
	padding-right: 2;
    font-weight:bold;
	border-top: 1px solid #BEC6CA;
	background: url("../images/hnav_mid_sel.gif") top;
}

.HNavSelected .right, .HNavSelected .rightrnd {
	width: 6;
	border-top: 0;
	border-right: 0;
	background: url("../images/hnav_rt_sel.gif") top;
}

.HNavDisabled .left, .HNavDisabled .leftrnd, .HNavDisabled .center, .HNavDisabled .right, HNavDisabled .rightrnd {
	background: #EEEEEE;
	border-top: 1px solid #BEC6CA;
}

.HNavDisabled a.btn {
	color: #A6A6A6;
}

.HNavDisabled .left {
	border-left: 1px solid #BEC6CA;
}

.HNavDisabled .right {
	border-right: 1px solid #BEC6CA;
}

.HNavDisabled .leftrnd {
	background: url("../images/hnav_lt_dis.gif");
}

.HNavDisabled .rightrnd {
	background: url("../images/hnav_rt_dis.gif");
}

.HNavSep {
	margin: 0;
	padding: 0;
}

.HNavSep .center{
	float: left;
	width: 30;
	height: 30;
}

.HNavLeftGap span {
	float: left;
	width: 10;
	height: 30;
}

.HNavHover a.btn {
	color: #004B85;
}

/*
* Styles for Application list field
*/

body.MainForm {
    overflow:auto;
    margin:0px;
    padding:0px;
}

table.APPLIST {
}

td.EP {
}

td.FIRSTAPPNAME {
    font-weight:bold;
}

td.APPNAME {
    font-weight:bold;
    padding-top:7;
}

/* 3D button for OHS */
a.OHS_btn3d_image {
    cursor:hand;
}
/* OHS 3D button, regular and depressed */
a.OHS_btn3d,a.OHS_btn3ddown {
	 background-color:#c84731;
    cursor:hand;
	 border: 1px solid;
	 border-color: #bbc4c9 #6b7479 #6b7479 #bbc4c9;
}

a.OHS_btn3ddown {
	border-color: #6b7479;
}

a.OHS_btn3d:hover {
	background-color:#f6e4e4;
    border-color: #6b7479;
}








/*
 * Copyright (c) 2006 BMC Software, Inc.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of 
 * BMC Software, Inc ("Confidential Information"). You shall not 
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement between 
 * you and BMC Software, Inc. 
 */


a.TableBtn,a.PopupBtn,a.tbbtn {
    display:inline-block;
}

div.BlankOutForm {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); /* IE */
    opacity:0.20; /* Opera/Safari */
}

/* Disabled button */
a.btnd div {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); /* IE */
    opacity:0.35; /* Opera/Safari */
}

.OuterTab .Tab, .OuterTab .TabLeft, .OuterTab .TabRight{
    /* This overlaps top border of TabChild to avoid IE expose bug that forgets to draw
     * part of TabChild's top border sometimes
     */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#c1d4ea');
}

/* The filter:none below is EXPLICITLY needed to avoid a MS bug when redrawing nestead
 * page holders which causes parts of the screen to go inverted and black! :-(
 */
.OuterTabSelected .Tab {
    filter: none;
	 background-color: white; 
}



a.btn3d {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#f7f7f7',EndColorStr='#d1d1d1');
}

a.btn3ddown {
   filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#dfdfdf',EndColorStr='#bdbdbd');
}

a.PopupBtn:hover, a.btn3d:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fafafa',EndColorStr='#e7e6e7');
}

a.tbbtn {
    filter:none;
}

a.tbbtn:hover,a.searchsavechanges {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffdedfd0',EndColorStr='#fff3f4f5');
}

/*
div.TableHdr,div.TableFtr {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#c1d4ea');
}


div.BaseTableColHeaders,div.BaseTableHeader,div.BaseTableHeaderDragL,div.BaseTableHeaderDragR {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fff8f8f8',EndColorStr='#ffd6d6d6');
}*/

div.BaseTableColHeaders,div.BaseTableHeader {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#339cde',EndColorStr='#0567a6');
}


/*SW00229828: Do not remove background-color unless you're sure that it's not going to break table sorting when clicking on table header(outside of the label).
For some strange reason, BaseTableHeader will not receive focus unless it has background-color set.*/
div.BaseTableHeader {
    background-color:#d6d6d6; 
}


legend { /* Windows XP colours these blue instead of black for some reason */
    color:black;
}

input.text,input.decimal,input.currency,textarea { /* Shift content to align with default label */
    padding-top:3px;
}

textarea.dat,input.dat {
    padding-top: 4px; /* Correct out border too */
}

DIV.dragging {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=66); /* IE */
    opacity:0.66; /* Opera/Safari */
}

textarea.PopupEditor { /* Otherwise IE clips the bottom border */
    position:absolute;
}

div.radio, table.radio{
    margin-left:-5px;
}

div.radio input, table.radio input {
    margin:0px, 4px, 0px, 5px;
    vertical-align:bottom;
}

.HNavItem .left, .HNavItem .center, .HNavItem .right {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#329CDC',EndColorStr='#0263A2');
}

.HNavSelected .center {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FCFDFE',EndColorStr='#D4DFE5');
}

.HNavDisabled .left, .HNavDisabled .center, .HNavDisabled .right {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#EEEEEE',EndColorStr='#EEEEEE');
}

