/** -- Layout Guide -- **/
body.avlPlain {
	background-color: #fff;
	margin: 0;
}

form {
	display: inline;
}

/* Main Container with shadow background */
#shadow {
	width: 1006px;
	background-image: url('/sap/bc/bsp/sap/zavlcommon/images/shadow_bg.jpg');
	background-repeat: repeat-y;
}

/* Container Fixed property that contains : all header, form, footer, and etc. */
.fixed {
	width: 998px;
	margin-right: 8px;
	border-right: 1px solid #e1e1e1;
}

/* Container Liquid property with 100% width that contains : all header, form, footer, and etc. */
.liquidFullSized {
	width: 100%;
}

/* Header Container that contains headerNavSection and headerPrflSection */
#globalHeader {
/*	background-image: url('/sap/bc/bsp/sap/zavlcommon/images/avlHeaderStyleFinal.jpg'); */
	background-color: #000;
	height: 127px;
	background-repeat: no-repeat;
}
#globalHeader img {
  margin-left: 40px;
}
#globalLogoTitle {
  width: 978px;
}
#globalTitle {
  margin-top: 60px;
  margin-left: 10px;
  color: #fff;
  font-size: 24px;
  font-family: arial;
  font-weight : bold;
}

/* Header Container that contains headerNavSection and headerPrflSection */
#globalHeaderSub {
	float: left;
	width: 978px;
	margin-top: 15px;
	padding-right: 20px;
}

#utilityMenu, #popUtilityMenu {
	text-align: right;
	color: #999999;
}

#utilityMenu {
}

#popUtilityMenu {
	height: 38px;
}

#userProfile {
	text-align: right;
	width: 978px;
	padding-right: 20px;
}

#globalNavigationMenu {
	background-color: #666666;
}

#progressBar {
	clear: both;
	/*height: 32px;*/
	background-color: #ededed;
	padding-left: 5px;
}

#backNavigationBar {
	clear: both;
	height: 20px;
	margin-top:10px;
	background-color: #fff;
}

#errorPage {
	clear: both;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
}

#errorPage .title {
	color: #333333;
	font-size: 24px;
	font-family: arial;
	font-weight : bold;
	line-height: 32px;
	margin-right: 10px;
	margin-bottom: 20px;	
}

#errorPage .body {
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
}

#instructionRow {
	clear: both;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;	
}

#pageTitle {
	clear: both;
	width: 973px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
}

#pageTitle .title {
	float: left;
	/*width: 145px;*/
	width: 280px;
	color: #333333;
	font-size: 24px;
	font-family: arial;
	font-weight : bold;
	line-height: 32px;
	margin-right: 10px;	
}

#pageTitle .body {
	float: left;
	/*width: 818px;*/
	width: 683px;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
}


.summaryDisplayModule {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #ededed;
}

.summaryTitle {
	float: left;
	width: 15%;
	background-color: #ededed;
}

.summaryBody {
	float: left;
	width: 85%;
	background-color: #fff;
}

.summaryBodyFull {
	float: left;
	width: 100%;
	background-color: #fff;	
}

.summaryBodyText {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 2px;
	background-color: #ededed;
	color: #333333;
	font-size: 12px;
	font-family: arial;		
}

.sectionHeader {
	/**padding-top: 10px;**/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	font-size: 14px;
	font-family: arial;
	font-weight : bold;
}

.sectionBody {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
}

.formModule {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #dcf2f7;
}
.fixed .formModule {
	width: 978px;
}

.tableModule {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

.homeModule {
	clear: both;
	/*width: 961px;*/
	width: 977px;
	margin-top: 32px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 32px;
	background-color: #fff;
}

/*
.homeModuleBody {
	float: left;
	width: 801px;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	background-color: #fff;
}
*/

.homeModuleBody {
	float: left;
	width: 812px;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	background-color: #fff;
}

#marketingArea  {
	width: 792px;
	height: 230px;
	background-color: #fff;	
	margin-bottom: 10px;
}

#promoBody {
	clear:both;	
}

/*
#marketingArea, #promoBody {
	float: left;	
}

#marketingArea {
	width: 396px;	
	margin-right: 10px;
}
*/

#promoArea {
	margin-bottom: 10px;
}

#messageModule, #newsArea {
	float: left;
}



#productOfferingSection {
	width: 395px;	
}

/* Special Handler for IE */
.formModule, .summaryDisplayModule, tableModule, homeModule {
	display: inline-block;
}

.formModule, .summaryDisplayModule, tableModule, homeModule {
	display: block;
}
/* Special Handler for IE */
.inlineErrorBox {
	width: 400px;
	padding: 5px;
	background-color: #fffdd7;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;	
	color: #e75b44;	
	border: 2px solid #e75b44;
}

.errorBox, .successBox, .warnBox {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #fffdd7;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;	
	color: #e75b44;	
	border: 2px solid #e75b44;
}

.successBox {	
	color: #006633;	
	border: 2px solid #009900;	
}

.warnBox {	
	color: #cc9933;	
	border: 2px solid #ff9900;	
}

.quickLink {
	float: left;
	width: 150px;
	/** height: 486px; **/
	margin-right: 10px;
	background-color: #dcf2f7;	
}

.progressHeader {
	margin-left: 10px;
	margin-right: 10px;
}

.progressHeaderTitle {
	float: left;
	color: #666666;
	/**font-size: 24px;**/
	padding-top: 6px;
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
}

.progressHeaderAnnotation {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

.progressHeaderRight {
	text-align: right;
	padding-bottom: 10px;
}

.progressHeader .right {
	float: left;
	text-align: right;
	padding-bottom: 10px;
	width: 481px;
}

.progressHeader .left {
	float: left;
	text-align: left;
	padding-bottom: 10px;
	width: 482px;
}

/* Start: Added to support header with title, body, and annotation */
.progressHeader .title {
	float: left;
	width: 280px;
	color: #666666;
	font-size: 24px;
	font-family: arial;
	font-weight : bold;
	margin-right: 10px;	
}

.progressHeader .body {
	float: left;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
	width: 683px;
}

.progressHeader .annotation {
	clear: both;
	text-align: right;
	line-height: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* End: Added to support header with title, body, and annotation */

.formTitle {
	float: left;
	width: 15%;
	margin: 0; 
	color: #666666;
	font-size: 16px;
	font-family: arial;
	font-weight : bold;
	background-color: #dcf2f7;
}

.sectionHeaderSmall {
	/**padding-top: 10px;**/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666666;
	font-size: 12px;
	font-family: arial;		
}

.formBody {
	float: left;
	width: 85%;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	background-color: #fff;
}

.formBodyText {
	/**padding-top: 10px;**/
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 2px;
	background-color: #dcf2f7;	
}

.formBodyTextPadded {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 2px;
	background-color: #dcf2f7;	
}

#actionButtonModule {
	clear: both;
	height: 45px;
	background-color: #66ccff;
	padding-left: 5px;
	border-top: 1px solid #999999;
}

/** IE Solution for top padding**/
#actionButtonModuleSub {
	margin-top: 10px;
}

#footer {
	clear: both;
	background-color: #000;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

#footerLink {
	margin-bottom: 10px;	
}

#footerDisclaimer {
	clear: both;	
}

.instructionBody {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;	
}

.subCategoryTitle {
	float: left;
	width: 280px;
	color: #000;
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;
	line-height: 30px;
}

.organizationNameBar {
	clear: both;
	background-color: #fff;
	margin-bottom: 10px;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;	
}

/** Styles Definition **/
#utilityMenu a{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

#utilityMenu a:hover{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	text-decoration: underline;
}

#popUtilityMenu a{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

#popUtilityMenu a:hover{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	text-decoration: underline;
}

#userProfile .label {
	color: #cccccc;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	padding-right: 5px;
}

#userProfile .text {
	color: #fff;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	padding-right: 5px;
}


.globalNavOn {
	float: left;
	display: box;
	height: 32px;
	background-color: #000;	
	color: #fff;
	font-size: 15px;
	font-family: "MyriadWebPro", arial;
	font-weight : bold;
	line-height: 32px;
	padding-left: 10px;
	padding-right: 10px;
}

#progressBar .next {
	color: #333333;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	line-height: 32px;
	padding-left: 5px;
	padding-right: 5px;
}

#progressBar .previous {
	color: #999999;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	line-height: 32px;
	padding-left: 5px;
	padding-right: 5px;
}

#progressBar .on {
	color: #333333;
	font-size: 12px;
	font-family: "MyriadWebPro", arial;
	font-weight : bold;
	line-height: 32px;
	padding-left: 5px;
	padding-right: 5px;
}

#backNavigationBar a{
	color: #0066cc;
	font-size: 10px;
	font-family: "MyriadWebPro", arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;

}

#backNavigationBar a:hover{
	color: #0066cc;
	font-size: 10px;
	font-family: "MyriadWebPro", arial;
	font-weight : bold;
	text-decoration: underline;

}

.bodyBold {
	font-size: 12px;
	font-family: Arial;
	font-weight : bold;
	color:#333333;		
}

.bodyNormal {
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;	
}

.columnHeader {
	/*font-size: 10px;
	font-family: Arial;
	font-weight : bold;
	color:#666666;*/	
	font-size: 12px;
	font-family: Arial;
	font-weight : bold;
	color:#666666;			
}

.bodyRequired {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	color:#cc0000;		
}

.bodyAnnotation {
	font-size: 10px;
	font-family: Arial;
	font-weight : bold;
	color:#cc0000;		
}

.messageAnnotation {
	color: #666666;
	font-size: 11px;
	font-family: arial;		
}

.endCustomerDropDown {
	width: 240px;
	font-size:80%;
}

.fixedSizedDropDown {
	width: 206px;
}

.fixedSizedDropDown385 {
	width: 385px;
}

.quickLinkDropDown {
	width: 130px;
	margin-left: 10px;
}

#footerLink a{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

#footerLink a:hover{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	text-decoration: underline;
}

#footerDisclaimer {
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	padding-left: 8px;
	padding-right: 8px;
}

#footerDisclaimer a{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	text-decoration: none;
}

#footerDisclaimer a:hover{
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
	text-decoration: underline;
}

.paginationDropDown {
	width: 50px;
	font-size: 10px;
}

.whiteFiller {
	border-bottom: 2px solid #fff;	
}

.grayFiller {
	border-bottom: 1px solid #666666;	
}

.buttonHolder {
	padding-left: 5px;
	padding: right: 5px;	
}


.buttonHolder a{
	color: #0066cc;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
}

.buttonHolder a:hover {
	color: #0066cc;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: underline;
}


.buttonHolderSmall {
	padding-left: 5px;
	padding: right: 5px;
}

.buttonHolderSmall a{
	color: #0066cc;
	font-size: 11px;
	font-family: arial;
	text-decoration: none;
}

.buttonHolderSmall a:hover {
	color: #0066cc;
	font-size: 11px;
	font-family: arial;
	text-decoration: underline;
}

input.buttonPrimary {
	padding:0 .25em 0 .25em;
    overflow:visible;
	color:#0066cc; 
	font-family: 'arial';
	font-weight : bold;
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #0089df #0089df #0089df #0089df;  
    cursor: pointer; /*Mozilla Compatible*/ 
    _cursor: hand; /*IE Compatible*/
    filter:progid:DXImageTransform.Microsoft.Gradient   
   	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
}

input.buttonPrimaryPadded {
	color:#0066cc; 
	font-family: 'arial';
	font-weight : bold;
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #0089df #0089df #0089df #0089df;  
    cursor: pointer; /*Mozilla Compatible*/ 
    _cursor: hand; /*IE Compatible*/
    filter:progid:DXImageTransform.Microsoft.Gradient   
   	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
   	padding-left: 10px;
   	padding-right: 10px;     	
}

input.buttonInline {
    padding:0 .25em 0 .25em;
    overflow:visible;
	color:#0066cc;   
	/*font: bold 70% 'arial',helvetica,sans-serif; */
	font: 11px 'arial',helvetica,sans-serif;
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #7cc5f1 #7cc5f1 #7cc5f1 #7cc5f1;  
    cursor: pointer; /*Mozilla Compatible*/ 
    _cursor: hand; /*IE Compatible*/
    filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
	/*text-transform: uppercase;*/
}

input.buttonInlinePadded {
	color:#0066cc;   
	font: bold 70% 'arial',helvetica,sans-serif;   
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #7cc5f1 #7cc5f1 #7cc5f1 #7cc5f1;  
    cursor: pointer; /*Mozilla Compatible*/ 
    _cursor: hand; /*IE Compatible*/
    filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
   	padding-left: 10px;
   	padding-right: 10px;    
}

input.buttonPagination {
	color:#0066cc; 
	font: bold 'arial';
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #0089df #0089df #0089df #0089df;  
    cursor: pointer; /*Mozilla Compatible*/ 
    _cursor: hand; /*IE Compatible*/
    filter:progid:DXImageTransform.Microsoft.Gradient   
   	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
   	padding-left: 2px;
   	padding-right: 2px;  
}

a.btn {
	color:#0066cc;   
	font: bold 70% 'arial',helvetica,sans-serif;   
	background-color: #f6fcfd;   
	background: #f6fcfd url(/sap/bc/bsp/sap/zavlcommon/images/avlbutton_bg.gif) repeat-x;
    border: 1px solid;   
    border-color: #7cc5f1 #7cc5f1 #7cc5f1 #7cc5f1;  
    cursor: pointer;  
    _cursor: hand; 
    filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffff',EndColorStr='#bcebf4');
	padding: .3em .3em .3em .3em;
	text-decoration: none;
}

a.btn:hover {
	color: #000; 
	border-color: #459be3 #459be3 #459be3 #459be3;
	text-decoration: none;
	background-color: #66ccff;
	background: #66ccff url('/sap/bc/bsp/sap/zavlcommon/images/avlbutton__hover_bg.gif') repeat-x;
}


table.avl {
	border-width: 1px;
	border-style: none;
	border-collapse: separate;
	background-color: #fff;
	font-size: 11px;
	font-family: arial;
}

table.avl th {
	padding: 3px;
	color: #0066cc;
	font-family: arial;
	font-weight: bold;
	background-color: #cccccc;
	/*text-align: center;*/
}

table.avl tr.header, tr.iconBar {
	background-color: #b7dae2;
}

table.avl tr.footer {
	background-color: #b7dae2;
	line-height: 1px;
}

table.avl tr.headerGray {
	background-color: #ccc;
}

table.avl tr.footerGray {
	background-color: #ccc;
	line-height: 1px;
}

table.avl td {
	padding: 3px;
	color: #333333;
}

table.actionBar td {
	text-align: left;
	color: #666666;
}

table.avl tr.gray {
	background-color: #eef0f1;
}

table.avl td.left {
	text-align: left;
}

table.avl th.left {
	text-align: left;
}

table.avl td.center {
	text-align: center;
}

table.avl th.center {
	text-align: center;
}

table.avl th.nonSortable {
	padding: 3px;
	font-family: arial;
	font-weight: bold;
	color: #333333;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
}

table.avl th.nonSortableSmall {
	font-family: arial;
	font-weight: bold;
	color: #333333;
	text-align: center;
	font-size: 11px;
}

table.avl th.nonSortableSmallLeft {
	font-family: arial;
	font-weight: bold;
	color: #333333;
	text-align: left;
	font-size: 11px;
}

.headerText {
	font-size: 11px;
	font-family: arial;
	color: #666666;
}

.iconText {
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #666666;
}

.headerTitleText {
	color: #666666;
	font-size: 16px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;
	line-height: 32px;	
}

.headerTitleSmallText {
	color: #666666;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;
}

.headerTitleLargeText {
	color: #666666;
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;
	line-height: 32px;	
}

.bodyItalic {
	color: #666666;
	font-size: 12px;
	font-family: arial;
	font-style:italic
}

a.italicLink {
	color: #0066cc;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	font-style: italic;
	text-decoration: none;
}

a.italicLink:hover {
	text-decoration: underline;

}

.verticalSpacer150 {
	height: 150px;	
}

a.headerLink, a.subjectLink {
	color: #0066cc;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
}

a.headerLink:hover, a.subjectLink:hover {
	text-decoration: underline;
}

a.headerLinkLeft {
	text-align: left;
	color: #0066cc;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
}

a.headerLinkLeft:hover {
	text-align: left;
	text-decoration: underline;
}

.quickLink a{
	display: block;
	color: #2c6690;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.formTitle a:hover{
	text-decoration: underline;
}

.formTitle a{
	display: block;
	color: #2c6690;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.quickLink a:hover{
	text-decoration: underline;
}

.quickLink H1 {
	display: block;
	color: #000;		
	font-size: 11px;
	font-weight : bold;
	font-family: arial;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.quickLink hr {
	display: block;
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}

.quickLink hr.gray {
	margin-left: 10px;
	margin-right: 10px;	
}

.quickLink hr.white {
	display: block;
	border: 0;
	height: 2px;
	color: #fff;
	background-color: #fff;	
}

.inputInline {
	font-size: 10px;
	font-family: arial;
}

/** Message Style **/
table.avl td.dateTime {
	padding: 3px;
	font-family: arial;
	font-weight: normal;
	background-color: #cccccc;
	text-align: left;
}

table.avl td.messageBody {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: arial;
	font-weight: normal;
	text-align: left;
}

h1.subject {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #333333;
	font-size: 14px;
	font-family: arial;
	font-weight : bold;	
}

hr.divider {
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}

.spaces {
	padding-right: 15px;
}

.clear {
	clear: both;
}

/** Pop Up Property **/
#popHeader {
	background-image: url('/sap/bc/bsp/sap/zavlcommon/images/popavlHeader.jpg');
	background-color: #000;
	height: 38px;
	background-repeat: no-repeat;
}

#popUtilityMenu {
	text-align: right;
	color: #999999;
}

#popTitle {
	clear: both;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
}

#popTitle .title {
	display: block;
	color: #333333;
	font-size: 24px;
	font-family: arial;
	font-weight : bold;
	line-height: 32px;
	margin-right: 10px;	
}

#popTitle .body {
	display: block;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
}

.popProgressHeaderAnnotation {
	text-align: right;
}

.popFormModule {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #dcf2f7;
}

.popFormModuleSub {
	/**padding-top: 10px;**/
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #dcf2f7;	
}

#popActionButtonModule {
	clear: both;
	height: 45px;
	background-color: #66ccff;
	margin-left: 10px;
	margin-right: 10px;	
	padding-left: 5px;
	border-top: 1px solid #999999;
}

/** IE Solution for top padding**/
#popActionButtonModuleSub {
	margin-top: 10px;
	margin-bottom: 10px;
}


/** AVL Drop Menu Style**/
#avlDropMenu {
	width:100%;
	margin:0; 
	padding:0; 
	list-style-type:none; 
	position:relative;
	background-color:#666666;
	z-index:300;    
	/*display:block;*/
}

#avlDropMenu li {
	float:left; 
	position:relative;
}

#avlDropMenu a {
	display:block; 
	color:#fff;
	font-size: 14px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	text-decoration:none;
	text-transform: uppercase;       
}

#avlDropMenu a:hover {
	background-color:#000; 
	color:#fff;
	text-decoration:none;
}

#avlDropMenu li:hover, #avlDropMenu li.hover {
	position:relative;
}

#avlDropMenu li:hover ul, #avlDropMenu li.hover ul {
	display:block; 
	position:absolute;	
	margin:0; 
	padding:0; 
	list-style-type:none;
}

#avlDropMenu ul {
	position:absolute;
	display:none; 
	width:12.25em; 
	border:1px solid #c8c8c8;
	background-color:#fff;
}

#avlDropMenu  ul li {
	display:block;
}

#avlDropMenu li ul a {
	/*float:left; */
	width:16em; 
	height:auto; 
	/*background-color:#fff;*/
	color: #333;
	font-size: 11px;
	font-family: arial;
	font-weight : bold;
	text-transform: none;
	line-height: 25px;
}

#avlDropMenu iframe {
	display:none; 
	display/**/:block; 
	z-index:-1; 
	position:absolute;	
	height:0; 
	width:0;
	left: 0;
	top: 0;
}

.subNavigationMenu {
	clear: both;
	float: left;
	width: 100%;
	background-color: #666666;
	margin-bottom: 5px;
}

.subCategoryTitle {
	float: left;
	width: 280px;
	color: #000;
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
	padding-left: 10px;
	line-height: 30px;
}

.subNavigation {
	text-align: left;
	color: #fff;
}

#subNavigationItem, #subNavigationItem ul {
	width:100%;
	margin:0; 
	padding:0; 
	list-style-type:none; 
	position:relative;
	background-color:#666666;
	z-index:1;       
}

#subNavigationItem a {
	display:block; 
	color:#fff;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	text-decoration:none;
	text-transform: uppercase;       
}

#subNavigationItem a:hover {
	background-color:#000; 
	color:#fff;
	text-decoration:none;
}

#subNavigationItem li {
	float:left; 
	position:relative;
}

#subNavigationItem li.on {
	float:left; 
	position:relative;
	color:#fff;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	text-transform: uppercase;       
	background-color:#000; 	
}

.tabModules {
	margin-left: 10px;
	margin-right: 10px;	
	margin-bottom: 10px;	
}


#tabNavigationItem, #tabNavigationItem ul {
	width:100%;
	margin:0; 
	padding:0; 
	list-style-type:none; 
	position:relative;
	z-index:1;       
}

#tabNavigationItem a {
	display:block; 
	color:#333333;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	text-decoration:none;
	text-transform: uppercase; 
	background-color:#fff0c9;
	border:1px solid #e8bb4f;
	border-bottom: none;      
}

#tabNavigationItem a:hover {
	background-color:#000; 
	color:#fff;
	text-decoration:none;
}

#tabNavigationItem li {
	float:left; 
	position:relative;
	padding-right: 4px;
}

#tabNavigationItem li a.active {
	float:left; 
	position:relative;
	color:#fff;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
	text-transform: uppercase;       
	background-color:#000;
	border:1px solid #fff;
	border-bottom: none; 	
}

.tabNavigation {

}

.tabPane {
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #e8bb4f;
}

/** Order Progress Window **/
body.avlProgress {
	background-color: #000;
	margin: 0;
}

#progressPopContainer {
     	position:absolute;
     	left: 50%; 
     	top: 50%;
     	width: 500px;
     	height: 300px;
     	margin-top: -150px;
     	margin-left: -250px;
     	border: 8px solid #ccc;
     	background-color: #fff;
}

#progressPopHeader {
	margin-top: 5px;	
}

#progressPopHeader .left {
	float: left;
	text-align: left;
}

#progressPopHeader .right {
	float: right;
	padding-right: 5px;
}

#progressPopBody {
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #666;	
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
	_height: 100px;
}

#progressPopFooter {
	text-align: center;
	color: #333333;
	font-size: 28px;
	font-family: arial;
	font-weight : normal;	
}

/** Print Message Page **/
#printHeader {
	margin: 10px;	
}

#printHeader .left {
	float: left;
	text-align: left;
}

#printHeader .right {
	float: right;
}

#printBody {
	font-size: 13px;
	font-family: arial;
	font-weight : normal;
	color: #333;	
	padding-left: 10px;
	padding-right: 10px;
}

.actionButtonHolder {
	float: left;
	padding-left: 5px;
	padding: right: 5px;	
}


.actionButtonHolder a{
	color: #0066cc;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: none;
	line-height: 20px;
}

.actionButtonHolder a:hover {
	color: #0066cc;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	text-decoration: underline;
}

/** EMAIL **/
body.avlEmail {
	background-color: #fff;
	margin-top: 0px;
	margin-left: 5px;
}

#avlEmailContainer {
	margin-top: 5px;
	width: 660px;
    background-color: #fff;
}

#avlEmailBorderTop, #avlEmailBorderBottom {
	padding: 0px;
	margin: 0px;
	width: 660px;
}

#avlEmailHeader {
	width: 658px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#avlEmailHeader .left {
	float: left;
	text-align: left;
	padding-left: 5px;
}

#avlEmailHeader .right {
	float: right;
	padding-right: 10px;
}

#avlEmailBodyContainer {
	width: 638px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#avlEmailBody {	
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;
}

#avlEmailFooter {
	text-align: center;
	color: #333333;
	font-size: 28px;
	font-family: arial;
	font-weight : normal;	
}


#avlEmailLink {
	font-size: 9px;
	font-family: arial;
	font-weight : normal;
	color: #999;	
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#avlEmailLink a{
	font-size: 9px;
	font-family: arial;
	font-weight : normal;
	color: #999;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

#avlEmailLink a:hover{
	text-decoration: underline;
}


.avlEmailSubject {
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
	color: #000;
	margin-top: 0px;
	margin-bottom: 5px;		
}

.avlEmailCallAction {
	font-size: 12px;
	font-family: arial;
	font-weight : bold;
	color: #ff0000;	
	text-transform: uppercase;
}

#avlEmailBody ol {
	list-style-type:decimal;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;
}

#avlEmailBody ol li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;
}

#avlEmailBody ul {
	list-style-type:circle;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;
}

#avlEmailBody ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	color: #333;
}

a.emailLink {
	color: #0066cc;
	font-size: 11px;
	font-family: arial;
	font-weight : normal;
	text-decoration: none;
}

a.emailLink:hover {
	text-decoration: underline;
}

.emailBodyBold {
	font-size: 10px;
	font-family: Arial;
	font-weight : bold;
	color:#333;		
}

.emailDataList {
	padding-left: 20px;	
	margin-top: 5px;
	margin-bottom: 10px;		
}

table.email {
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #fff;
}

table.email th {
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #333;	
	text-align: left;	
	border-bottom: 1px solid #333;
	background-color: #fff;	
}

table.email td {
	line-height: 20px;	
}

table.email tr {
	line-height: 20px;	
}

table.email tr.header {
	font-weight: bold;
	background-color: #fff;
}

#avlEmailLegal {
	font-size: 9px;
	font-family: arial;
	font-weight : normal;
	color: #999;	
	padding-top: 10px;
	/*padding-left: 20px;
	padding-right: 20px;*/
        padding-left: 7px;
        padding-right: 7px;
}

#newsArea {
	width: 398px;
	margin-left: 10px;
	margin-top: 2px;
}

#newsArea .header {
	display: block;
	color: #666666;
	font-size: 18px;
	font-family: arial;
	font-weight : bold;
	line-height: 30px;
	background-color: #ccc;	
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin-bottom: 2px;
}

#newsArea .body {
	display: block;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
	background-color: #eef0f1;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 18px;
	overflow: auto;
	height: 178px;
	scrollbar-base-color: #eef0f1;
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #eef0f1;
	scrollbar-shadow-color: #eef0f1;
	scrollbar-track-color: #eef0f1;	
}

#newsArea .footer {
	border-top: 5px solid #ccc;
}

#verificationPopContainer {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 500px;
     margin-top: -150px;
     margin-left: -250px;
     border: 1px solid #ccc;
     background-color: #fff;
}

#verificationPopHeader {
	background-color: #000;
	padding: 8px;
	color: #fff;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;	
}

#verificationPopBody {
	clear: both;	
	padding: 8px;
	background-color: #fff;
}


#verificationPopBody .text {
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
	color: #333333;
}

#verificationPopBodyCells {
	clear: both;	
	padding: 10px;
	background-color: #fff;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
	color: #000;
}

#verificationPopBodyCells .left {
	float: left;
	padding: 8px;
	width: 307px;
	color: #333333;
	background-color: #ededed;
	min-height: 100px;
	_height: 100px;
}

#verificationPopBodyCells .right {
	float: left;
	padding: 8px;
	color: #333333;
	margin-left: 10px;
	width: 307px;
	background-color: #ededed;
	min-height: 100px;
	_height: 100px;
}

#verificationPopBodyCells .single {
	float: left;
	padding: 8px;
	color: #333333;
	margin-left: 0px;
	margin-right: 0px;
	width: 642px;
	background-color: #ededed;
	min-height: 100px;
	_height: 100px;
}

#verificationPopFooter {
	clear: both;
}

#verificationActionButtonModule {
	clear: both;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	background-color: #66ccff;
	border-top: 1px solid #999999;
}

.bodyRed {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	font-weight : bold;
	color:#cc0000;		
}

#errorFooter {
	clear: both;
    	position: absolute;
    	bottom: 0;
	width: 100%;
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#agreementCrumb {
	margin:0; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
	font-family: Arial;
	color: #565555;
	font-size: 12px;
	line-height: 32px;

}

#agreementCrumb li {
	display: inline;
	background-image: url('/sap/bc/bsp/sap/zavlcommon/images/arrow.gif');
	background-repeat: no-repeat;
	margin:0 0 5px 0;
	padding:0 5px 0 12px;
	background-position:2px 0.3em;
}

#agreementCrumb li a:link,
#agreementCrumb li a:active {
	color: #999999;
	text-decoration:none;
}

#agreementCrumb li a:hover {
	text-decoration: underline;
}

.organizationInfo {
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : bold;	
}

.termsAndConditions {
	display: block;
	margin: 5px;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
	background-color: #eef0f1;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 18px;
	overflow: auto;
	height: 500px;
	scrollbar-base-color: #eef0f1;
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #eef0f1;
	scrollbar-shadow-color: #eef0f1;
	scrollbar-track-color: #eef0f1;	
}

#avlContact h1 {
	color: #333333;
	font-size: 13px;
	font-family: arial;
	font-weight : bold;
	margin-bottom: 10px;
}

#avlContact ul, ol {
	list-style: none;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	font-weight : normal;
}

#avlContact ol {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#avlContact ol li {	
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#avlContact ul {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#avlContact ul li {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#status {
	clear: both;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 10px;
}

#status .body {
	color: #333333;
	font-size: 24px;
	font-family: arial;
}

#status .actionBar {
  	text-align: center;  
}

.date {
	width:10em;
}