/***** Webgui browser independent CSS classes *****/

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

/* font size for all webgui elements */
.
{
   	font-size:9pt;           	/*diff. from GeneratorDiff.doc */
}

.all
{
	/*/tj/2001-10-02 */
   	font-size:9pt;
	font-family:arial,sans-serif; 	
	font-weight: normal; 
	padding-top: 0px; 
}

/* A href link attribute */
A 
{
	text-decoration:none;
}

/* A href link attribute with mouse over */
A:hover 
{
	text-decoration: underline;
}

/* 9pt text used in edit control */
.text 
{
	font-family:arial,sans-serif; 
	font-size:9pt;
}

/* search help button */
img.searchhelpbutton
{
	height:17px;
	width:17px;
	background-image:url(../images/buttons/tanicon.gif);
}

/* EWT search help button */
.ewtSHButton
{
	height:17px;
	width:17px;
	background-image:url(../images/buttons/tanicon.gif);
	visibility:hidden;
}

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

.WebguiStatusBarFont
{
    font-family: arial, non-serif;
    font-size:9pt;
}

/* background color of menu bar in webguiStartupBanner */
.menuBar
{
   	background-color: #172972;
}

.WebguiTempHeaderLogo
{
   	background-image:url(../images/logos/sapfast.gif);
	height:63px;
	width:124px;
}

.WebguiHeaderLogo
{
   	background-image:url(../images/logos/sapwater.gif);
	height:63px;
	width:124px;
}

.WebguiBusyHeaderLogo
{
   	background-image:url(../images/logos/sapfast.gif);
	height:63px;
	width:124px;
}

/******** Std. Button Bar **********/

/* background color */
.WebguiStdButtonBar
{
    background-color: #BDBDBD;
}

/*********** Title Bar ************/

/* background color */
.WebguiTitleBar
{
    background-color: #FFFFFF;
}

/* color and font for title */
.WebguiTitleBarFont
{
	color: #5A9CCE; 
	font-weight: bold; 
	font-style: italic;
	font-family:arial,sans-serif; 	
	font-size: 14pt;
}

/*********** Button Bar ************/

/* background color */
.WebguiButtonBar
{
    background-color: #D9D7C6;
}

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

/* message line - right end icon background */
.WebguiMessageLineIcon
{
    background-color:#99B9C8;
}

/********* Modal - Popup **********/

/** modal title bar **/ 
/* background/font color */
.WebguiModalTitleBar
{
   	font-family:arial,sans-serif; 
   	font-size:10pt; 
   	background-color: #172972;
   	color: #97A1C9; 
}
.WebguiModalTitleBarDisabled
{
   	font-family:arial,sans-serif; 
   	font-size:10pt; 
   	background-color: #393726;
   	color: #FFFFFF; 
}

/* Left image */
.WebguiModalTitleBarLeft
{
	background-image:url(../images/modalheader/leftside.gif);
	height:19px;
	width:19px;
}
.WebguiModalTitleBarLeftDisabled
{
	background-image:url(../images/modalheader/dim_leftside.gif);
	height:19px;
	width:19px;
}

/* Close button Active */
.WebguiModalTitleBarXA
{
	background-image:url(../images/modalheader/xon.gif);
	height:16px;
	width:17px;
}
.WebguiModalTitleBarXADisabled
{
	background-image:url(../images/modalheader/dim_xon.gif);
	height:16px;
	width:17px;
}

/* Close button Inactive */
.WebguiModalTitleBarXI
{
	background-image:url(../images/modalheader/xoff.gif);
	height:16px;
	width:17px;
}
.WebguiModalTitleBarXIDisabled
{
	background-image:url(../images/modalheader/dim_xoff.gif);
	height:16px;
	width:17px;
}

/* Right image (SAP logo) */
.WebguiModalTitleBarRight
{
	background-image:url(../images/modalheader/rightside.gif);
	height:19px;
	width:19px;
}
.WebguiModalTitleBarRightDisabled
{
	background-image:url(../images/modalheader/dim_rightside.gif);
	height:19px;
	width:19px;
}

/* modal toolbar right end icon background - popup */
.WebguiModalToolBar
{
   	font-family:arial,sans-serif; 
   	font-size:10pt; 
   	background-color: #D9D7C6;
   	color: #97A1C9; 
}

/* modal button bar background color - popup */
.WebguiModalButtonBar
{
    margin: 2px;
    background-color: #D9D7C6;
}

/******** GridView Control **********/
.button 
{ 
	color:#42423D;
	padding-top: 3px; 
	font-family:arial,sans-serif; 	
	font-weight: normal; 
}

.offstateformbtn
{
	font-family:arial,sans-serif; 
	font-size:9pt;
   	text-align:center;
   	background-image:url(../images/buttons/offstate/back.gif);
   	border: outset #E2E1D0 1px; 
	height: 19px;
}

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

.offstatetbbtn
{
   	text-align:center;
   	background-image:url(../images/buttons/offstate/back.gif);
   	border: outset #E2E1D0 1px; 
        height:19px; 
   	width: 100%;    	
}

.inactivetbbtn
{
   	text-align:center;
   	background-image:url(../images/buttons/inactive/back.gif);
   	border: outset #E2E1D0 1px; 
        height:19px; 
   	width: 100%; 
}

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

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

/* title corner background color */
.groupboxcorner
{
	background-color: #DEDEC8;
}

/* title corner background color */
.groupboxcornerimg
{
	width:17px;
	height:17px;
   	background-image:url(../images/corner.gif);
}

/* title background color */
.groupboxheader
{
	background-color: #6780B8; 
	border-bottom: 1px solid #8D8D80;
}

/* body */
.groupboxmaxcontent
{
	font-family:arial,sans-serif;
	font-weight: normal;
	padding-top: 0px;
	overflow: hidden; 
	width:100%; 
	height:100%; 
	background-color: #DEDEC8; 
	border-style: solid; 
	border-color: #8D8D80; 
	border-width:1px;
}

/* body without dimension*/
.groupboxcontent
{
	font-family:arial,sans-serif;
	font-weight:normal;
	padding-top: 0px;
	overflow: hidden;
	width:100%;
	height:100%;
	background-color: #DEDEC8; 
	border-style: solid; 
	border-color: #8D8D80; 
	border-width:1px;
}

/******** Table Control *********/

td.TCSlider
{
	background-color="#E6E6E6";
	background-repeat:no-repeat;
	height:100%;
}
/* background border color for table cells in table control */
.TCView
{ 
	font-size: 9pt; font-family: arial, helvetica, sans-serif; 
	background-color: #4F556A; 
}

/* row attributes */
tr.TCRow 
{ 
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #EBEAD8; 
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

/* unselected non-editable table row */
tr.TCCellText
{ 
	padding-left:  1px;
	padding-right: 1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #EBEAD8;
	cursor: hand;
}

/* unselected non-editable table row, light background */
tr.TCCellTextLight
{ 
	padding-left:  1px;
	padding-right: 1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FDFCF0;
	cursor: hand;
}

/* unselected non-editable table row */
tr.TCCellTextSelected
{ 
	padding-left:  1px;
	padding-right: 1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FFCC33;
	cursor: hand;
}

/* unselected non-editable table row, light background */
tr.TCCellTextLightSelected
{ 
	padding-left:  1px;
	padding-right: 1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FFCC33;
	cursor: hand;
}

/* unselected non-editable table cell */
td.TCCellText
{ 
	padding-left:  1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #EBEAD8;
}

/* unselected non-editable table cell, light background */
td.TCCellTextLight
{ 
	padding-left:  1px;
	padding-right: 1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FDFCF0;
}

/* selected non-editable table cell */
td.TCCellTextSelected
{ 
	padding-left:  1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FFCC33;
}

/* row selector background color*/
td.TCCellImage
{ 
	padding: 0px;
	background-color: #EBEAD8;
}

/* row selector image dimension */
img.TCSelImage
{
	width:16px ;
	height:16px ;
}
	
/* unselected editable table cell */
td.TCCellInput
{ 
/*	padding-left:  5px;
	padding-right: 5px;*/
	padding-left:1px;
	padding-right:1px;
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FDFDF3; 
	background-repeat:no-repeat;
 	background-position:left center;
}

/* selected editable table cell */
td.TCCellInputSelected
{ 
	padding-left:1px;
	padding-right:1px;	
	font-size: 9pt; font-family: arial,helvetica,sans-serif;
	background-color: #FFCC33; 
	background-repeat:no-repeat;
 	background-position:left center;
}

/* title */
td.TCHeader 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left:  5px;
	padding-right: 5px;
	color: #FFFFFF;
   	background-color: #6780B8;
}

/* footer */
td.TCFooter 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left:  5px;
	padding-right: 5px;
	color: #55554B;
   	background-color: #CDCDBE;
	border-width:1 0 0 0;
	border-style:solid;
	border-color:#72726A;
}

/* column title - non selectable */
td.TCColumnTitle
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	font-weight: normal; 
	padding-left:  1px;
	/*padding-right: 5px;*/
	color: #55554B;
   	background-color: #DEDEC8;
}

/* column title - non selectable */
th.TCColumnTitle
{
	font-family:arial,sans-serif;
	font-size:9pt;
	font-weight: normal;
	padding-left:  1px;
	/*padding-right: 5px;*/
	color: #55554B;
   	background-color: #DEDEC8;
}

/* scrollup action buttons */
td.TCLeft
{
	padding-left:0px;
}

/* scrolldown action buttons */
td.TCRight
{
	padding-left:8px;
}

/** Inactive TC Buttons **/
/* Top Page Button */
img.TCTopPageI
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../images/table/dim_top.gif);
}

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

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

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

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

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

/* Jump Row Button */
img.TCJumpRow
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../images/table/jumprow.gif);
}

/* Jump Row Button */
img.TCJumpRowDisabled
{
	border:0px;
	height:15px;
	width:15px;
	background-image:url(../images/table/dim_scrollright.gif);
}

/* Jump Row Total Label */
td.TCJumpRowTotal
{
	font-family:arial,sans-serif; 
	font-size:8pt;
	font-weight: normal; 
	color: #55554B;
}

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

/* line under label with input */
.labelLine
{
   	font-size:9pt;
	font-family:arial,sans-serif; 	
	font-weight: normal; 
	border-bottom: 1px solid #F5F4E7;
	position:absolute;
    	height: 1px; 
    	padding-top: 2px; 
}

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

/* NEW in frog2002, copied for 99 */
.SplitterChild
{
        position:absolute;
        border-color:#CDCDBE; /* 99 design */
        border-style:solid;
        overflow:hidden;
}
/* splitter sash selected color */
.SplitterSashSelected
{
	position:absolute;
	background-color:#DEDEC8;
	border: 2px solid #BEBEAB;
	margin: 0px;
}

/* splitter sash unselected color */
.SplitterSashUnselected
{
	position:absolute;
	background-color:#DEDEC8;
	border: 2px solid #AAAA9C;
	margin: 0px;
}

/********** TabStrip Control **********/

/* tabstrip pulldown menu - font for a check at the end of tab's label*/
.TSMenuCheck
{
	font: 6pt webdings;
	padding-top: 0px;
	padding-bottom: 0px;
}

/** Inactive Buttons **/
/* back */
img.webguiTSBackI
{
	height:16px;
	width:16px;
	background-image:url(../images/icons/s_b_tsdback.gif);
}

/* forward */
img.webguiTSForwardI
{
	height:16px;
	width:16px;
	background-image:url(../images/icons/s_b_tsdforward.gif);
}

/*** TS tab bar ***/
/* misc */
/* TS line */
.webguiTSLine
{
	background-color:#FFFFFF;
}

/* TS selection color */
.webguiTSSel
{
	background-color:#DEDEC8;
}

/* TS deselection color */
.webguiTSDesel
{
	background-color:#C6C6B7;
}

/** front image **/
/* active */
img.webguiTSFrA
{
	height:18px;
	width:28px;
	background-image:url(../images/fron.gif);
}

/* inactive */
img.webguiTSFrI
{
	height:18px;
	width:28px;
	background-image:url(../images/froff.gif);
}

/* active with layers */
img.webguiTSFrLayA
{
	height:18px;
	width:41px;
	background-image:url(../images/tabs/frlayon.gif);
}

/* inactive with layers */
img.webguiTSFrLayI
{
	height:18px;
	width:41px;
	background-image:url(../images/tabs/frlayoff.gif);
}

/** back image **/
/* active */
img.webguiTSBkA
{
	height:18px;
	width:14px;
	background-image:url(../images/bkon.gif);
}

/* inactive */
img.webguiTSBkI
{
	height:18px;
	width:14px;
	background-image:url(../images/bkoff.gif);
}

/* active with layers */
img.webguiTSBkLayA
{
	height:18px;
	width:24px;
	background-image:url(../images/tabs/bklayon.gif);
}

/* inactive with layers */
img.webguiTSBkLayI
{
	height:18px;
	width:24px;
	background-image:url(../images/tabs/bklayoff.gif);
}

/** in between image **/
/* on off */
img.webguiTSOnOff
{
	height:19px;
	width:24px;
	background-image:url(../images/onoff.gif);
}

/* off on */
img.webguiTSOffOn
{
	height:19px;
	width:24px;
	background-image:url(../images/offon.gif);
}

/* off off */
img.webguiTSOffOff
{
	height:19px;
	width:24px;
	background-image:url(../images/offoff.gif);
}

/* tabstrip container */
.webguiTSDiv
{
	font-family:arial,sans-serif; 	
	font-weight: normal; 
	padding-top: 0px;
	overflow:auto;
	background-color: #DEDEC8;
	position:absolute;
}

/***** used in templatelibrarytabledhtml *****/
/******* used in templatelibrarybasis *******/
.appheadlink
{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#97A1C9;
}

.appheadlinkon
{
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#FFFFFF;
}

.appdoctitle
{
	font-family:arial,sans-serif;
	font-size:15pt;
	color:#5A9CCE;
}

/*********** Unknown **************/
.inactive 
{ 
	font-family:arial,sans-serif; 
  	font-size:10pt; 
  	color:#999989;
}

.on 
{  
	text-decoration:underline;
}

.off 
{  
	text-decoration:none;
}

.menuText
{
	font-family:arial,sans-serif; 	
	font-weight: normal; 
	font-size:8pt;
	padding:0px;
	margin:0px;
}

.tab 
{
	font-family:arial,sans-serif; 
	font-size:9pt;
}

.nonedit 
{
	font-family:arial,sans-serif; 
	font-size:9pt; 
	color:#55554B;
}

.pulldown 
{	
	font-family:arial,sans-serif; 
	font-size:9pt; 
	background-color: #FDFDF3; 
	border:0px;
}  

.statusendicon
{
	border-top: solid #8D8D80 1px;
	height: 21px;
	width: 20px;
	background-image:url(../images/statusbar/statusend.gif);
}

/*EWT webgui extensions*/
.appHeadLeft {
	background-image: url(../images/header/leftheader.gif);
	height:64px;
	background-repeat:repeat-x;
	width:100%;
}

.appHeadLogo {
	background-image: url( ../images/header/saplogo_sim.gif );
	width:356px;
	height:64px;
}

.appdoctitle {
	font-family:arial,sans-serif;
	font-size:15pt;
	color:#5A9CCE;
}
 
.appHeadlink {
	font-family:arial,sans-serif;
	font-size:9pt;
	color:#97A1C9;
	text-decoration:none;
	/* used for Dynpro- and ScreenIndependent Header*/
}

.appHeadlink:link {
	color:#97A1C9;
	text-decoration:none;
	/* used for Dynpro- and ScreenIndependent Header*/
}

.appHeadlink:visited {
	color:#97A1C9;
	text-decoration:none;
}

.appHeadlink:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.controlLayer{
	font-family: arial, helvetica, sans-serif;
	font-size:9pt;
	overflow:auto;
	background-color:#F5F4E7;
}

.underlineLabel{
	border-bottom:solid 1px #FFFFFF;
}

.underlineValue{
	background-color:#FFFFFF;
}

.WebguiBodyScroll{
	background-color: #95B2C3;
}

.groupBoxHeaderEmpty {
	background-color: #6780B8;
	border-bottom: 1 solid #4F556A;
}

.groupBoxContentPadding {
	padding-left:10;
	padding-top:10;
	padding-bottom:10;
	padding-right:10;
}

.groupboxCornerImage{
	background-image: url( ../images/corner.gif );
	width:17px;
	height:17px;
}

.subscreenmaxheader{
	position:relative; /* added for NN6 */
	font-family:arial,sans-serif;
	font-weight: normal;
	padding-top: 0;
	width:100%;
	height:100%;
	background-color: #DEDEC8;
	overflow:auto;
}

.subscreenheader{
	font-family:arial,sans-serif;
	font-weight:normal;
	padding-top: 0;
	background-color: #DEDEC8;
}