/*  --------------------------------------------------
	This file contains styles for the help system UI
	--------------------------------------------------  */
	
/* 4/25/2007. george. tthe div.frameless style applies formatting for frameless help only.*/
div.frameless {
	margin-left: 0em;
	margin-right: 0em;
	}

body, button, input, td, th, li, p, textarea {
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
}
body {
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 /* 2/12/2007. george. this was causing l10n issues. not critical to our formatting, previous usage was arbitrary.*/
 /* vertical-align: top; */
 }
 
a { 
 color: #000000;
 text-decoration: none;
}
a:link, a:visited {
 color: #000000;
}
a:hover { 
 color: #800080;
}
img.spacerRow {
 height: 25px;
 width: 5px;
}
input {
font: 80% Verdana, Tahoma, Helvetica, sans-serif
}
/* ---------------------------------------------------- 
  Tadpole Masthead
   ---------------------------------------------------- */
.masthead A:link, .masthead A:visited {
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 color: #afbac4;
 text-decoration: underline;
}
.masthead A:hover {
font-family: Verdana, Tahoma, Helvetica, sans-serif;
 color: #afbac4;
 text-decoration: underline;
}
.masthead TABLE.outerTable {
 width: 100%;
 background-image: URL("/epmstatic/help/images_ui/toolbar_bg.gif");
}

.masthead {
  position:absolute;
  left:0px;
  top:0px;
  right: 0px;
}

/* ---------------------------------------------------- 
  Menu Styles 
   ---------------------------------------------------- */

   
.masthead TD.menubar_item {
 cursor: default;
 font-size:75%;
}  
   


/* ---------------------------------------------------- 
  Tadpole Minimized Masthead
   ---------------------------------------------------- */
.masthead TR.menubarRow_min {
 height: 27px; 
}
.masthead TD.menubar_min {
/*background-image: URL("/epmstatic/help/images_ui/toolbar_bg.gif");
 background-repeat: no-repeat;*/
}
.masthead IMG.menubar_min {
 height: 27px;
}
.menubar_min A:link, .menubar_min A:visited {
font-family: Verdana, Tahoma, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
}
.menubar_min A:hover {
font-family: Verdana, Tahoma, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
}
.menubar_min TD {
 font: 70% Verdana, Tahoma, Helvetica, sans-serif;
 color: #ffffff;
 padding-bottom: 3px;
 padding-left: 11px;
 padding-right: 11px;
}
.masthead TD.toolbar_min {
background-image: URL("/epmstatic/help/images_ui/toolbar_bg.gif");
 background-repeat: repeat-x;
}


.toolbar_min TD.toolbar_handle_min { 
 background-image: URL("/epmstatic/help/images_ui/toolbar_handle_min.gif");
 background-position: left center;
 background-repeat: no-repeat;
 padding-right: 3px;
}
.toolbar_min IMG.toolbar_handle_min {
 width: 5px;
 height: 17px;
}

.toolbar_min TD.toolbar_button { 
 vertical-align: top;
 padding-top: 6px;
 padding-left: 5px;
}
.toolbar_min IMG.toolbar_button {
 width: 17px;
 height: 17px;
}
.masthead TD.masthead_content_min { 
 padding-left: 19px;
 background-image: URL("/epmstatic/help/images_ui/toolbar_bg.gif");
 background-repeat: repeat-x;
 text-align: right;
}

.masthead TD.logo_right_min { 
padding-left: 13px;
padding-top: 0px
}

.masthead TD.logo_right_min_legacy { 
 background-image: URL("/epmstatic/help/images_ui/logo_min_legacy.gif");
 background-repeat: no-repeat;
 background-position: center center;
 padding-right: 21px;
 padding-top: 0px
}
.masthead IMG.logo_min { 
 height: 24px;
 width: 138px;
}

/* ---------------------------------------------------- 
  Tadpole Toolbar
   ---------------------------------------------------- */

TD.toolbar_button { 
 vertical-align: top;
 padding-top: 0px;
 padding-left: 0px;
 background-position: right center;
 background-repeat: no-repeat;
}
IMG.toolbar_button {
 width: 22px;
 height: 22px;
}

TD.toolbar_print_active {
 background-image: URL("/epmstatic/help/images_ui/tb_print_active.gif");
}
TD.toolbar_print_rollover {
 background-image: URL("/epmstatic/help/images_ui/tb_print_rollover.gif");
}
TD.toolbar_print_clicked {
 background-image: URL("/epmstatic/help/images_ui/tb_print_clicked.gif");
}
TD.toolbar_print_disabled {
 background-image: URL("/epmstatic/help/images_ui/tb_print_disabled.gif");
}

.toolbar TD.toolbar_sep { 
 background-image: URL("/epmstatic/help/images_ui/menu_bar_center.jpg");
 background-repeat: no-repeat;
 padding-left: 8px;
 padding-right: 3px;
}
.toolbar IMG.toolbar_sep {
 width: 1px;
 height: 18px;
}

   


/* ---------------------------------------------------- 
  Tadpole Buttons -- When Drawing Buttons in HTML
   ---------------------------------------------------- */
.htmlButtons td {
 font: 60% Verdana, Tahoma, Helvetica, sans-serif;
 text-align: center;
 padding-left: 12px;
 padding-right: 12px;
 cursor: default;
 white-space: nowrap;
}

.htmlButtons td.primaryActive {
 color: #ffffff;
 background: #d95900;
}
.htmlButtons td.primaryRollover {
 color: #ffffff;
 background: #f1853c;
}
.htmlButtons td.primaryClicked {
 padding-top: 3px;
 padding-left: 13px;
 padding-right: 11px;
}
.htmlButtons td.primaryDisabled {
 color: #f3ddce;
 background: #e1b79c;
}


.htmlButtons td.secondaryActive {
 color: #ffffff;
 background: #45637a;
}
.htmlButtons td.secondaryRollover {
 color: #ffffff;
 background: #7390a5;
}
.htmlButtons td.secondaryClicked {
 padding-top: 3px;
 padding-left: 13px;
 padding-right: 11px;
}
.htmlButtons td.secondaryPressed {
 color: #ffffff;
 background: #2f4b60;
}
.htmlButtons td.secondaryDisabled {
 color: #c8d1d7;
 background: #adbbc6;
}


.htmlButtons td.cancelActive {
 color: #000000;
 background: #9dadba;
}
.htmlButtons td.cancelRollover {
 color: #000000;
 background: #acbecd;
}
.htmlButtons td.cancelClicked {
 padding-top: 3px;
 padding-left: 13px;
 padding-right: 11px;
}
.htmlButtons td.cancelDisabled {
 color: #94a6b5;
 background: #bdc8d2;
}

/* ---------------------------------------------------- 
  Tadpole Buttons -- When Using Button Tag
   ---------------------------------------------------- */

button {
 font: 60% Verdana, Tahoma, Helvetica, sans-serif;
 text-align: center;
 border: none;
 height: 18px;
}

button.primaryActive {
 color: #ffffff;
 background: #d95900;
}
button.primaryRollover {
 color: #ffffff;
 background: #f1853c;
}
button.primaryDisabled {
 color: #f3ddce;
 background: #e1b79c;
}

button.secondaryActive {
 color: #ffffff;
 background: #45637a;
}
button.secondaryRollover {
 color: #ffffff;
 background: #7390a5;
}
button.secondaryPressed {
 color: #ffffff;
 background: #2f4b60;
}
button.secondaryDisabled {
 color: #c8d1d7;
 background: #adbbc6;
}


button.cancelActive {
 color: #000000;
 background: #9dadba;
}
button.cancelRollover {
 color: #000000;
 background: #acbecd;
}
button.cancelDisabled {
 color: #94a6b5;
 background: #bdc8d2;
}

/* ---------------------------------------------------- 
  Tadpole Buttons -- When Using Input Tag
  Note that Attrinute Selector did not work so a class was needed
   ---------------------------------------------------- */
.button input.button {
 font: 60% Verdana, Tahoma, Helvetica, sans-serif;
 text-align: center;
 border: none;
 height: 18px;
}


.button input.primaryActive {
 color: #ffffff;
 background: #d95900;
}
.button input.primaryRollover {
 color: #ffffff;
 background: #f1853c;
}
.button input.primaryDisabled {
 color: #f3ddce;
 background: #e1b79c;
}


.button input.secondaryActive {
 color: #ffffff;
 background: #45637a;
}
.button input.secondaryRollover {
 color: #ffffff;
 background: #7390a5;
}
.button input.secondaryPressed {
 color: #ffffff;
 background: #2f4b60;
}
.button input.secondaryDisabled {
 color: #c8d1d7;
 background: #adbbc6;
}


.button input.cancelActive {
 color: #000000;
 background: #9dadba;
}
.button input.cancelRollover {
 color: #000000;
 background: #acbecd;
}
.button input.cancelDisabled {
 color: #94a6b5;
 background: #bdc8d2;
}

/* ---------------------------------------------------- 
  Tadpole Action Buttons -- When Drawing Buttons in HTML
   ---------------------------------------------------- */
.actionButtons td {
 font: normal 55% Verdana, Tahoma, Helvetica, sans-serif;
 text-align: center;
 border: 1px solid #45637A;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 1px;
 padding-bottom: 1px;
 cursor: default;
 white-space: nowrap;
 height: 16px;
}
.actionButtons A:Link, .actionButtons A:Hover, .actionButtons A:Visited {
 cursor: default;
 color: #000000;
 text-decoration: none;

}
.actionButtons td.actionActive {
 color: #000000;
 background: #D9DEE4;
}
.actionButtons td.actionRollover {
 color: #000000;
 background: #C2C9CF;
}
.actionButtons td.actionClicked {
 padding-top: 2px;
 padding-left: 3px;
 padding-right: 1px;
 padding-bottom: 0px;
}
.actionButtons td.actionPressed {
 color: #000000;
 background: #C2C9CF;
}
.actionButtons td.actionDisabled {
 color: #839aad;
 border: 1px solid #C2C9CF;
 background: #E5EAEF;
}

.ActionDrop {
 position:absolute;
 visibility:hidden ;
}
.ActionDrop TABLE {
 border: 1px solid;
 border-color:#45637a;
}
.ActionDrop TD {
 font: 65% verdana;
 text-align:left;
 background:#D9DEE4;
 border:none;
}
.ActionDrop SPAN {
	width:1px;
}


/*  --------------------------------------------------
	Styles for ID UI elements not in global.css
	--------------------------------------------------  */

TD.toolbar_next_active {
 background-image: URL("/epmstatic/help/images_ui/next_normal.gif");
}
TD.toolbar_next_rollover {
 background-image: URL("/epmstatic/help/images_ui/next_rollover.gif");
}
TD.toolbar_next_clicked {
 background-image: URL("/epmstatic/help/images_ui/next_clicked.gif");
}
TD.toolbar_next_disabled {
 background-image: URL("/epmstatic/help/images_ui/next_disabled.gif");
}

TD.toolbar_prev_active {
 background-image: URL("/epmstatic/help/images_ui/previous_normal.gif");
}
TD.toolbar_prev_rollover {
 background-image: URL("/epmstatic/help/images_ui/previous_rollover.gif");
}
TD.toolbar_prev_clicked {
 background-image: URL("/epmstatic/help/images_ui/previous_clicked.gif");
}
TD.toolbar_prev_disabled {
 background-image: URL("/epmstatic/help/images_ui/previous_disabled.gif");
}

TD.toolbar_toc_active {
 background-image: URL("/epmstatic/help/images_ui/reload_normal.gif");
}
TD.toolbar_toc_rollover {
 background-image: URL("/epmstatic/help/images_ui/reload_rollover.gif");
}
TD.toolbar_toc_clicked {
 background-image: URL("/epmstatic/help/images_ui/reload_clicked.gif");
}
TD.toolbar_toc_disabled {
 background-image: URL("/epmstatic/help/images_ui/reload_disabled.gif");
}

TD.toolbar_showhide_active {
 background-image: URL("/epmstatic/help/images_ui/hide_active.gif");
}
TD.toolbar_showhide_rollover {
 background-image: URL("/epmstatic/help/images_ui/hide_rollover.gif");
}
TD.toolbar_showhide_clicked {
 background-image: URL("/epmstatic/help/images_ui/hide_clicked.gif");
}
TD.toolbar_showhide_disabled {
 background-image: URL("/epmstatic/help/images_ui/hide_disabled.gif");
}

TD.toolbar_copyrite_active {
 background-image: URL("/epmstatic/help/images_ui/copy_normal.gif");
}
TD.toolbar_copyrite_rollover {
 background-image: URL("/epmstatic/help/images_ui/copy_rollover.gif");
}
TD.toolbar_copyrite_clicked {
 background-image: URL("/epmstatic/help/images_ui/copy_clicked.gif");
}
TD.toolbar_copyrite_disabled {
 background-image: URL("/epmstatic/help/images_ui/copy_disabled.gif");
}

TD.toolbar_doc_active {
 background-image: URL("/epmstatic/help/images_ui/doc_normal.gif");
}
TD.toolbar_doc_rollover {
 background-image: URL("/epmstatic/help/images_ui/doc_rollover.gif");
}
TD.toolbar_doc_clicked {
 background-image: URL("/epmstatic/help/images_ui/doc_clicked.gif");
}
TD.toolbar_doc_disabled {
 background-image: URL("/epmstatic/help/images_ui/doc_disabled.gif");
}

TD.toolbar_sync_active {
}

TD.toolbar_sync_hidden {
  display: none;
} 
TD.toolbar_sync_rollover {
 background-image: URL("/epmstatic/help/images_ui/reload_rollover.gif");
}
TD.toolbar_sync_clicked {
 background-image: URL("/epmstatic/help/images_ui/reload_clicked.gif");
}

TD.toolbar_collapseall_active {
 }

TD.toolbar_collapseall_hidden {
 display: none;
} 
TD.toolbar_collapseall_rollover {
 background-image: URL("/epmstatic/help/images_ui/collapseall_rollover.gif");
}
TD.toolbar_collapseall_clicked {
 background-image: URL("/epmstatic/help/images_ui/collapseall_clicked.gif");
}

.masthead TD.menubar_item_hidden {
 cursor: default;
 display: none;
}

/* id selector for logo in frameless masthead (articles */
#framelessIdLogoImg
{
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}