/* Global CSS - PMSRC::NewsGripOS::gui::panelCSS(css) */
/* site background */
.sq-trans, body { background-color: white; }

/* boxes */
.box-gray { background-color: #eeeeee; padding: 5px; border: 1px solid #aa0000;  }
.margin-red { background-color: #eeeeee; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-left: 1px solid #aa0000; border-right: 1px solid #aa0000; }

/* fonts */
.super { font-family: helvetica, arial, verdana, sans-serif; font-size: 32px; font-weight: bold; color: #aaaaaa; margin-top: 10px; }
h1 { font-family: helvetica, arial, verdana, sans-serif; font-size: 16px; }
h2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; margin-top: 10px; color: black; background: url('./img/ngBackgroundH2.gif'); }
.news-title, .pagenav { font-family: helvetica, arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
.pagenav { font-family: helvetica, arial, verdana, sans-serif; font-size: 14px; font-weight: normal; }
.normal, .pages, .search, input, address, .news, label, .menu0, .menu1, .button0, .button1, .mButton0, .mButton1 { font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-style: normal; }
.bold, .pages, .mark, .menu0, .menu1, .news-heading { font-weight: bold; }

/* navigation */
.nav { padding-right: 5px; }
.menu0 a, .menu1 a { padding-left: 11px; padding-right: 11px; padding-top: 4px; padding-bottom: 4px; width: 120px; display: block; }

/* colors */
.bg-red, .sq-color, address, .menu1 { background-color: #aa0000; }
.bg-blue { background-color: #0077ff; }
.bg-gray, .menu0 { background-color: #ccccdd; }
.bg-dark-gray { background-color: #999999; }
.fg-blue, ul { color: #0077ff; }

/* links */
.news-source, .news-source a:link, .news-source a:visited, .news-date { color: #007700; }
.fg-white, h1, address, address a:link, address a:visited, .bg-red, .bg-red a:link, .bg-red a:visited, .menu1 a:link, .menu1 a:visited, .subMenu1 a:link, .subMenu0 a:link, .subMenu1 a:visited, .subMenu0 a:visited { color: white; text-decoration: none; }

.fg-blue, .menu0 a:link, .menu0 a:visited { color: #0000ff; text-decoration: none; }
.fg-red { color: #aa0000; text-decoration: none; }

/* hover changes everything ;-) */
.fg-white a:hover, .menu1 a:hover, address a:hover { background-color: #bb0000; color: yellow; text-decoration: none; }
.fg-gray a:hover, .menu0 a:hover { background-color: #ccccff; color: #0000ff; text-decoration: none; }
.news-source a:hover { color: #00aa00; }
a:link  { color: #0000aa; }
a:hover { color: #0000ff; }

/* padding, width, height, margin */
.pad5, .page, .pages, address, h2, .search { padding: 5px; }
.mar0, h1 { margin: 0px; }
.sq-color { width: 8px; height: 8px; }
.sq-trans { width: 8px; height: 8px; }
.content { height: 400px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
.news { padding-bottom: 10px; }
form { margin: 0px; }

/* align */
.txt-cent, .menu0, .menu1 { text-align: center; }

/* buttons */
.button1 a, .button0 a { display: block; width: 100%; }
.button1 a:link, .button1 a:visited { background: url('./img/ngBackgroundBlue.png'); color: #000055; text-decoration: none; padding: 5px; }
.button0 a:link, .button0 a:visited { background: url('./img/ngBackgroundBlue.png'); color: #0000ff; text-decoration: none; padding: 5px; }
.button0 a:link, .button0 a:visited { border-top: 1px solid #aaaaff; border-bottom: 2px solid #6666aa; border-left: 1px solid #aaaaff; border-right: 2px solid #6666aa; }
.button1 a:link, .button1 a:visited, .button0 a:hover { border-bottom: 1px solid #aaaaff; border-top: 2px solid #6666aa; border-right: 1px solid #aaaaff; border-left: 2px solid #6666aa; }

/* buttons in margin */
.mButton1 a, .mButton0 a { display: block; width: 100%; }
.mButton1 a:link, .mButton1 a:visited { background: url('./img/ngBackgroundGray.png'); color: #aa0000; text-decoration: none; padding: 5px; }
.mButton0 a:link, .mButton0 a:visited { background: url('./img/ngBackgroundGray.png'); color: #0000ff; text-decoration: none; padding: 5px; }
.mButton0 a:link, .mButton0 a:visited { border-top: 1px solid #bbbbbb; border-bottom: 2px solid #666666; border-left: 1px solid #bbbbbb; border-right: 2px solid #666666; }
.mButton1 a:link, .mButton1 a:visited, .mButton0 a:hover { border-bottom: 1px solid #bbbbbb; border-top: 2px solid #666666; border-right: 1px solid #bbbbbb; border-left: 2px solid #666666; }
/* Global CSS - PMSRC::NewsGripOS::gui::panelCSS(css) */
