HTML, BODY, TABLE, INPUT, SELECT, TEXTAREA
{
	color: #444;
}

textarea 
{
	font-family:Arial;
	font-size:12px;
}
.wait, .wait * { cursor: wait !important; }

fieldset
{
	border-color:#990000;
}
.topCenter
{
	 font-size:23px; font-style:italic;font-family:Trebuchet MS, Sans-Serif;
}

.navBar
{
	background-color:#F00000; width:100%; color:#FFFFFF; font-style:italic; font-size:20px;
}

.navLinks
{
	background-color:#F00000; width:100%; font-size:14px; padding:4px;
}

.navLinks a:link
{
	color:#FFFFFF;text-decoration:none;
}

.navLinks a:visited
{
	color:#FFFFFF;text-decoration:none;
}

.navLinks a:hover
{
	text-decoration:underline;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:White;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

a.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight:normal; color:Blue;
}

.hintheader
{
	font-size: 18pt; color: black; font-family: Calibri; padding:4px; background-color:#DCD7C2;
}
.hintbody
{
	font-size:14px;text-align:left
}

.ratingStar
{
            font-size: 0pt;
            width: 12px;
            height: 12px;
            cursor:pointer;
            background-repeat: no-repeat;
 }
 
.filledRatingStar 
{
  background-image: url('../../Images/filledstar.png');
}

.emptyRatingStar
{
  background-image: url('../../Images/emptystar.png');
}

.savedRatingStar
{
  background-image: url('../../Images/savedstar.png');
}

.TextBoxWatermark
{
	color:Red; font-style:italic;width:149px;
}

.ListMaintenanceCategoryGroup
{
	font-size:x-large;
	font-weight:bold;
}

.ListMaintenanceCategory
{
	font-size:large;
}

.ListMaintenanceSubCategory
{
	font-size:small;
	font-style:italic;
}

.ListMaintenanceControls
{
	font-size:small;
}

.ListTable
{
		 
}
.RegularFont
{
	font-family:Arial;
	font-size:10pt;
}
.TabContainer
{
	margin: 5px 5px 5px 5px;
}
.LogoNote
{
 background-color: #d3d3d3;
 border: solid 1px black;
}
.grid, .datagrid
{
	border: solid 1px #acbbde;
	border-collapse: collapse;
	text-align: left;
}

.grid .header, .grid .header TH, .grid .header TD, .datagrid .header TD
{
	font-weight: normal;
	border: solid 1px #acbbde;
	background: #ffffff url('/Images/GridHeaderBackground.gif') repeat-x bottom right;
	padding-left: 6px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
}

.grid .row TD, .datagrid .row TD
{
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
	padding-left: 6px;
	padding-right: 6px;
}

.grid .rowalt TD, .datagrid .rowalt TD
{
	background-color: #F4F4F4;
	padding-left: 6px;
	padding-right: 6px;
}
.error 
{
	color:Red;
}
.required 
{
	color:Red;
}
.searchHeader
{
	font-weight:bold;
}
.smallLink
{
	font-size:8pt;
}
.largeLink
{
	font-size:14pt;
	font-weight:bold;
}
.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:5px;	
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

body  {
	background: #999999;
	background-image: url(images/body_BckGrd.jpg);
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
a:link {
	color: #336699;
	text-decoration: underline;
}
a:visited {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
#container { 
	width: 970px;
	background-color: #FFFFFF;
	margin: 10px auto;	
	text-align: left;	
	z-index:100;
} 
#header {
	width: 970px;
	height: 126px;
	background-image: url(images/header_BckGrd.jpg);	
} 
#logo {
	padding: 10px 10px;
	float: left;
	margin-right: 15px;
}
#hdr_News {
	padding: 0px 20px;
	float: left;
	margin-top: 5px;
	margin-bottom: 0px;	
}
#hdr_Nav {
	padding: 10px 10px;
	float: right;
	text-align: right;	
}
/*
#topNav {
	width: 970px;
	height: 28px;
	margin: 0 auto;
	padding: 0px;
}
#topNav ul {
    list-style-type: none;
    background-image: url(images/topNav_BckGrd.jpg);    
    height: 28px;
    width: 970px;        
    padding: 0px;
    margin: 0px;
}
#topNav li 
{
    float: left;    
    text-align: center;    
}
#topNav ul a {
    background-image: url(images/topNav_Divider.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 18px;
    padding-left: 12px;
    display: block;
    line-height: 28px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
}
#topNav ul a:hover {
    color: #ffcc66;
}*/
.topNav_Right {
	/*width: 7px;
	height: 28px;
	float: right;
	background-image: url(images/topNav_Right.jpg);*/
	width:7px;
	height:40px;
	float:right;
	background-image:none;
}
#sideNav {
	float: left; 
	width: 194px;
	background: #ffffff;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
	text-align: center;
}
.sideNav_But 
{
    margin: 0 0 6px 0;
}
#mainContent 
{
    width: 762px;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 208px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;	
}
#mainContent2 
{
    width: 970px;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;		
}
#sideNav2 {
	float: left; 
	width: 183px;
	background: #ffffff;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 4px;
	text-align: center;
}
#mainContent3 
{
    float:left;
    /*width: 709px;*/
    width: 762px;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;	
}
#mainContent H1, #mainContent3 H1 {
    width: 752px;
	/*width: 699px;*/
	line-height: 33px;	
	background-image: url(images/subHead_Gold.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000000;
	letter-spacing: 2px;	
	padding: 0px;
	margin: 0px;		
}
#splitContainer 
{
    width: 752px;
    /*width: 699px;*/
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #000000;
    margin: 0px;
    padding: 0px;    
}
#col1 
{
    /*width: 343px;*/
    width: 370px;
    float: left;
    margin: 0px;
    padding: 0 6px 0 0;    
}
#col2 
{
    /*width: 343px;*/   
    width: 370px;
    float: left;
    margin: 0px;
    padding: 0 0 0 6px;   
}
.content_Container {	
	background-image: url(images/content_Bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 752px;
	/*width: 699px;*/
	margin: 0 0 9px 0;
	padding-bottom: 10px;
}
.content_Container2 {	
	background-image: url(images/content_Bottom2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 370px;
	/*idth: 343px;*/
	margin: 0 0 10px 0;
	padding-bottom: 10px;	
}
DIV.content {
	margin: 0px;
	background: url(images/content_HDR.jpg) top no-repeat;	
}
.content_Container2 DIV {
	margin: 0px;
	background: url(images/subHead2.jpg) top no-repeat;	
}

.content_Container p {
	margin: 12px 3px;
}
.content_Container2 p {
	margin: 12px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;	
}
.content_Container ul {
	margin: 0 0px 10px 30px;
	padding: 0px;	
}
.content_Container2 ul {
	margin: 0 0px 10px 30px;
	padding: 0px;	
}
.content_Container ol {
	margin: 7px 0px 10px 30px;
	padding: 0px;	
}
.content_Container2 ol {
	margin: 7px 0px 10px 30px;
	padding: 0px;	
}
.content_Container li {
	padding: 2px 3px 0 0;	
}
.content_Container2 li {
	padding: 2px 3px 0 0;	
}
.content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left:10px;
} 

#footer { 
	padding: 0 10px 0 10px;
	background-image: url(images/footer_BckGrd.jpg);
	height: 64px; 
} 
#footer p {
	margin: 0;
	padding: 18px 0;
	text-align: center;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;    
    line-height: 0px;
}
.redTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #ff0000;
}
.line 
{
	background-color: #336699;
}

.CssAdapterMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.CssAdapterMenu ul
{
    display:table;
}

/* Top tier */
.CssAdapterMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 9em;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.CssAdapterMenu ul.AspNet-Menu ul
{
    width: 12.5em;
    left: 8.9em;
    top: -1em;    
    background-image: url(images/topNav_BckGrd.jpg);
    /*min-height: 28px;
    max-height: 28px;*/
         /*background-image: url(images/topNav_BckGrdL.png);*/
}

.CssAdapterMenu ul.AspNet-Menu ul ul
{
    width: 12.5em;
    left: 10.4em;
    
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.CssAdapterMenu ul.AspNet-Menu li
{
   /*background-image: url(images/topNav_Divider.jpg);*/
    background-image: url(images/topNav_Divider.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-left:12px;
    padding-right:18px;
    line-height:28px;
    text-align:center;
    /*padding: 12px 12px 12px 12px;*/
    display: block;
    /*line-height: 28px;*/
    text-decoration: none;
   /*word-wrap: break-word;*/
   /*max-width:110px;
   height: 40px !important;*/
}
.CssAdapterMenu ul.AspNet-Menu li li
{
    background-image: url(images/topNav_BckGrd.jpg);
    background-repeat: repeat;
    background-position: right;
    padding-right: 7px;
    padding-left: 4px;
    /*padding: 12px 12px 12px 12px;*/
    display: block;
    text-align: center;
    max-width:12em;
    text-decoration: none;
    z-index:9999;
    position:relative;
    /*height: 28px !important;*/
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.CssAdapterMenu ul.AspNet-Menu li a,
.CssAdapterMenu ul.AspNet-Menu li span
{    
    color:white;
    text-align:center center;
    vertical-align: middle;
    font-weight:bold;
    line-height:28px;
    /*font-size:12pt !important;*/
    font-size:11pt !important;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
   /* background-image: none; */
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.CssAdapterMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.CssAdapterMenu ul.AspNet-Menu li:hover, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
   /*background-color:#DAA520;*/
    color: #ffcc66;
	cursor:pointer;
}

.CssAdapterMenu ul.AspNet-Menu li:hover a, 
.CssAdapterMenu ul.AspNet-Menu li:hover span, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover a, 
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover span, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
   cursor:pointer;
}

.CssAdapterMenu ul.AspNet-Menu li:hover ul a, 
.CssAdapterMenu ul.AspNet-Menu li:hover ul span, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover ul a, 
.CssAdapterMenu ul.AspNet-Menu li:hover li:hover ul span, 
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: White;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.CssAdapterMenu ul.AspNet-Menu li a:hover,
.CssAdapterMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
   /*background-color:#DAA520;*/
   color: #ffcc66;
	 
}

.CssAdapterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
	color: #ffcc66;
    /*background-image: none;*/
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.CssAdapterMenu .AspNet-Menu-Horizontal
{
	/*background-image: url(images/topNav_BckGrd.jpg);*/
	background-image: url(images/topNav_BckGrd.jpg);
	background-repeat: repeat;
	width:970px;
    position:relative;
    display:block;
    /*min-height: 28px;*/
    min-height:28px;
    z-index:9999 !important;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
  
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    /*width: 9.5em;*/
    left: 0;
    top: 100%;
    z-index:9999;
}

.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
	
    width: 25.5em;
    height: 28px !important;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
   /* width: 8.5em;*/
   font-family: Arial, Helvetica, sans-serif;    
   font-size:10pt;
   /*font-weight:bold;*/
   text-align:center center;
    vertical-align: middle;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 12.5em;
    height:40px;
    vertical-align: middle;
}

.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
	/*background-image: url(images/topNav_BckGrd.jpg);*/
	background-image: url(images/topNav_BckGrdL.png);
    width: 12.5em;
    height:28px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.CssAdapterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 9em;
    height:40px;
}

.CssAdapterLogin {
	width: 18em;
}
.CssAdapterLogin .AspNet-Login {
	padding: 4px; 
}
.CssAdapterLogin .AspNet-Login label {
	color: rgb(93, 123, 157);
}
.CssAdapterLogin .AspNet-Login input {
	color: rgb(93, 123, 157);
}
.CssAdapterLogin .AspNet-Login input {
	font-size: 1em;
}
.CssAdapterLogin .AspNet-Login label em {
	font-style: normal; text-decoration: underline;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-TitlePanel {
	border: 1px solid rgb(40, 71, 117); height: 1.7em; text-align: center; color: rgb(247, 246, 243); 
	padding-top: 0.4em; font-weight: bold; margin-bottom: 0.3em;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-FailurePanel {
	height: 4em; color: rgb(153, 0, 0);
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-UserPanel {
	padding: 0.25em 0.1em 0px 0px;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordPanel {
	padding: 0.25em 0.1em 0px 0px;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-RememberMePanel {
	padding: 0.25em 0.1em 0px 0px;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-SubmitPanel {
	padding: 0.25em 0.1em 0px 0px;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-UserPanel {
	text-align: right;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordPanel {
	text-align: right;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-SubmitPanel {
	text-align: right;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-UserPanel label {
	white-space: nowrap;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordPanel label {
	white-space: nowrap;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-UserPanel input {
	width: 9em;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordPanel input {
	width: 9em;
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-SubmitPanel input {
	border: 1px solid rgb(40, 71, 117); height: 1.7em; 
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-InstructionPanel {
	
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-HelpPanel {
	
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordPanel {
	
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-RememberMePanel {
	
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-CreateUserPanel {
	
}
.CssAdapterLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel {
	
}

#tblStates 
{
    text-align:center;
}

#tblStates img 
{
    border:none;
}

#mainContent3 .content 
{
    /*margin-left:-10px !important;*/
    padding:10px;
}

#mediaTab 
{
}

.threeWide
{
    text-align:center;
    width:33%;
    float:left;
}

.threeWide ul
{
    list-style-type:none;
    margin-left:0;
}

#searchPnl 
{
    margin:0px;
    padding:0px;
    float:left;
    width:190px;   
}

.focusd 
{
    color:black !important;
    font-style:normal !important;
}

.notFocusd
{
    color:Gray !important;
    font-style:italic !important;
}

#article:hover
{
    width:800px;
    z-index:9999;
}

.tblSearch7
{
    padding:0px;
    margin:0px;
    top:-5px;
    position:relative;
    height:21px;
}

.tblSearch8
{
    padding:0px;
    margin:0px;
    top:-23px;
    position:relative;
    height:21px;
}

.tblSearch9
{
    padding:0px;
    margin:0px;
    top:-21px;
    position:relative;
    height:21px
    
}

.tblSearchWebkit
{
    padding:0px;
    margin: -2px 0px 0px -2px !important;
    top:-21px;
    position:relative;
    height:21px
    
}
