@media print
{
	.doNotPrint {display:none;}
}
@media screen
{
	.doNotPrint {}
}

BODY
{
	FONT-SIZE: 11px;
	MARGIN: 0px;
/* 	OVERFLOW: auto; */
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	BACKGROUND-COLOR: white;
}
BUTTON
{
    FONT-FAMILY: Arial,Helvetica,sans-serif;
		FONT-SIZE: 12px;
    CURSOR: hand;
}

.hyperlink
{
	cursor:									hand;
	text-decoration:				underline;
	color:									blue;
}

.banner1Class
{
	height:100px;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#4169e1', startColorstr='#FFFFFF', gradientType='1');
	overflow:none;
}


.flyerbackground1 
{
 	  background: transparent url(../icons/img16a.jpg) no-repeat top left; 
	  height: 82%; width: 95%; 
}

.flyerbackground2 
{
 	  background: transparent url(../icons/bg1c.jpg) repeat top left; 
	  height: 80%; width: 100%; 
}

.flyerbackgroundC 
{
 	  background: transparent url(../icons/bg_c.jpg) repeat top left; 
	  height: 80%; width: 100%; 
}
.flyertable1
{
	
	width:100%;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='lightblue', startColorstr='white', gradientType='1');
	overflow:none;
}
.banner2Class
{
	width:100%;
	overflow:none;
}


.panelClass
{
/* rpb:	border:thin solid #0c0c0c;   */
	overflow:auto;
}
.horizontalMenuClass
{
	width:100%;
	overflow:none;
}
.invalidInputField
{
	BACKGROUND-COLOR: red;
}
.validInputField
{
	BACKGROUND-COLOR: white;
}


.firstTierMenu
{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: small;
	FONT-WEIGHT: bold;
	color: #CC6600;
}
.secondTierMenu
{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	color: #003399;
}
.chooseSecondTierMenu
{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	color: #CC6600;
	cursor:hand;
}

	/*************************************
	*			Classes used for report buttons.
	****************************************/
.underSoft {width:100px;color:green;}
.overHard {width:100px;color:red;}
.underHard {width:100px;color:gold;}
.noLimit {width:100px;}


	/*******************************************
	*			Styles used for Compliance/Announcements panel
	*******************************************/

		.rpbtabbedmenu .tabbedmenu {
			float:none;
      background: none;
		  }


    .tabbedmenu {
      float:left;
      width:100%;  
      background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }

    .tabbedmenu ul{
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
      
    .tabbedmenu li {
      float:left;
      background:url("../images/left.gif") no-repeat left top;
      margin:0;
      margin-top: 1px;
      padding:0 0 0 9px;
      cursor: hand;
      }
      
    .tabbedmenu a {
      float:left;
      display:block;
      background:url("../images/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#776655;
      }

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/

    .tabbedmenu a {float:none;}
    /* End IE5-Mac hack */


    .tabbedmenu a:hover, .rpbtabbedmenu a:hover {
      color:#333333;  
      }

    
    .tabbedmenu #current {
      background-image:url("../images/left_on.gif");
      border-width:0;
      margin-top: 0px;
      }
      
    .tabbedmenu #current a {
      background-image:url("../images/right_on.gif");
      color:#333333; 
      padding-bottom:5px;
      }

    /*****************************************************************
    	tabbedmenuflip displays the tabs upside down.  
        Use both classes: class="tabbedmenu tabbedmenuflip"  
    ******************************************************************/    
    .tabbedmenuflip {
      background:#DAE0D2 url("../images/bg2.gif") repeat-x top; 
      }

    .tabbedmenuflip ul {
      padding:0 10px 10px;
      }
    .tabbedmenuflip li {
      background:url("../images/left2.gif") no-repeat left bottom;
      }
    .tabbedmenuflip a {
      background:url("../images/right2.gif") no-repeat right bottom;
      }
    .tabbedmenuflip #current {
      background-image:url("../images/left_on2.gif");
      }
    .tabbedmenuflip #current a {
      background-image:url("../images/right_on2.gif");
      }

    /******************************************************************
    *		unpaddedtabbedmenu is the same as tabbedmenu except that			*
    *		it does not have any padding																	*
    ******************************************************************/    
    .unpaddedtabbedmenu {
      float:left;
      width:100%;
      background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }

    .unpaddedtabbedmenu ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    .unpaddedtabbedmenu li {
      float:left;
      background:url("../images/left.gif") no-repeat left top;
      margin:0;
      margin-top: 1px;
      padding:0 0 0 9px;
      }
    .unpaddedtabbedmenu a {
      float:left;
      display:block;
      background:url("../images/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    .unpaddedtabbedmenu a {float:none;}
    /* End IE5-Mac hack */
    .unpaddedtabbedmenu a:hover {
      color:#333;
      }
    .unpaddedtabbedmenu #current {
      background-image:url("../images/left_on.gif");
      border-width:0;
      margin-top: 0px;
      }
    .unpaddedtabbedmenu #current a {
      background-image:url("../images/right_on.gif");
      color:#333;
      padding-bottom:5px;
      }







.textTable
{
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial,Helvetica,sans-serif;
}

.mainPageTitle
{
	font: 14px Arial,Helvetica,sans-serif;
	color: Brown;
}

.highlight
{
	cursor:hand;
	color:Tan;
}

/************************************************
*			Rules used for drop-down menus            *
************************************************/
	
	.dropDownMenuTable
	{
		FONT-SIZE: small;
		FONT-FAMILY: Arial,Helvetica,sans-serif;
	}
	.dropDownTopMenuTable
	{
		margin-left:20px;
		border-left: solid 1px black;
	}
	.dropDownFirstTier
	{
		text-align:center;
		width:90px;
		color: black;
		background-color: #ffffff;
		border-top: solid 1px black;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
	}
	
	.dropDownFirstTierHover
	{
		text-align:center;
		width:90px;
		color: white;
		background-color: #ddf;
		border-right: solid 1px black;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
		cursor: hand;
	}
	
	.dropDownDiv
	{
		position:absolute;
		display:none;
		background-color: white;
		border-right: solid 1px black;
		border-left: solid 1px black;
		border-bottom: solid 1px black;
		margin-top: 0px;	
		margin-left: -1px;
	}
	
	.dropDownSecondTierMenu
	{
		text-align:center;
		width:120px;
		font-weight: bold;
		background-color:#b0c4de;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
  }

	.dropDownSecondTierMenuHover
	{
		text-align:center;
		width:120px;
		font-weight: bold;
		background-color:#b0c4de;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
	}

	.dropDownSecondTier
	{
		margin-left: 10px;
		width:120px;
		background-color:#ffffff;
		color:black;
	}
	.dropDownSecondTierHover
	{
		margin-left: 10px;
		width:120px;
		background-color:#ddf;
		cursor: hand;
	}
	.dropDownThirdTier
	{
		width:120px;
		background-color:#ffffff;
	}
	.dropDownThirdTierHover
	{
		width:120px;
		background-color:#ddf;
		cursor: hand;
	}	

	#menuDiv .nowrap { white-space: nowrap; color:black; }
	
	#headerArea .sharedheadarea { text-align:center; margin-top: 20px; width:100%; }
	#headerArea.hide .sharedheadarea { margin-top: 2px; }
	#headerArea.hide .sharedheadarea img { display:none; }
	#headerArea.hide .sharedheadarea td { padding-top: 1px; padding-bottom:1px; width:75px; }

	
	/* ***************************************************************************************** */
	
	.waitingClass
	{
		cursor:wait; 
		background-image: url(../images/disable.gif);
	}
.updatePageAnchor
{
	BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  BORDER-LEFT: black 1px solid;
  BORDER-BOTTOM: black 1px solid;
 	FONT-SIZE: 11px;
  CURSOR: hand;
  FONT-FAMILY: Arial,Helvetica,sans-serif;
  HEIGHT: 18px;
  WIDTH: 100%;
	BACKGROUND-COLOR: #ece9d8;
	color: black;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
}
.updatePageInclude
{
	BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  BORDER-LEFT: black 1px solid;
  BORDER-BOTTOM: black 1px solid;
 	FONT-SIZE: 11px;
  CURSOR: hand;
  FONT-FAMILY: Arial,Helvetica,sans-serif;
  HEIGHT: 18px;
  WIDTH: 100%;
	BACKGROUND-COLOR: #ec0000;
	color: black;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
}
.inputFieldGood
{
	background-color:white;
}
.inputFieldRequired
{
	background-color:gold;
}
.inputFieldBad
{
	background-color:salmon;
}
.inputFieldGoodDisplayOnly
{
	background-color:lightgrey;
}


/************************************************
*          Dashboard Compliance Styles          *
************************************************/

div#complianceControl
{
	font-size:		11px;
}

.complianceTotalTable
{
	font-size:		12px;
	width:			80%;
	border:			0;
}

.complianceDetailTable
{
	font-size:		12px;
}

.complianceFootnote
{
	font-size:		smaller;
}


#announcementText
{
	text-align: center;
	padding: 10px;
}

/************************************************
*          Report Format Styles                 *
************************************************/

.vlReportHeader
{
	background-color:	#7ca7b7;
	font-family:		arial; 
	font-size:		11pt;
}
.vlDetailTable
{
	
	font-family:		arial; 
	font-size:		9pt;
}
.vlReportSubHeader
{
	/* background-color:	#7ca7b7; */
	height:14px; 
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#BFB992', endColorstr='#CBD5B8', gradientType='1'); 
	padding:2px; 
	font-size: 115%; 
	font-weight:bold;
}

.vlRptFieldName
{
	font-weight: bold
}


.vlRptFlyerName
{
  font-family:			algerian;
	font-size:		14pt;
	font-weight:		normal;
	color:			NAVY;
}

.vlRptFlyerRemarks
{
  font-family:			Tahoma;
	font-size:		12pt;
	font-weight:		normal;
	color:			NAVY;
}
 
.vlRptFlyerValue
{
  font-family:			algerian;
 	font-size:		14pt;
	font-weight:		bold;
	font-color:		NAVY;
}

.vlRptFlyer1Name
{
  font-family:			Tahoma;
	font-size:		14pt;
	font-weight:		normal;
	color:			Navy;
}

.vlRptFlyer1Remarks
{
  font-family:			Tahoma;
	font-size:		12pt;
	font-weight:		normal;
	color:			Navy;
}
 
.vlRptFlyer1Value
{
  font-family:			Tahoma;
 	font-size:		14pt;
	font-weight:		bold;
	color:			Black;
}

.vlRptFlyer2Name
{
  font-family:			Tahoma;
	font-size:		14pt;
	font-weight:		normal;
	color:			Black;
}

.vlRptFlyer2Remarks
{
  	font-family:		Tahoma;
	font-size:		12pt;
	font-weight:		normal;
	color:			Black;
}
 
.vlRptFlyer2Value
{
  font-family:			Tahoma;
 	font-size:		14pt;
	font-weight:		bold;
	color:			Black;
}
.vlRptFlyerCName
{
  font-family:			Candara;
	font-size:		14pt;
	font-weight:		normal;
	color:			Black;
}

.vlRptFlyerCRemarks
{
  	font-family:		Candara ;
	font-size:		12pt ;
	font-weight:		normal ;
	color:			Black ;
}
 
.vlRptFlyerCValue
{
  font-family:			Candara;
 	font-size:		14pt;
	font-weight:		bold;
	color:			Black;
}




.vlDetailFieldLabel
{
  font-family: arial; 
	font-size: 9pt;
	font-weight: bold;
	background-color:	     ;
}

.vlDetailFieldValue
{
	font-weight: normal;
	background-color:	 ;
	font-family:		arial; 
	font-size: 9pt;
}


.vlRptFieldValue
{
}

.vlEditImage
{
  background:  url("../images/properties.gif") no-repeat;
  width: 30px;
  zzbackground:url("../images/right2.gif") no-repeat right bottom;
}


.vlRptGridRowHeader
{
  FONT-WEIGHT: bold; 
  BACKGROUND-COLOR: silver; 
  TEXT-ALIGN: center
}

.vlRptGridRowDetail
{
}



.thumb {height: 45px; padding: 3px;  }
.selectthumb { border: 1px solid #565638; padding: 2px; }
.thumbctrout { width: 200px; height: 56px; overflow:hidden; text-align:left; margin-top:3px;}
.thumbctrin { width: 5000px;  }  /* */

		
.listrptrecord, .listrptrecord TD { background-color: white;}
.listrptrecord:hover, .listrptrecord:hover TD { background-color: #DFDDC8; cursor: hand;}
.listrptrecordhover TD  { background-color: #DFDDC8; }

.listingHighlight { position:absolute; border: solid #A39A62 1px; background-color:white; width: 200px; z-index:110; }
.listingHighlight .hd1 { font-weight: bold; background-color: #BFBC92; padding: 0px 10px 0px 10px; }
.listingHighlight .hd2 { font-weight: bold; margin-top:5px; }



/************************************************
*          Sidebar Styles                      *
************************************************/

	.sideBar h2{
		color:#000000;
		font-size: x-small;
		font-family:arial;
		margin:10px 10px 10px 10px;
		font-weight:bold;
	}
	
	.sideBar h2 span{
		font-size:105%;
		font-weight:normal;
	}


	.sideBar .sideBarLinkList{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	.sideBar .sideBarLink{
		margin:0px 10px 1px 10px;
		list-style-type:none;
		display:block;
	 	color: black;
	 	font-weight;
		background-color:#BFB992;
		width:177px;
	}
	
	.sideBar .sideBarLink a{
		width:100%;
		color: gray;
		font-size: 93%;
		margin:0px 0px 0px 0px;
		padding:3px;
	}
	
	.sideBar .sideBarLink a:link,
	.sideBar .sideBarLink a:visited{
		text-decoration:none;
		display:block;
		color: black;
		font-size:93%;
		width:100%;
	}
	
	.sideBar .sideBarLink a:hover {
		xxcolor:#FFFFFF;
		text-decoration:none;
		background-color: #CBD5B8
	}

	
	.sideBar{
 		background-color: #D5D0BA;
		font-family: arial;

		height: auto;
	}
	
	.sideBarLeft{
	/*
		background-image:url(../images/slidebackground-right.gif);
		background-position:top right;
		background-repeat:repeat-y;
	*/	
	}
	.sideBarRight{
		xxleft:-7px;
		background-image:url(../images/slidebackground-left.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
		
	.sideBarTab{
		height: 100%
		width:28px;
		background-color: white;
	}

	.sideBarLeft .sideBarTab{
		float:right;
	}

	.sideBarRight .sideBarTab{
		float:left;
	}
	
	.sideBarTab img{
		border:0px solid #FFFFFF;
	}
	
	.sideBarContents{
		overflow:hidden !important;
	}
	
	.sideBarContentsInner{
		width:150px;
	}



************************************************/





	
.podTitleBar
{
	cursor:move;
  background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
}

/* Apply the element you want to drag/resize */
.drsElement { position: absolute; border: 1px solid #836531;}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle { height: 20px; background-color: #fffff0; cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize { position: absolute; width: 8px; height: 8px; font-size: 1px; background: #EEE; border: 1px solid #333;}
.dragresize-tl { top: -8px; left: -8px; cursor: nw-resize;}
.dragresize-tm { top: -8px; left: 50%; margin-left: -4px; cursor: n-resize;}
.dragresize-tr { top: -8px; right: -8px; cursor: ne-resize;}
.dragresize-ml { top: 50%; margin-top: -4px; left: -8px; cursor: w-resize;}
.dragresize-mr { top: 50%; margin-top: -4px; right: -8px; cursor: e-resize;}
.dragresize-bl { bottom: -8px; left: -8px; cursor: sw-resize;}
.dragresize-bm { bottom: -8px; left: 50%; margin-left: -4px; cursor: s-resize;}
.dragresize-br { bottom: -8px; right: -8px; cursor: se-resize;}
	
	
.listingsummary { border: 1px solid #AAAAAA; width:230px; }
.listingsummary TH {font-weight: bold; background-color: #DDDDDD;  }
.listingsummary TD { padding-right: 5px; }
.listingsummary .oddrow { background-color:white;}
.listingsummary TD.evenrow { background-color: #F0F0F0;}

.pod .compliance { width: 225px; border: 1px solid #AAAAAA; }
.pod .compliance .good { height: 80px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#AAFFAA', gradientType='0'); }
.pod .compliance .goodthank { font-size: larger; padding: 10px; font-weight: bold; }
.pod .compliance .bad  { height: 80px;  text-align:left; padding-top: 10px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#FFAAAA', gradientType='0'); }
.pod .compliance .badcount { font-size: x-large; font-weight: bold; float:left; padding: 20px 10px 20px 10px; }

#userpreferencemenu {	background-image: none; background-color: #BFBC92; }




.normalizedpod #announcementPanel a:link, .normalizedpod #announcementPanel a:visited { text-decoration:none; color:black; }
.announcementname:link, .announcementname:visited { text-decoration:none; color:black; }
.showhidebodycell a:link, .showhidebodycell a:visited { text-decoration:none; color:black; backgound-color: white; }
.showhidebodycell a img { border: 0; backgound-color: white; }
.normalizedpod #announcementPanel .announcementextra { display:none; }
.maximizedpod #announcementPanel .hideextra .announcementextra { display:none; }
.normalizedpod #announcementPanel .showhidebody, .normalizedpod #announcementPanel .showhidebodycell { display: none; }
.maximizedpod #announcementPanel .hideextra .showhidebody {
	  background: transparent url(../images/plus.gif) no-repeat top left; 
	  height: 9px; width: 9px; margin-top: 3px;
}
.maximizedpod #announcementPanel .showextra .showhidebody { 
		background: transparent url(../images/minus.gif) no-repeat top left; 
		height: 9px; width: 9px; margin-top: 3px; 
}
.announcementlink { margin-left: 30px; }

#announcementButtons { overflow:auto; height:180px; }
#announcementButtons TH {text-align: left; }
#announcementPanel { overflow:auto;	height:180px; border:1px solid #BFBC92; }
.maximizedpod #announcementPanel { height:450px; }

#announcementPanel .unread .msgreadimg {
 	  background: transparent url(../icons/emailunread.gif) no-repeat top left; 
	  height: 16px; width: 16px; display: block;
}
#announcementPanel .read .msgreadimg {
 	  background: transparent url(../icons/emailread.gif) no-repeat top left; 
	  height: 16px; width: 16px; display: block;
}


.winsmallsize .smallsize_hide {display: none; }
.winmedsize .medsize_hide {display: none; }
.winlargesize .largesize_hide {display: none; }

.detailrptimg               {width: 400px; }
.winsmallsize .detailrptimg {width: 250px; }


/***********************************************************************
*     Styles related to the search page tab slider
***********************************************************************/
    
  #tabgroup { height: 32px; width:450px; overflow:hidden; }
  #tabgroup.scroll { margin-left: 16px; margin-right: 16px; }
    
  #tabscrollback { 
        height: 24px; width: 12px; position:absolute; left:0px; 
        margin-top:6px; margin-left: 2px; padding: 0; cursor:hand;
        background: transparent url(../Images/sliderButtonsSmall.gif) -16px -1px no-repeat; 
  }
  #tabscrollback:hover { background-position: -31px -1px; } 
  #tabscrollback.disable  { background-position: -1px -1px; }
  #tabscrollback.hidescroll, .hidescroll { display: none; }
    
  #tabscrollforward {  
        height: 24px; width: 12px; position:absolute; right:15px; 
        margin-top:6px;  cursor:hand;
        background: transparent url(../Images/sliderButtonsSmall.gif) -61px -1px no-repeat;
  }
  #tabscrollforward:hover { background-position: -46px -1px; } 
  #tabscrollforward.disable { background-position: -76px -1px; }
  #tabscrollforward.hidescroll { display: none; }