/* Word Compatibility Styles */ /* These styles alter the default html behaviour to be more like MS Word */ FORM {margin-top:0px; margin-bottom:0px;} UL {list-style:square; margin-top:0px; margin-bottom:0px;} OL {margin-top:0px; margin-bottom:0px;} BLOCKQUOTE {margin-top:0px; margin-bottom:0px;} /*HTML Styles*/ body {font-size:70%; background-color:#E5E5E5; margin:0px;} P,DIV,SPAN,TD {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;} LI {color:#000000; margin:0px;} caption {font-size:small; font-family:Arial,Verdana,Helvetica; color:#000000; margin:0px;} a {color:#DE2B2F; text-decoration:none;} a:hover {color:#000000;} img {BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; COLOR: white; BORDER-BOTTOM: white 0px solid} /*layout styles*/ #tablebackground {width:100%; border:0px; margin:0px; background-color:#EAEAEA; padding:0px;} #structure {width:732px; border:0px; margin:0px; background-color:#FFFFFF; padding:0px 0px 0px 0px;} #structureleft {width:732px; border:0px solid #000033; background-color:#FFFFFF; padding:0px 20px 0px 20px; margin:auto;} #newsstructureleft {width:600px; border:0px; background-color:#FFFFFF; padding:0px 0px 0px 0px;} #headerarea {height:105px;} #floatstructure {position:absolute; height:100%; width:100%; border:0px; padding:0px 0px 0px 0px;} #floatstructurenews {position:absolute; height:100%; width:100%; border:0px; margin:0px; background-color:#FFFFFF; padding:0px;} #fsbleftheader {float:left; margin:9px 3px 3px 3px; padding:0px 0px 8px 0px;} #adheaderblank {float:left; width:93px; height:47px; text-align:center; border:0px solid #EAEAEA; margin:10px 4px 0px 5px; padding:0px 0px 0px 0px;} #adheadertopleft {float:left; width:100px; height:47px; text-align:center; border:0px solid #EAEAEA; margin:10px 4px 0px 5px; padding:0px 0px 0px 0px;} #adheadertopmiddle {float:left; width:100px; height:47px; text-align:center; border:0px solid #EAEAEA; margin:10px 4px 0px 5px; padding:0px 0px 0px 0px;} #adheadertopright {float:right; width:100px; height:47px; text-align:center; border:0px solid #EAEAEA; margin:10px 4px 0px 5px; padding:2px 0px 0px 0px;} #newsheader {float:left; width:610px; height:94px; text-align:center; border:0px solid #EAEAEA; margin-left:0px; padding:0px 0px 0px 0px;} #newslinks {float:left; width:610px; height:50px; margin-top:2px; margin-bottom:0px; border:0px solid #E0E0E0; padding-bottom:2px; padding-top:5px; background-color:#C0C0C0;} #toppad {margin-top:2px; margin-bottom:8px; border:1px solid #E5E5E5; padding-bottom:6px; padding-top:6px;} #ad {float:left; width:152px; text-align:left; border:3px solid #EAEAEA; margin-right:5px; padding:10px 5px 0px 5px;} #ada {float:left; width:152px; text-align:left; border:3px solid #EAEAEA; margin-right:5px; padding:10px 5px 0px 5px;} #adb {float:right; width:152px; text-align:left; border:3px solid #EAEAEA; margin-right:5px; padding:10px 5px 0px 5px;} #menuheader {margin-top:0px; margin-bottom:0px; background-color:#C0C0C0;} #menuheight {padding-left:5px; padding-top:5px; padding-bottom:5px;} #mainframe {padding-bottom:2px; padding-top:3px;} #mainframepage {clear:both;} #leftcontent {border:1px solid #D0D0D0; width:176px; margin-right:10px;} #newsnav {float:left; width:600px; height:20px; margin-top:0px; margin-bottom:0px; border:0px solid #E0E0E0; padding-left:10px; padding-bottom:0px; padding-top:5px; background-color:#C0C0C0;} #maincontentarea {width:500px; padding:1px 6px 1px 6px;} #kmmaincontentarea {width:720px; padding:1px 6px 1px 6px;} #fullcontentarea {width:710px; padding:0px 5px 1px 5px;} #newsmaincontentarea{width:410px; padding:10px 10px 10px 10px;} #maincontentsub {width:530px; padding:0px 10px 1px 5px;} #maincontentdemo {width:720px; padding:0px 10px 1px 5px;} #maincontentsm {width:360px; padding:0px 5px 1px 5px;} #fsbleftmainarea {width:200px; padding:1px 5px 1px 5px;} #rightmainarea {width:200px; padding:1px 6px 1px 6px;} #newsrightmainarea {width:170px; padding:10px 10px 10px 10px;} #rightmainarea2 {width:160px; padding:1px 10px 1px 10px;} #rightcontentsch {width:200px; border:1px solid #E5E5E5; padding: 5px 10px 0px 10px;} .rightcontent {width:200px; border:1px solid #E5E5E5; padding: 5px 10px 0px 10px;} .leftmenubase {clear:both; float:left} #footercontent {height:16px; padding:4px 0px 3px 5px; background-color:#FFFFFF; border-top:1px solid #E5E5E5;} /*Non Selectable Font Styles*/ #imagehome {border:0px;} /* Top Drop Down Menu Styles */ /* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where. /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#topdropmenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:93%; z-index:199; float:left; position:relative; } /* default ul tag style for this menu - you probably won't need to change this */ div#topdropmenu ul {line-height:1.2em; list-style:none; margin:0px; padding:0px; } /* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */ div#topdropmenu a { margin:0px; height:100%; text-decoration:none; } /* default li tag style for this menu - you probably won't need to change this */ /* the postion:relative and float:left are critical to the correct operation of the menu */ div#topdropmenu ul li {position:relative; float:left; margin:0px;} /* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */ div#topdropmenu ul ul { position:absolute; } /* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/ /* if want extra levels of drop downs, you need to add extra styles here for each level*/ /* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/ /* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/* /* please read the ImmSample documentation for more details */ div#topdropmenu ul ul, div#topdropmenu ul li:hover ul ul, div#topdropmenu ul ul li:hover ul ul, div#topdropmenu ul ul ul li:hover ul ul { display:none; } div#topdropmenu ul li:hover ul, div#topdropmenu ul ul li:hover ul, div#topdropmenu ul ul ul li:hover ul, div#topdropmenu ul ul ul ul li:hover ul { display:block; } /* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */ /* it is this section which really differentiates the top drop down menu from a side flyout menu */ /* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/ /* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */ /* This section defines the width of the menu items at different levels */ div#topdropmenu ul.L0 {width:680px;} /* defines the total width of the top menu */ div#topdropmenu ul.L1 {width:200px;} /* width of level 1 leaves */ div#topdropmenu ul.L2 {width:200px;} /* width of level 2 leaves */ /* defines position of drop down leaves */ div#topdropmenu ul.L0 ul {top:19px; left:0;} /* position of first leaf */ div#topdropmenu ul.L1 ul {top:2px; left:100%;} /* position of second leaf */ div#topdropmenu ul.L2 ul {top:2px; left:100%;} /* position of third leaf - if there is one*/ /* defines width of menu items */ div#topdropmenu ul.L0 li {height:19px;} /* level 0 items */ div#topdropmenu ul.L1 li {width:200px; height:auto;} /* level 1 items */ div#topdropmenu ul.L2 li {width:200px; height:auto;} /* level 2 items */ /* defines height and width of a tags within the above li tags*/ /* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */ /* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#topdropmenu ul.L0 li a {height:20px; font-size:110%; padding-top:5px; padding-left:3px; padding-right:7px; } div#topdropmenu ul.L1 li a {width:200px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; } div#topdropmenu ul.L2 li a {width:200px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;} /*Top Drop Down Menu Color Selection Styles */ /* All Level Styles*/ #topdropmenu {} #topdropmenu a {} #topdropmenu a:hover {} /* Level 0 Styles */ #topdropmenu UL UL.L0 {} /* level 0 "leaf" properties - not really a leaf since its the top level */ #topdropmenu a.L0hc {color:#000000; background:url(../../../../images/menu-bullet2.gif) right bottom no-repeat;} /* level 0 item with children properties. defines background color and bullet image */ #topdropmenu a.L0nc {color:#000000; background:url(../../../../images/menu-bullet2.gif) right bottom no-repeat;} /* level 0 item with no children properties. defines background color*/ #topdropmenu a.L0hc:hover {color:#DE2B2F;} /* hover effect for level 0 with children */ #topdropmenu a.L0nc:hover {color:#DE2B2F; } /* hover effect for level 0 with no children */ /* Level 1 Styles */ #topdropmenu UL UL.L1 {border:1px solid #B2B2B2;} #topdropmenu a.L1hc {color:#000000; background:#E5E5E5 url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L1nc {color:#000000; background:#E5E5E5;} #topdropmenu a.L1hc:hover {color:#DE2B2F; background:#C0C0C0 url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L1nc:hover {color:#DE2B2F; background:#C0C0C0;} /* Level 2 Styles */ #topdropmenu UL UL.L2 {border:1px solid black;} #topdropmenu a.L2hc {color:#000000; background:#d8d8d8 url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L2nc {color:#000000; background:#d8d8d8;} #topdropmenu a.L2hc:hover {color:#000000; background:#ffffff url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L2nc:hover {color:#000000; background:#ffffff;} /* end top menu bar*/ /*Side Menu Color Selection Styles */ /* All Level Styles*/ #sidemenu {} #sidemenu .head {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} #sidemenu a {background-position:0px -1px; padding-left:2px; background-repeat:no-repeat;} #sidemenu a:hover {} #sidemenu a div {float:left;} /* Level 0 Styles */ #sidemenu a.L0 {color:#000000; background-color:#E5E5E5; background-image:url(../../../../images/LsqBltred.gif); background-repeat:no-repeat; } /* defines level 0 link */ #sidemenu a.L0.hc {} /* defines level 0 bullet for children */ #sidemenu a.L0.nc {} /* defines level 0 bullet for no children */ #sidemenu a.L0.sel {color:#000000; background-color:#E5E5E5; background-image:url(../../../../images/LsqBltGreyon.gif); background-repeat:no-repeat;} /* defines level 0 if .selected page */ #sidemenu a.L0.sel.hc {} /* defines level 0 bullet for children if .selected page */ #sidemenu a.L0.sel.nc {} /* defines level 0 bullet for no children if .selected page*/ #sidemenu a.L0.sel:hover {background-color:#C0C0C0;} /* in this case effectively suppresses the hover effect for .selected pages */ #sidemenu a.L0:hover {color:#000000; background:#C0C0C0; background-image:url(../../../../images/LsqBltGreyon.gif); background-repeat:no-repeat;} /* defines the level 0 hover effect */ #sidemenu a.L0:hover.hc {} /* defines the level 0 hover bullet for children */ #sidemenu a.L0:hover.nc {} /* defines the level 0 hover bullet for no children */ /* Level 1 Styles */ #sidemenu a.L1 {background-color:#F5F5F5; color:#000000; background-image:url(../../../../images/rtArwRed3.gif)} #sidemenu a.L1.hc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L1.nc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L1.sel {background-color:#E6E6E6;color:#000000; background-image:url(../../../../images/rtArwBlack2.gif)} #sidemenu a.L1.sel.hc {background-image:url(../../../../images/rtArwBlack2.gif);} #sidemenu a.L1.sel.nc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L1.sel:hover {background-color:#C0C0C0;} #sidemenu a.L1:hover {background-color:#C0C0C0;color:#DE2B2F; background-image:url(../../../../images/rtArwBlack2.gif)} #sidemenu a.L1:hover.hc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L1:hover.nc {background-image:url(../../../../images/rtArwRed2.gif);} /* Level 2 Styles */ #sidemenu a.L2 {background-color:#ffffff; color:#000000; background-image:url(../../../../images/rtArwRed3.gif)} #sidemenu a.L2.hc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L2.nc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L2.sel {background-color:#E6E6E6;color:#000000;} #sidemenu a.L2.sel.hc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L2.sel.nc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L2.sel:hover {background-color:#C0C0C0;} #sidemenu a.L2:hover {background-color:#C0C0C0;color:#DE2B2F;} #sidemenu a.L2:hover.hc {background-image:url(../../../../images/rtArwRed2.gif);} #sidemenu a.L2:hover.nc {background-image:url(../../../../images/rtArwRed2.gif);} /* Global Sidemenu Styles - see color style sheets for further styles */ /* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */ /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#sidemenu { width:180px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%; } /* style of the "header" for the menu if there is one */ div#sidemenu .head { font-size:110%; padding:8px 5px 8px 8px; background-color:#a9a9a9;color:#ffffff; } /* default ul tag style for this menu - you probably won't need to change this */ div#sidemenu ul { list-style:none; margin:0px; padding:0px; } /* default li tag style for this menu - you probably won't need to change this */ div#sidemenu ul li { float:left; width:100%; margin:0px; } /* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#sidemenu a { display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; } /* style for the menu bullets */ div#sidemenu a SPAN {float:left; width:12px; height:1.5em; background-repeat:no-repeat;} /* Class for invisible items for accessibility (DO NOT REMOVE) */ .invisible { visibility: hidden; margin-top:-10px;} /*search box styles */ #searcharea {background-color:#EAEAEA; border:0px solid #EAEAEA; padding: 5px 0px 5px 0px; margin:0px 0px 2px 2px;} #searchareapage {background-color:#EAEAEA; border:0px solid #894EA2; padding:0px;} #searchright {float:right;} #searchwide {width:314px;} /*breadcrumb */ #breadleft {float:left; padding:2px 5px 5px 5px; text-decoration:none;} .Path {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#000033; text-decoration:none;} .Path:visit {color:#000000; text-decoration:none;} .Path:hover {color:#000000; text-decoration:none;} /*Faq manager */ .faqSearchBox {width:35em; padding-top:7px; padding-left:10px; padding-bottom:10px; margin-bottom:0px; border:solid 1px #E5E5E5; background-color:#e6e6fa; font-size:small; font-weight:bold; color:#7E7E7E;} A.faqQuestion,TD.faqQuestion{font-size:small;font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#000044;} A.faqQuestion:hover {color:#0000ff;} /*Events Calendar */ .eventsborder {background-color:#D2EAE7; color:#007700; font-family:Arial,Verdana,Helvetica; font-size:medium; font-weight:normal;} .eventsboxbg {background-color:#F0F9F8; font-size:small; color:#007000;} .eventsbullet {background-image:url('documenticon.gif'); background-repeat:no-repeat} /* eWorld UI Calendar Control */ .calCtrl {font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlDayHeader {background-color: #ABABAB; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlMonthHeader {background-color: #ccffcc; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlWeekDay {background-color: #FFFFFF; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlOffMonth {background-color: #E3E3E3; color: #AAAAAA;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlGoToToday {background-color: #FFFFFF; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlTodayDay {background-color: #ffcccc; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlWeekend {background-color: #E3E3E3; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlSelectedDate {background-color: #FFFF00; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlClearDate {background-color: #FFFFFF; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} .calCtrlHoliday {background-color: #FFFFFF; color: Black;font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;} /*Vacancies2*/ .VacanciesDarkBg {background-color:#800080;} .VacanciesLightBg1 {background-color:#800080;} .VacanciesLightBg2 {background-color:#C0C0C0;} .VacanciesLightBg3 {background-color:#ffffff;} /*Whats New*/ .newstitle {background-color:#F6F8F3; border-top:1px solid #D3DDDC; padding:6px 2px 6px 4px; } .newsbullet {background-image:url(../../../../images/red-bullet.gif); background-repeat:no-repeat; float:left;} .newsbody {background-color:#F6F8F3; color:#000000; padding:0px 0px 0px 10px; text-decoration:none;} a.titlenews {color:#990066; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;} a.newslinks {color:#666666; text-decoration:none;} a.newslinks:hover,a.titlenews:hover {color:#000000;} /* Page Counter Styles */ #PageCounter {text-align:right; clear:both; width:10em;} .PageCounter {text-align:left; font-size:x-small; color:#000070;} HR.PageCounter {color:#000070; height:1px;} .PageCounterTxtBox {width:2em; font-size:1em;} /*site map styles */ .sitmpA0 {font-size:small; font-family:Arial,Verdana,Helvetica; color:#0066CC; text-decoration:none;} .sitmpA1 {font-size:small; font-family:Arial,Verdana,Helvetica; color:#000000; text-decoration:none;} /* Quick Menu Styles*/ .HEADgrey {color:#999999; padding:8px 5px 8px 8px; background-color:#ffffff; font-size:95%; } .HEADblue {color:#0066CC; padding:8px 5px 8px 8px; background-color:#ffffff; font-size:95%; } .itmblue {font-size:x-small; color:#0066CC; background-color:#F0F9F8; border-top:1px solid #D3DDDC; padding:1px 2px 3px 8px;} .bulletblue {background-image:url(../../../../images/blue-bullet1.gif); background-repeat:no-repeat;} .linkblue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; color:#0066CC; text-decoration:none;} .linkblue:hover {color:#000000;} .linkhead {background-color: #FFFFFF; color:#DE2B2F; font-size:95%; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; text-align:center;} .linkhead2 {color:#FFFFFF; font-size:95%; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold;} .linkhead2:hover {color:#1133AA;} .linkhead2:active {color:#1133AA;} /* Red Menu Styles*/ .HEADred {color:#990066; padding:8px 5px 8px 8px; background-color:#ffffff; font-size:95%; } .HEADred A {color:#990066;} .itmred {background-color:#F6F8F3; border-top:1px solid #D3DDDC; padding:1px 2px 3px 4px; } .bulletred {background-image:url(../../../../images/red-bullet.gif); background-repeat:no-repeat;} .linkred {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:83%; color:#990066; text-decoration:none;} .linkred:hover {color:#000000;} /* AtoZBrowser */ .AtoZIndex {color:#0066CC; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; text-decoration:none;} .AtoZIndex:hover {color:#9999ff;} .AtoZBG {background-color:#F0F9F8; border:1px solid #E5E5E5;} .AtoZLink {color:#000099;} .AtoZLink:hover {color:#000000;} .AtoZTitle1 {color:#0066CC; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; border:1px solid #E5E5E5;} /* Data Wizard Styles */ #DataWizard {width:50em;} #DataWizard TABLE {width:100%} #DataWizard TD {margin:5px; padding:0px;} #DataWizard .Header {} #DataWizard .Header TD {border:1px solid #333399; margin:15px;} #DataWizard .Header A {background-color:#D6E7F9; color:#000066; display:block; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:3px; height:100%;} #DataWizard .Header A:hover {background-color:#81B1E2; color:#ffffff;} #DataWizard .Item {} #DataWizard .Item TD {font-size:80%; border:1px solid #9999CC; padding-left:5px;} #DataWizard .Item A.Detail {margin:0px; padding:2px; padding-left:5px; display:block; height:100%;} #DataWizard .Item A.Detail:hover {background-color:#81B1E2; color:#ffffff;} .DataWizardAtoZBody {margin-top:2px;} .DataWizardAtoZBody A {float:left; display:block; border:1px solid #9999CC; margin-top:4px; margin-right:4px; text-decoration:none; background-color:#ffffff; color:#0000CC; width:1.35em; height:1.5em; text-align:center; vertical-align:middle; padding-top:.25em;} .DataWizardAtoZBody A.Sel {float:left; display:block; border:1px solid #9999CC; margin-top:4px; margin-right:4px; text-decoration:none; background-color:#81B1E2; color:#ffffff; width:1.35em; height:1.5em; text-align:center; vertical-align:middle; padding-top:.25em;} .DataWizardAtoZBody A:hover {background-color:#81B1E2; color:#ffffff;} #DataDirCounter {position:absolute; padding:2px; padding-left:5px; border:1px solid #333399; background-color:#D6E7F9; clear:both; margin-top:10px;} #DataDirCounter .CounterText {padding-top:3px; float:left;} #DataDirCounter .CounterControls {float:right; padding-right:5px;} #DataDirCounter .CounterControls .TxtBox {width:3em;} #DataWizard INPUT.TxtBox {width:200px;} /* Rss Feed Styles */ UL.rssFeed {list-style:none; margin:0px; margin-bottom:20px; width:30em;} UL.rssFeed LI {margin-bottom:.75em;} UL.rssFeed A {font-size:100%; font-family: verdana,arial,helvetica,sans serif; font-weight:bold;} Ul.rssFeed .desc {margin-bottom:.2em;} Ul.rssFeed .meta {} /* ArticleIndex */ .NewsTitle {font-size:95%; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000;