/* Main Stylesheet */
a { background:transparent; }
a:link.non-ul, a:visited.non-ul, a:hover.non-ul, a:active.non-ul { color:#000000; text-decoration:none; }
a:link { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
body { width:99%; background:#FFFFFF; color:#000000; font:0.8em arial, verdana, tahoma, helvetica, sans-serif; padding:0px; margin:0px auto; border:1px solid #E7E7E7; padding-left:1px; padding-right:1px; }
fieldset { margin-bottom:1em; }
fieldset p { padding:5px; margin:0px; margin-top:5px; margin-bottom:0px; }
fieldset legend { font-size:0.9em; }
form { margin-top:5px; margin-bottom:5px; }
form div.notes p, form div small { line-height:125%; }
form div.notes ul { margin:0px; padding:0px; padding-left:2px; }
form div.notes ul li { margin-left:15px; list-style-position:outside; padding-right:2px; }
form fieldset div.notes { float:right; position:relative; right:30px; width:150px; height:auto; margin:0px 0px 10px 10px; padding:5px; border:1px solid #666666; background-color:#ffffe1; color:#666666; font-size:.75em; }
form fieldset div.notes h4 { background-image:url(images/icon_info.png); background-repeat:no-repeat; background-position:top left; padding:3px 0px 2px 27px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#666666; color:#666666; margin-bottom:5px; margin-top:0px; font-size:1.3em; }
form fieldset div.notes p { margin:0em 0em 1.2em 0em; color:#666666; }
form fieldset div.notes p.last { margin:0em; padding-bottom:5px; }
form label { font-weight:bold; }
h1 { font-size:125%; }
h2 { font-size:100%; }
h3 { font-size:100%; margin:0px; }
img { border:0; }
input { font-size:.9em; }
input, submit, td { color:#000000; }
table { border:0px; }
textarea { color:#000000; font-family:arial, verdana, tahoma, helvetica, sans-serif; }
th { color:#000000; background-color:#DAE0ED; font-weight:bold; font-size:larger; padding-left:3px; text-align:left; }
p { margin-top:5px; }
select { color:#000000; font-size:.9em; }
/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-menu-icon { float:left; padding:5px; }
.admin-menu { /* the box around the menu */ padding:5px; border:1px solid #EEEEEE; }
.admin-menu-text { /* the text below the links */ padding:5px; }
.admin-menu-item { /* a single link in the menu */ padding: 0px 5px 0px 5px; }
.admin-list-table { width:100%; text-align:left; border-spacing:1px; }
.admin-list-table form { margin:0px; }
.admin-list-search { text-align:center; margin-top:5px; margin-bottom:5px; }
.admin-list-field { text-align:left; padding-left:5px; padding-right:5px; }
.admin-list-headerfield { text-align:left; padding-left:5px; padding-right:5px; font-size:larger; }
/* Menus in blocks *****************************************************************/
.blocklist ul { list-style:none; padding:0px; margin:0px; }
/* general alignment classes **************************************************/
.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.aligntop { vertical-align:top; }
.floatright { float:right; }
.floatleft { float:left; }
.clearboth { clear:both; }
/* clear floats by applying the clearfix class to float-encasing block !*******/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* general formatting classes **************************************************/
.b { font-weight:bold; }
.ext-link { background-color: transparent; background: url(./images/external.png) center right no-repeat; background-attachment: scroll; padding-right: 13px; }
.ext-link-rtl { }
.feed-link { background-color: transparent; background: url(./images/feed.png) center right no-repeat; background-attachment: scroll; padding: 2px 16px 2px 0px; }
.feed-link-rtl { }
.strike { text-decoration: line-through; }
/* Blocks *********************************************************************/
.block-box-left, .block-box-right, .block-box { margin:5px 10px 15px 10px; }
.block-box-left ul, .block-box-right ul { /* do not indent lists in the blocks too much */
  margin:0px; padding-left:20px; }
.block-bg-left, .block-bg-right { border-top:1px solid #FFFFFF; }
.block-bg-spreader { /* this is making sure that the blocks have a minimum width */
  background:transparent; width:180px; height:1px; }
.block-content, .block-content-right, .block-content-left { background:transparent; color:#000000; padding-bottom:2px; padding-top:2px; clear:both; }
.block-content-left ul, .block-content-right ul, .block-content ul { margin-top:0; margin-bottom:0; margin-left:16px; padding-left:0; border:none; }
.block-divider { background:#FFFFFF; border-bottom:1px solid #F7F7F7; border-top:1px solid #E7E7E7; color:#000000; padding-top:2px; }
.block-divider-left { border-top:1px solid #E7E7E7; border-bottom:1px solid #FFFFFF; width:90%; margin:0 auto; line-height:0px; }
.block-divider-right { border-top:1px solid #CCCCCC; border-bottom:1px solid #FFFFFF; width:90%; margin:0 auto; line-height:0px; }
.block-featured-left { background:#F7F7F7; border-right:1px solid #FFFFFF; color:#000000; }
.block-featured-right { background:#E7E7E7; border-left:1px solid #FFFFFF; color:#000000; }
.block-helpicon { padding-top:5px; text-align:right; float:right; }
.block-outerborder-left { border-left:1px solid #E7E7E7; padding:0px; margin:0px; }
.block-outerborder-right { border-right:1px solid #CCCCCC; }
.block-title, .blocktitle, .block-title-left, .block-title-right { background:transparent; color:#1A3955; font-weight:bold; padding-top:5px; padding-bottom:5px; text-align:left; }
/* Comments *******************************************************************/
.commentbar-line1 { background:transparent; color:#000000; padding:3px 3px; text-align:center; }
.commentbar-line2 { background:#E7E7E7; text-align:center; padding-left:3px; padding-right:3px; }
.commentbar-line3 { background:#FFFFFF; border-bottom:1px solid #FFFFFF; border-top:1px solid #E7E7E7; color:#000000; padding:3px 3px; text-align:center; }
.commenttitle { background:#F7F7F7; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-top:1px solid #E7E7E7; font-weight:bold; font-size:smaller; padding:3px 0px 3px 10px; }
.comment-edit { font-style: italic; padding-top:1ex; }
.comment-sig { color:#666666; padding-top:1ex; }
/******************************************************************************/
.edit-perm-down { text-align:center; }
.edit-perm-up { text-align:center; padding-right:10px; padding-left:10px; }
.fieldhelp { font-size:0.8em; color:#666666; }
/* Footer *********************************************************************/
.footerblock { background:#1A3955; border-top:1px solid #CCCCCC; color:#FFFFFF; font-size:0.85em; padding-bottom:10px; padding-top:10px; padding-left:4px; padding-right:4px; vertical-align:middle; }
.footerblock a:link { background:transparent; color:#FFFFFF; text-decoration:none; }
.footerblock a:visited { background:transparent; color:#FFFFFF; text-decoration:none; }
.footerblock a:hover { background:transparent; color:#008000; text-decoration:none; }
.footerblock a:active { background:transparent; color:#FFFFFF; text-decoration:none; }
.footer-divider-top { background:#FFFFFF; border-top:1px solid #CCCCCC; padding-top:1px; color:#000000; }
/* Forms **********************************************************************/
.form-description { font-weight:bold; float:left; width:100px; text-align:right; padding-right:5px; display:block; }
.form-field { padding-bottom:5px; margin-left:105px; }
.checkboxes-list {  /* this is used for example by COM_checkList */ list-style:none; padding:0px; margin:0px; }
.checkboxes-list span { /* space between the text and the checkbox */ padding-left:5px; }
.checkboxes-list .gldefault { /* default blocks in the user settings block list */ font-weight:bold; }
.missing-field { /* reserved for future use */
}
.required-field { /* reserved for future use */
}
/* Header *********************************************************************/
#header { position:relative; height:105px;}

.header-logo {position:absolute; top:0; left:0;}
.header-slogan { float:right; line-height:78px; padding-right:15px; color: #ffffff; }
.header-logobg-container-inner { background: #2f5886 url(images/header-bg.png) repeat-x ; height:120px; }
.header-navigation-container { border-bottom:1px solid #FFFFFF; background:#E7E7E7; }
.header-navigation-container ul { list-style: none; padding:0px; margin:0px; border-bottom:1px solid #CCCCCC; color:#FFFFFF; float:right; height:24px; }
.header-navigation-container li { float:left; padding-right:9px; padding-left:9px; margin-top:4px; background:transparent; font-size:.9em; border-left: 1px dotted #FFFFFF; }
.header-navigation-container a:link { color:#0000FF; }
.header-navigation-container a:visited { color:#800080; }
.header-navigation-container a:hover { color:#008000; }
.header-navigation-container a:active { color:#FF0000; }
.header-welcomeanddate-text { padding-top:12px; padding-left:4px; margin: 0px; height:40px; border-bottom:1px solid #CCCCCC; }
/******************************************************************************/
.highlight { color:#000000; background-color:yellow; text-decoration:none; }
.inputTable td { padding:4px; vertical-align:top; }
.inputTable label { font-weight:bold; float:right; white-space:nowrap; }
.moderation-cc { width:100%; }
.moderation-cc-row { clear:both; height:80px; width:100%; }
.moderation-cc-item { float:left; text-align:center; }
.nowrap { white-space:nowrap; }
.pagenav { text-align:center; }
.row_center td { text-align:center; }
.searchauth { background:transparent; color:#000000; text-align:left; }
.searchdate { background:transparent; color:#000000; text-align:right; }
.searchform-box { background:#E7E7E7; text-align:right; border-bottom:1px solid #CCCCCC; height:52px; padding:0px 4px 0px 1px; margin:0px; }
.searchform-elements { display:inline; position:relative; top:6px; }
.searchform-elements input { font-size:0.9em; }
.searchhits { background:transparent; color:#000000; text-align:right; }
.site-slogan { color:#ffffff; background:transparent; }
.sysmessage img { border:none; float:left; padding-bottom:3px; padding-right:5px; }
/* Stats **********************************************************************/
.stats-list-count { text-align:right; padding-left:5px; padding-right:5px; }
.stats-header-title { text-align:left; width:90%; padding-left:5px; padding-right:5px; }
.stats-header-count { text-align:left; width:10%; padding-left:5px; padding-right:5px; }
/* Story **********************************************************************/
.story { /* the frame around all elements of one story */
  background:transparent; color:#000000; }
.story h1 { /* the title of a story */
  background:transparent; color:#000000; font-weight:bold; padding-left:1px; }
.story-body { /* this is the actual content of the story */
  padding:3px; }
.story-featured { /* the frame around all elements of a featured story */
  background:transparent; color:#000000; }
.story-featured h1 { /* the title of a featured story */
  background:transparent; color:#000000; font-weight:bold; font-size:1.4em; padding-left:1px; }
.story-icons { /* print & mail icons in a storybox */
  float:right; padding-top:10px; }
.story-icons a { margin-left:5px; }
.story-container { /* frame around all stories & centerblocks*/
  padding-right:9px; width:100%; vertical-align:top; }
.story-footer { /* the bottom of the story with edit-links etc */
  padding:3px; text-align:center; clear:both; }
.story-footer p { padding:0px; margin:0px; }
.story-information { /* the author, views and date of a story */
  padding:3px; font-size:0.85em; background:transparent; color:#000000; }
.story-information p { padding:0px; margin:0px; }
/******************************************************************************/
.topicoption, .topicoption-off { }
.warning { background:transparent; color:#FF0000; font-weight:bold; }
.warningsmall { background:transparent; color:#FF0000; }
/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin { color:#000000; background-color:#EFEFEF; font-weight:normal; border:1px solid #CCCCCC; }
.plugin th { color:#000000; background-color:#B7C1DC; padding:5px; text-align:left; }
.plugin tr { vertical-align:top; }
.plugin td { padding:2px 5px 2px 5px; }
.pluginBG { color:#FEFEFE; background-color:#7398BA; }
.pluginAltBG { background-color:#7398BA; }
.pluginAltBG td { color:#FFFFFF }
.pluginCellTitle { color:#666666; font-weight:bold; background-color:#E6E6E6; padding:5px; }
.pluginCellFill { background-color:#F8FAFD; }
.pluginCellText { color:#636363; font-weight:normal; }
.pluginHeader { color:#204275; font-weight:bolder; padding-top:3px; padding-bottom:3px; }
.pluginFooter, .pluginFooter td { background-color:#507AA1; color:#FFFFFF; }
.pluginAlert { padding:5px 15px 5px 15px; color:#D8010E; background-color:#FEF1B4; font-weight:bold; }
.pluginInfo { padding:5px 15px 5px 15px; color:#707070; background-color:#FEF1B4; font-weight:normal; }
.pluginSubTable { color:#000000; background-color:#CCCCCC; font-weight:normal; border:1px solid #CCCCCC; }
.pluginSubTable th { color:#000000; background-color:#C9D1E4; padding:5px; text-align:left; }
.pluginSubTable tr { vertical-align:top; }
.pluginSolidOutline { background-color:#CCCCCC; }
.pluginSolidFill { background-color:#1A3955; }
.pluginTitle { background-color:#507AA1; color:#F5F9FF; padding:4px; padding-left:6px; padding-right:6px; }
.pluginCellSubTitle { background-color:#F7F7F7; color:#000000; padding:4px; padding-left:6px; padding-right:6px; }
.pluginTinyText { font-size:0.70em; }
.pluginSmallText { font-size:0.8em; }
.pluginMediumText { font-size:1em; }
.pluginLargeText { font-size:1.25em; }
.pluginAltText { color:#FFFFFF; }
.pluginRow1, .pluginRow1 td { color:#000000; background-color:#F7F7F7; line-height:120%; }
.pluginRow2, .pluginRow2 td { color:#000000; background-color:#E7E7E7; line-height: 120%; }
.pluginRow1 .pluginRollOver, .pluginRow2 .pluginRollOver, .pluginRollOver { color:#000000; background-color:#FFFFFF; line-height:120%; }
.pluginRow1 .pluginRollOut, .pluginRow2 .pluginRollOut, .pluginRollOut { color:#000000; background-color:#F7F7F7; line-height:120%; }
.pluginLinks A:link { color:#000000; font-style:normal; font-weight:normal; text-decoration:none; }
.pluginLinks A:visited { color:#000000; font-style:normal; font-weight:normal; text-decoration:none; }
.pluginLinks A:hover { color:#000000; font-style:normal; font-weight:normal; text-decoration:underline; }
.pluginBreadCrumbs, .pluginBreadCrumbs A:link { color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none; }
.pluginBreadCrumbs A:visited { color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none; }
.pluginBreadCrumbs A:hover { color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none; }
a.pluginButton:link, a.pluginButton:visited { color:#000000; text-align:center; padding-top:2px; display:block; height:19px; text-decoration:none; background-color:transparent; }
a.pluginButton:hover { color:blue; text-align:center; padding-top:2px; background:center url(navbar/images/button_over.gif); background-repeat:repeat-x; display:block; height:19px; text-decoration:none; background-color:transparent; }
/* Navbar Class CSS ***********************************************************/
#navcontainer { float:left; width:100%; background:#F4F4F4; font-size:93%; line-height:normal; border-bottom:1px solid #24618E; }
#navcontainer ul { margin:0px; padding:10px 10px 0 50px; list-style:none; }
#navcontainer li { display:inline; margin:0px; padding:0px; }
#navcontainer a { float:left; background:url("navbar/images/tableftJ.gif") no-repeat left top; margin:0px; padding:0px 0px 0px 5px; text-decoration:none; }
#navcontainer a span { float:left; display:block; background:url("navbar/images/tabrightJ.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span { float:none; }
/* End IE5-Mac hack */
#navcontainer a:hover span { color:#FFFFFF; }
#navcontainer a:hover { background-position:0% -42px; }
#navcontainer a:hover span { background-position:100% -42px; }
#navcontainer a#current span { background:url("navbar/images/tabrightI.gif") no-repeat left top; background-position:100% -42px; color:#FFFFFF; }
#navcontainer a:link#current, #navcontainer a:visited#current, #navcontainer a:hover#current { background:url("navbar/images/tableftI.gif") no-repeat left top; background-position:0% -42px; }
/* Common CSS for on-hover tooltip feature */
a.tooltip { position: relative; /*this is the key*/ z-index:10; color:#000; text-decoration:none; }
a.tooltip:hover { z-index:100; text-decoration:none; }
a.tooltip span { display: none; }
a.tooltip:hover span { /*the span will display just on :hover state*/
  z-index:100; color:#033666; font-style:normal; font-size:.8em; line-height: 125%; display:block; position:absolute; border:1px solid #C8DAF7; background-color:#E5EFFF; padding:4px; text-align: left; text-decoration:none; left:-20px; top:10px; min-width:150px; }
/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */
