/*  SYBASE Styles that we use for NAVIGATION MENU, TOP BAR, and some other miscellaneous styles.

	Anything with a HASH tag (#) is used for an ID tag, like id="currentVTab"
	Anything with a dot (.) is used as a class, like  class="tabtable"
	
 */

#currentVTab .vtabRow {border-right: 0; padding-right: 0;}
#currentVTab .vtab {background-color: #CCECF8; line-height: 25px; border-right: 0px; }
#currentVTab .vtabArrow{background-image: url('images/vTabSelectedArrow.gif');
background-repeat: no-repeat; background-position: left 50%; width:15px;
}

/*
    POINTER style is a copy of currentVTab style, but is usable as CLASS= instead of ID=
*/
.pointer .vtabRow   {border-right: 0; padding-right: 0;}
.pointer .vtab      {background-color: #CCECF8; line-height: 25px; border-right: 0px; }
.pointer .vtabArrow 
{
    background-image: url('images/vTabSelectedArrow.gif');
    background-repeat: no-repeat; 
    background-position: left 50%; 
    width:15px;
}



.tabtable {
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	border: 0;
	width: 150px;
}


.vtab, .vtab a:link, .vtab a:hover, .vtab a:visited 
{
    font-weight: bold; 
	text-decoration: none; 
	color:#333333; 
	font-size:12px;
	font-family:calibri, trebuchet MS; 
}
.vtab {padding-left: 5px;line-height:25px;}
.vtabRow {border-right: 1px solid #D1CECE; 
		border-bottom: 1px solid #D1CECE;
		padding: 4px 0px; 
	}
.vtabTop {border-top: 1px solid #D1CECE;}
.vtabBottom {border-bottom: none;}

.vtabborderedBox {border-right: 1px solid #D1CECE;
		border-left: 1px solid #D1CECE; 
		background: #FFFFFF;
		padding: 0px 0px;}
.vTabContent {vertical-align: top;}
.vTabContentPadded {padding: 10px 10px 10px 0;}
.vtabRow:hover {
	cursor:pointer;
}



/*****
 *  SYBASE STYLES for HEADER BAR
 */

/*** Start Worldwide Sites dropdown ***/
.wwText {
  font-size: 11px;
  font-family: Arial
}
.wwBkg {
  background: url('images/worldwideMap.gif') no-repeat left 50%;
  /* Order of background:  Color, image, repeat, attachment, position.
    SEE:  http://www.w3schools.com/css/css_background.asp  */
}
.topHeader  
{
    background: url('images/topCenterBkg.jpg') no-repeat right top;
    width:100%; 
}

.left { float: left; 
         margin-left:15px} 

.right { float: right; margin-right:15px}

.contentAlign { line-height:85px; }

/* links in header */
.contextualLink {
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  color: #000000;
}
/* Custom Style for the Black bar of text that says Mobile Enterprise Tech Support  
   Jan2016: Modified to be SAP orange bar   */
.BlackBarText {
    color:#FFFFFF;
    font-family:Calibri,trebuchet MS, Arial;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing: 1px;
    white-space:nowrap;
    background-color:Black;
    text-align:left;
    height:42px;
    text-indent:10px;
    border-top: solid 10px #F0AB00;
}

/* SAP LOgo Area 
#logoarea h1 a {
    display: block;
    padding-left: 66px;
    height: 33px;
    background: url(/~sapidp/002006825000000053112013E.png) no-repeat;
    line-height: 33px;
    text-decoration: none;
    color: #FFF;
}

    */

/******************************************
 **  SYBASE BUTTON STYLES  
*******************************************/

input.btnWhiteRnd
{
   background-color:#333333;
   border:1px solid #575757;
   font-size:11px;
   font-family: Tahoma, Arial,  sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   vertical-align: bottom;
   padding-bottom: 2px;
   cursor: pointer;
}

img.btnWhiteRnd { vertical-align: bottom; }

/* 
input.btn
{
   background-image:url('button_bkg.gif');
   background-color:#ffffff;
   border-style:none;
   font-size:11px;
   font-family: Tahoma, Arial,  sans-serif;
   font-weight:900;
   color:#ffffff;
   height: 26px;
   vertical-align: bottom;
   padding-bottom: 2px;
   cursor: pointer;
   overflow: visible;
}
img.btn { vertical-align: bottom; }

input.btnRnd
{
   background-color:#333333;
   border:1px solid #575757;
   font-size:11px;
   font-family:Tahoma, Arial,  sans-serif;
   font-weight:bold;
   color:#A5A5A5;
   height: 21px;
   vertical-align: bottom;
   padding-bottom: 2px;
   cursor: pointer;
}

img.btnRnd { vertical-align: bottom; }
*/



/* SYBASE list styles
    Note that Sybase had it as style name: grayarrowlist 
    Here, just making it default for ALL UL styles.  No need to specify gray arrow list now.  */

ul {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
   margin-top: 5px; 
   margin-bottom:4px;

}

ul li {
   list-style-image: none;
   background-image: url('images/arrow_bullet_gray.gif'); 
   background-repeat: no-repeat;
   background-position: left 2px;
   padding-left : 15px;
   padding-bottom:  4px;
}






/***********************
 **** These Styles *may* be used, maybe not.
 */

/* style for pipe in header and footer */
.contextualDelimiter {
    font-size: 10px;
    padding: 0 3px 0 3px;
    font-family: Arial
}
/* START main mavigation styles */
#bgdNav 
{
    background: #000000 url('topNavRightOff.gif') no-repeat right top;
    font-family:sans-serif;
    font-size:11px;
    height:42px;
    position:relative;
    width:979px;
    clear:both;
}
/* style for pipe in header and footer */
.navDelimiter {
    font-size: 13px;
    font-family: Calibri, trebuchet MS, Arial;
    color: #4D4D4D;
}