/********* Webgui IE CSS classes ********/

/************* Misc **************/

/* search help heading font size */
.WebguiSearchHelpHeading
{
	font-family:arial,sans-serif; 	
	font-weight: bold;
}

/* toolbar OKCodefield font size */
.OKCodeField
{
   	font-size:10pt; 
}

/* Opacity filter */
.WebguiOpacity25
{
    filter: Alpha(Opacity=25);
}

/* Cursor, hand type */
.WebguiHand
{
	cursor:hand;
}

/********** Webgui FrameWork ************/

/* background color for all dynpro screens*/
.WebguiBody
{
    background-color: #99B9C8;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* background color of popup margin */ 
.WebguiPopupBody
{
    background-color: #F5F4E7;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* background color of popup margin */ 
.WebguiPopupWindowBody
{
    background-color: #99B9C8;
    overflow-x: hidden;
    overflow-y: hidden;
	border-style: outset;
	border-width: 2px;
}

/* background color for all popup dynpro screens */
.WebguiPopup
{
	overflow-x:auto;
	position:relative;
	left:10%;
	top:10%;
	width:80%;
	height:80%;

	background-color: #99B9C8;
	border: solid #8D8D80 1px;
}

/* modal popup as window */
.WebguiPopupWindow
{
    background-color: #99B9C8;
}

/* popup with no margin */
.WebguiPopupNoMargin
{
	overflow-x:auto;
	position:relative;

	left:0%;
	top:0%;
	width:100%;
	height:100%;

    background-color: #99B9C8;
    border: solid #8D8D80 1px;
}

/* no style set - absolute position set in HTML */
.WebguiUserArea
{
}

/* no style set - absolute position set in HTML */
.WebguiDynpro
{
}

/* left and top border of all dynpro screens; right and bottom border set to 0 */
.WebguiDynproBorder
{
    border: solid #99B9C8 10px;
    border-bottom-width: 0;
    border-right-width: 0;
}

/*********** ToolBar ************/

/* icon enabled */
.WebguiToolbarIconEnabled	
{
    height:19px;
    width:19px;
    background:#BFBFBF;
    border:1px;
    border-style:solid;
    border-color: #BFBFBF;
    margin-left:1px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

/* icon disabled (Opaque) */
.WebguiToolbarIconDisabled
{
    height:19px;
    width:19px;
    filter: Alpha(Opacity=25);
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

/********** Message Line ***********/

/* message line at the bottom of dynpro screen */
.WebguiMessageLine
{
    border: solid #8D8D80 0; 
    border-top-width: 1; 
    background-color:#CDCDBE;
    font-family: arial, non-serif;
    font-size:9pt;
}

/******** GridView Control **********/

.offstatebtn
{
	color:#42423D;
	font-size: 9pt; 
	font-family:arial,sans-serif; 	
	font-weight: normal; 
   	text-align:center;
   	background-image:url(../../images/buttons/offstate/back.gif);
   	border: outset #E2E1D0 1px; 
   	width: 100%; 
   	height:   0;
    cursor: hand; 
}

/*********** Unknown **************/
.menuItem
{
   	font-family:arial,sans-serif; 
   	font-size:10pt; 
   	background-color: #172972;
   	color: #97A1C9; 
   	cursor: hand;
}

/******** Table Control *********/
div.TCToolTip
{
	position:absolute;
	border:solid #ADB0B6 1;
	background-color:#CBD5E1;
	visibility:hidden;
}

/******* Scrollbar Styles **********/
td.TCHeaderButton
{
	background-image:url(../../images/table/table_control_button.gif);
	background-repeat: no-repeat;
}

td.VSlider-10
{
	background-image:url(../../images/scrollbars/vslider-10.gif);
	background-repeat: no-repeat;
}

td.VSlider-30
{
	background-image:url(../../images/scrollbars/vslider-30.gif);
	background-repeat: no-repeat;
}

td.VSlider-50
{
	background-image:url(../../images/scrollbars/vslider-50.gif);
	background-repeat: no-repeat;
}

td.VSlider-80
{
	background-image:url(../../images/scrollbars/vslider-80.gif);
	background-repeat: no-repeat;
}

td.HSlider-10
{
	background-image:url(../../images/scrollbars/hslider-10.gif);
	background-repeat: no-repeat;
}

td.HSlider-30
{
	background-image:url(../../images/scrollbars/hslider-30.gif);
	background-repeat: no-repeat;
}

td.HSlider-50
{
	background-image:url(../../images/scrollbars/hslider-50.gif);
	background-repeat: no-repeat;
}

td.HSlider-80
{
	background-image:url(../../images/scrollbars/hslider-80.gif);
	background-repeat: no-repeat;
}

td.HSlider-120
{
	background-image:url(../../images/scrollbars/hslider-120.gif);
	background-repeat: no-repeat;
}

td.HSlider-160
{
	background-image:url(../../images/scrollbars/hslider-160.gif);
	background-repeat: no-repeat;
}

td.ScrollDown
{
	background-image:url(../../images/scrollbars/scrolldown.gif);
	background-repeat: no-repeat;
}

td.ScrollDownPressed
{
	background-image:url(../../images/scrollbars/scrolldown_pressed.gif);
	background-repeat: no-repeat;
}

td.ScrollUp
{
	background-image:url(../../images/scrollbars/scrollup.gif);
	background-repeat: no-repeat;
}

td.ScrollUpPressed
{
	background-image:url(../../images/scrollbars/scrollup_pressed.gif);
	background-repeat: no-repeat;
}

.ScrollLeft
{
	background-image:url(../../images/scrollbars/scrollleft.gif);
/*	background-repeat: no-repeat;	*/
}

.ScrollLeftPressed
{
	background-image:url(../../images/scrollbars/scrollleft_pressed.gif);
/*	background-repeat: no-repeat;*/
}

.ScrollRight
{
	background-image:url(../../images/scrollbars/scrollright.gif);
/*	background-repeat: no-repeat;	*/
}

.ScrollRightPressed
{
	background-image:url(../../images/scrollbars/scrollright_pressed.gif);
/*	background-repeat: no-repeat;*/
}

/** narrow column to hold the scroll bar, setup, and scroll bar buttons. **/
/** the left, width, and height attributes are defined in the template **/
.TCScrollContainer
{
/*	position:absolute; */
	overflow:hidden;
	border-right-width:1;
	border-right-color:#A5B1BF;
	border-right-style:solid;
	border-right-width:0; /* can be set to 1 in d_generator.html */
	border-top-color:#ADB0B6;
	border-top-style:solid;
	background-color:#DCE3EC;
}

/** Active TC Buttons **/
/* Top Page Button */
img.TCTopPageA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/top.gif);
	cursor:hand;
}

/* Prev Page Button */
img.TCPrevPageA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/pageup.gif);
	cursor:hand;
}

/* Prev Row Button */
img.TCPrevRowA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/scrollup.gif);
	cursor:hand;
}

/* Bottom Page Button */
img.TCLastPageA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/bottom.gif);
	cursor:hand;
}

/* Next Page Button */
img.TCNextPageA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/pagedown.gif);
	cursor: hand;
}

/* Next Row Button */
img.TCNextRowA
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../../images/table/scrolldown.gif);
	cursor:hand;
}

/* row selector image dimension */
img.TCSelImageSelected
{
	width:20px ;
	height:20px ;
	border: 0px;
	background-image: url( ../../images/table/table_row_button_downstate.gif );
}
	
img.TCSelImageUnselected
{
	width:20px ;
	height:20px ;
	border: 0px;
	background-image: url( ../../images/table/table_row_button_upstate.gif );
}
	
/* drop down list box button*/
img.TCComboCtrl
{
    width:15px;
    height:16px;
    background-image: url( ../../images/table/comboctrl.gif );
    float: right;
    padding: 0;
    margin: 0;
    border: 0;
}

/* drop down list box border */
.labelTableComboCtrl
{
    font-family: arial,sans-serif;
    font-weight: normal;
    height: 16px;
    width:  100%;
    cursor: default;
    border: 2px inset silver;
    padding: 0;
    margin: 0;
}

/* column title - selectable (3D) */
td.TCColumnTitleSelectable
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left: 2;
	/*padding-right: 5;*/
	color: #55554B;
   	background-color: #DEDEC8;
   	background-image:url(../../images/buttons/offstate/back.gif);
	cursor: hand;
}

img.TCSelImageSelectedRadio
{
	width:20px ;
	height:20px ;
	border: 0px;
	background-image: url( ../../images/table/table_row_button_downstate_radio.gif );
}
	
img.TCSelImageUnselectedRadio
{
	width:20px ;
	height:20px ;
	border: 0px;
	background-image: url( ../../images/table/table_row_button_upstate_radio.gif );
}
/* column title - selectable (3D) */
td.TCColumnTitleSelectable
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left: 2;
	/*padding-right: 5;*/
	color: #55554B;
   	background-color: #DEDEC8;
   	background-image:url(../../images/buttons/offstate/back.gif);
	cursor: hand;
}

th.TCColumnTitleSelectable
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left: 2;
	/*padding-right: 5;*/
	color: #55554B;
   	background-color: #DEDEC8;
   	background-image:url(../../images/buttons/offstate/back.gif);
	cursor: hand;
}

/* table control layout */
.webguiInnerTCView
{
	table-layout: fixed;
}

/* td color in selected row */
tr.TCRowSelected td
{
	background-color: #FFCC33;
}

/* input color in selected row */
tr.TCRowSelected input.inputTC
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33;
	border:0;
	height: 16px;
}

/* dropdown list box color in selected row */
tr.TCRowSelected select.inputTCComboControl
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33; 
	border: solid white 1px;
	height: 18px;
}

/* selected dropdown list box color in selected row */
tr.TCRowSelected select.inputTCComboControlSelected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33;
	border: solid white 1px;
	height: 18px;
}

/* table row unselected */
tr.TCRow
{
	background-color:0;
}

/* table row selected */
tr.TCRowSelected
{
	background-color: #FFCC33;
}

/*********** Label *************/

/* unselected */
.label
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
	padding-top: 1; 
  	margin: 1px; 
    	cursor: default;
}

/* selected */
.labelSelected
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
 	padding-top: 1;
    	cursor: default;
  	border: solid #7E7E72 1px; 
}

/* highlighted */
.labelHighlighted
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
	padding-top: 1; 
  	margin: 1px; 
    	cursor: default;
	color: blue;
}

/* highlighted, selected */
.labelHighlightedSelected
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
	padding-top: 1; 
    cursor: default;
	color: blue;
  	border: solid #7E7E72 1px; 
}

/* unselected label in table control */
.labelTable
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
	height: 16px;
    	width: 100%;
   	cursor: default;
}

/* highlighted label in table control */
.labelTableHighlighted
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
    	width: 100%;
	height: 16px;
   	cursor: default;
    	color: red;
}

/* selected label in table control */
.labelTableSelected
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
    	width: 100%;
	height: 16px;
   	cursor: default;
	background-color: #FFCC33;
}

/* selected highlighted label in table control */
.labelTableHighlightedSelected
{
	font-size:   9pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
    	width: 100%;
	height: 16px;
	color: red;
   	cursor: default;
}

/********** Groupbox *************/

/* title font attribute */
.groupbox 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
   	color:#FFFFFF;
}

/********* Input fields ***********/

/* unselected */
.input 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border: solid white 1px;
	height: 18px;
	background-repeat:no-repeat;
 	background-position:left center;
}

/* selected */
.inputSelected 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
    	background-color: #FFF09E;
	border: solid white 1px;
	height: 18px;
	background-repeat:no-repeat;
 	background-position:left center;
}

/* highlighted, unselected */
.inputHighlighted
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border:1 solid white;
	height: 18px;
	color: red;
	background-repeat:no-repeat;
 	background-position:left center;
}

/* highlighted selected */
.inputHighlightedSelected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFF09E; 
	border:1 solid white;
	height: 18px;
	color: red;
	background-repeat:no-repeat;
 	background-position:left center;
}

/* unselected - TableControl(TC) */
.inputTC 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3;
	border:0;
	height: 16px;
}

/* selected - TC */
.inputTCSelected 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
    	background-color: #FFF09E;
	border:0;
	height: 16px;
}

/* unselected - TableControl(TC) */
.inputTCCol 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33;
	border:0;
	height: 16px;
}

/* unselected - TableControl(TC) */
.inputTCColSelected 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFF09E;
	border:0;
	height: 16px;
}

/* highlighted - TC */
.inputTCHighlighted
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3;
	border:0 solid white; 
	height: 16px;
	color: red;
}

/* highlighted selected - TC */
.inputTCHighlightedSelected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFF09E; 
	border:0 solid white;
	height: 16px;
	color: red;
}

/* combocontrol in TC */
.inputTCComboControl
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border: solid white 1px;
	height: 18px;
}

/* combocontrol in TC */
.inputTCComboControlselected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border: solid white 1px;
	height: 18px;
}

/* combocontrol in TC - column or row selected */
.inputTCColComboControl
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33; 
	border: solid white 1px;
	height: 18px;
}

/* combocontrol in TC - column or row selected */
.inputTCColComboControlselected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FFCC33;
	border: solid white 1px;
	height: 18px;
}

/* general combocontrol */
.inputComboControl 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border: solid white 1px;
	height: 18px;
}

/* general combocontrol */
.inputComboControlselected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border: solid white 1px;
	height: 18px;
}

/* jump row input */
.inputTCJumpRow
{
	font-size:8pt;
	font-family: arial,sans-serif; 	
	font-weight: normal; 
	width:30px;
	background-color: #FDFDF3;
	border:1 #8D8D80 solid;
	height:14px;
	text-align:right;
	padding:0px 2px 0px 0px;
}

/* jump row input selected */
.inputTCJumpRowSelected
{
	font-size:8pt;
	font-family: arial,sans-serif; 	
	font-weight: normal;
	width:30px;
	background-color: #FDFDF3;
	border:1 #8D8D80 solid;
	height:14px;
	text-align:right;
	padding:0px 2px 0px 0px;
}

/***** Non edit input field ******/

/* unselected input */
.noneditinput
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color:#EBEAD8; 
	border: 1 solid white; 
	padding-top: 1; 
    	cursor: default;
	height:18px;
}

/* selected input field */
.noneditinputSelected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color:#FFCC33; 
	border: 1 solid white; 
	padding-top: 1; 
    cursor: default;
	height:18px;
}

/* highlighted, unselected */
.noneditinputHighlighted
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color:#EBEAD8; 
	border: 1 solid white; 
	padding-top: 1; 
	color: green;
    cursor: default;
	height:18px;
}

/* highlighted, selected */
.noneditinputHighlightedSelected
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color:#FFCC33; 
	border: 1 solid white; 
	padding-top: 1; 
	color: red;
    cursor: default;
	height:18px;
}

/********* Sashes ***********/

/* docking sash selected color */
.DockingSashSelected
{
	position:absolute;
	background-color:#99B9C8;
	border: 2px solid #8FAABA;
	margin: 0px;
}

/* docking sash unselected color */
.DockingSashUnselected
{
	position:absolute;
	background-color:#99B9C8;
	border: 2px solid #658190;
	margin: 0px;
}

/*********** Buttons ************/

/* Active button (no icon) */
.WebguiActiveButton
{ 
	background-image: url(../../images/buttons/ieback.gif);
	text-align: center; 
	padding: 1px 1px 1px 1px; 
	border: solid 1px; 
	border-color: #CDCDBE #7E7E72 #7E7E72 #CDCDBE; 
	font-family:arial,sans-serif; 
	font-size:9pt;
	cursor: hand;
	color: #000000;
}

/* Active button (no icon) - hover */
.WebguiActiveButton:hover
{ 
	text-decoration:none;
	color: #0063A4;
}

/* Active button (no icon) - visited */
.WebguiActiveButton:visited
{ 
	text-decoration:none;
	color: #000000;
}

/* Active button (no icon) - visited */
.WebguiActiveButton:visited:hover
{ 
	text-decoration:none;
	color: #0063A4;
}

/* Inactive button - opaque (no icon) */
.WebguiInactiveButton
{
	background-image: url(../../images/buttons/ieback_inactive.gif); 
	text-align:center; 
	padding: 1px 1px 1px 1px; 
	border: 1px #CDCDBE solid; 
	font-family:arial,sans-serif; 
	font-size:9pt; 
	color:#999989;
	cursor:default;
}	

/* Inactive button - opaque (no icon) - hover */
.WebguiInactiveButton:hover
{
	color:#999989;
	text-decoration:none;
}

/* Inactive button - opaque (no icon) - visited */
.WebguiInactiveButton:visited
{
	color:#999989;
	text-decoration:none;
}

/* Active icon button */
.WebguiActiveIconButton
{
	background-image: url(../../images/buttons/ieback.gif);
  	padding: 1px 1px 1px 1px;
  	border: solid 1px; 
  	border-color: #BEBEAB #7E7E72 #7E7E72 #BEBEAB;
  	align: center;
  	cursor: hand;
}
  
/* Inactive icon button - opaque */
.WebguiInactiveIconButton
{
	background-image: url(../../images/buttons/ieback_inactive.gif);
  	padding: 1px;
	border: 1px #CDCDBE solid; 
  	align: center;
	cursor: default;
}

/* Icon button with text */
.WebguiIconTextButton
{
  	background-image: url(../../images/buttons/ieback.gif);
	text-align:center; 
  	padding: 1px 4px 1px 2px;
  	border: solid 1px; 
  	border-color: #CDCDBE #7E7E72 #7E7E72 #CDCDBE; 
  	font-family:arial,sans-serif; 
  	font-size:9pt;
  	cursor: hand;
  	color: #000000;
}	

/* Icon button with text - hover */
.WebguiIconTextButton:hover
{
	text-decoration:none;
  	color: #0063A4;
}		

/* Icon button with text - visited */
.WebguiIconTextButton:visited
{
	text-decoration:none;
	color: #000000;
}		

/* Icon button with text - visited - hover finally! */
.WebguiIconTextButton:visited:hover
{
	text-decoration:none;
  	color: #0063A4;
}	

/* Inactive IconText button - opaque */
.WebguiInactiveIconTextButton
{
	background-image: url(../../images/buttons/ieback_inactive.gif); 
	text-align:center; 
	padding: 1px 4px 1px 2px; 
	border: 1px #CDCDBE solid; 
	font-family:arial,sans-serif; 
	font-size:9pt; 
	color:#999989;
	cursor:default;
}	

/* Inactive IconText button - opaque - hover */
.WebguiInactiveIconTextButton:hover
{
	color:#999989;
	text-decoration:none;
}

/* Inactive IconText button - opaque - visited */
.WebguiInactiveIconTextButton:visited
{
	color:#999989;
	text-decoration:none;
}	

/********** TabStrip Control **********/
/* TS selection color with text properties */
.webguiTSTextSel
{
	background-color:#DEDEC8;
	font-family:arial,sans-serif;
	font-size:9pt;
	cursor:default;
}

/* TS deselection color with text properties */
.webguiTSTextDesel
{
	background-color:#C6C6B7;
	font-family:arial,sans-serif; 
	font-size:9pt;
	cursor:hand;
}

/* pulldown menu body */
.TSMenuBody
{
	background-color: #F5F4E7;
	border: 1px outset;
	color: #9ba5c8;
	margin: 0px;
	font-family: arial, sans-serif;
	font-size: 9pt;
}

/* pulldown menu - non-hilighted menu item  */
.TSMenuItem
{
	background-color: #F5F4E7;
	color: #000000;
	cursor: hand;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	height: 14px;
}

/* pulldown menu - hilighted menu item */
.TSMenuHiLight
{
	background-color: #DEDEC8;
	color: #000000;
	cursor: hand;	
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	height: 14px;
}

/** Active Buttons **/
/* back */
.webguiTSBackA
{
	height:16px;
	width:16px;
	cursor:hand;
	background-image:url(../../images/icons/s_b_tsback.gif);
}

/* forward */
.webguiTSForwardA
{
	height:16px;
	width:16px;
	cursor:hand;
	background-image:url(../../images/icons/s_b_tsforward.gif);
}

/* pulldown menu */
.PULLDOWN-TABSTRIP
{
	height:16px;
	width:16px;
	cursor:hand;
	background-image:url(../../images/icons/s_b_tspulldown.gif);
}