/* PHP-generated CSS file with component color assignment, browser UA detection and SE bot detection. Made by GREG.CH */

/* ///////////////////// GENERAL STYLES ///////////////////// */

#PHP_generated_CSS_stylesheet_by_WWW_GREG_CH {
color:#151062;
}

body
{
margin:0 auto;
padding:0;

background-image:url(bg_bodysplit.gif);
background-attachment:fixed;
background-repeat:repeat-y;
background-position:top;
}

html, body, table, li, textarea, select
{
color:#002244;
font:normal 12px "Arial", "Helvetica", "sans";
line-height:20px;
color:#333;
}

input
{
color:#002244;
font:normal 12px "Arial", "Helvetica", "sans";
color:#333;
}

/* General Printout Styles */
@media print {html,body,blockquote {
overflow:visible;
background:transparent;
color:#000000;
width:100% !important;
float:none !important;
margin:0 !important;
padding:0 !important;
border:none;
font-size:11pt;
line-height:130%;
}
}

img {border:0;margin:0;padding:0;}

.title {
font-size:20px;
font-style:normal;
color:#666666;
line-height:150%;
margin-bottom:10px;
letter-spacing:1px;
}

hr {height:1px;background:#CC0000;border:0;border-bottom:1px solid #CC0000}

h1 {font-size:1px;color:white;display:none;}
@media print {h1{display:none !important;}}

.void {font-size:1px;color:white;display:none;}
@media print {h1{display:none !important;}}

.drag {
position:relative;
z-index:100;
}

iframe {font-family:arial}

.nobreak {
white-space:pre;
}

.highlight {
background-color:#fafda7;
color:black;
padding-top:0;
}

.warning {
text-align:center;
margin:auto;
padding:7px;
font-size:12px;
font-weight:bold;
color:#FF0000;
background:#FFF688;
background-image:url(bg_blinking.gif);
background-repeat:repeat;
border:3px solid #CC0000;
}
.warning img {
margin-bottom:-3px;
}

@media print {
        .noprinting {
        display:none;
        width:0;
        }
        }

.onlywhenprinting {
display:none;
}
@media print {
        .onlywhenprinting {
        display:block;
        clear:both;
        text-align:center;
        color:silver;
        font-size:10px;
        }
        }

ul {
margin-top:6px;
margin-bottom:6px;
}

@media print {
        ul li {
        width:95%;
        font-size:10px;
        }
        }

.pagetitle {
display:block;
font-family:arial narrow;
font-size:33px;
color:#CC0000;
padding-bottom:2px;
padding-right:10px;
}

.subtitle {
font-size:15px;
color:#000000;
font-weight:bold;
line-height:250%;
}

.redbar {
width:785px;
height:29px;
background-image:url(bg_tabledivider_red.gif);
background-repeat:no-repeat;
padding:8px 0 0 0;
font-size:17px;
font-weight:bold;
color:#FFE27F;
}

.loginerror {
display:block;
position:absolute;
top:48px;
right:196px;
margin:auto;
padding:8px 0 8px 6px;
}

.test
{
position:absolute;
top:-200px;
text-align:center;
font-size:9px;
letter-spacing:-1px;
line-height:80%;
color:#FFFFFF;
}


/* Link Colors */
a {color:#225599;text-decoration:none}
a:hover {color:#000000;text-decoration:underline}
.aline {border-bottom:1px solid #CCDDDD}

.iconlink a {
padding-left:15px;
background-image:url(iconlink.gif);
background-repeat:no-repeat;
background-position:left 2px;
}

.iconlink a:hover {
background-image:url(iconlink_hover.gif);
}

a img {border:none;}
a img:hover {text-decoration:none;background:transparent}
        @media print {a,a:visited, a img {
        color:navy;background:white;padding-right:3px;}
        }

.linknoborder {border:none;text-decoration:none}

.linkondark {color:#999999;text-decoration:underline}
.linkondark a:hover {color:#999999;background-color:#000000}
.linkondark a:visited {color:#FFFFFF}
.linkondark a img {border:none;}
.linkondark a img:hover {border:0;text-decoration:none;background:transparent}

        @media print {a,a:visited, a img {
        color:navy;background:white;padding-right:3px;}
        }



/* Tables */

table {
border:0;
margin:0;
/* padding:0; */
font-size:12px;
border-collapse:collapse;}

td {
border:0;
margin:0;
/* padding:0; */
border-collapse:collapse;
vertical-align:top;
text-align:left;
}

@media print {table,td {
border-collapse:collapse;
overflow:visible;
color:#000000;
padding:3px;
margin:3px;
font-size:9pt;
line-height:110%;
}
}

.screen-table {
width:785px;
background-image:url(bg_screen_table.png);
background-repeat:repeat-x;
}
@media print {
        .screen-table {
        width:100% !important;
        background-image:none;
        }
        }


.tt {
padding:5px 10px 3px 2px;
font-weight:bold;
color:#888888;
border-right:1px solid #999999;
border-bottom:3px solid #777777;
}

.t {
padding:8px 10px 3px 2px;
border-bottom:4px solid #EEEEEE;
border-right:1px solid #FAFAFA;
}

.tr-hoveron {
background-image:url(bg_tr_hoveron.gif);
background-repeat:repeat-y;
}
.tr-hoverff {
background:#FFFFFF;
}
.tr-hoveron2 {
background:#FFFAAB;
}
.tr-hoveron3 {
background-image:url(bg_tr_hoveron.gif);
background-repeat:repeat-x;
}
.tr-hoveroff3 {
background:#EEEEE0;
}

.tdlined {text-align:left;border-left:1px dashed #DDDDDD;border-bottom:1px solid #7777BB;padding:3px}
.tdlined_light {text-align:left;padding:3px;border-left:2px outset #EEEEEE;border-top:1px solid #AAAAAA}
.tdlined_actioncol {text-align:left;padding:7px;background-image:url(bg_tdlined_actioncol.jpg)}
        @media print {.tdlined,.tdlined_light,.tdlined_actioncol {
        padding:2px;
        border-bottom:1px solid #DDDDDD;
        }
        }

.contenttableheader {
background:url(bg_contenttableheader.jpg);
font-size:11px;
color:#AAAAAA;
font-weight:bold;
height:40px;
padding:4px;
border-bottom:2px solid #999999;
}
        @media print {.contenttableheader {
        height:25px;
        font-size:12px;
        border-top:3px solid #666666;
        border-bottom:3px solid #000000;
        }
        }

.registerform {
background:#FEFEFE;
line-height:100%;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.tdregisterform {
vertical-align:bottom;
border-bottom:1px solid #FFFFFF;
}

.tabledivider {
background-image:url(bg_tabledivider.gif);
background-repeat:no-repeat;
height:23px;
background-position:0 11px;
}



/* Forms and Buttons */

form {display:inline;}

.label {
border-bottom:1px dotted #EBEBEB;
}

input,select,textarea {font-size:12px;color:#220000;font-weight:bold}

input:focus, input.sffocus, select:focus, textarea:focus {border:2px solid #555555;background:#FCFDDF;}

input:disabled,select:disabled,textarea:disabled {background:#EEEEEE;color:#999999}

.input-fixed {
display:block;
float:left;
width:220px;
}

.textarea-fixed {
display:block;
float:left;
width:220px;
height:60px;
}

option {border-bottom:1px dotted #DDDDBB}
        @media print {input,select,textarea,option {
        display:none;
        }
        }
.formprint {display:none}
        @media print {.formprint {
        display:block;
        font-size:11px;
        font-weight:bold;
        color:#0044FF;
        }
        }


.submitbutton {
height:26px;
}
.submitbutton img {
margin-right:3px;
}

@media print {.submitbutton {
       display:none;
       }
       }

a.tooltip-right {position:relative;display:block;float:left;width:16px;height:16px;background-image:url(icon_info.gif);left:1px;top:4px;text-decoration:none}
a.tooltip-right:hover {z-index:10;background:transparent}
a.tooltip-right span {display:none;text-decoration:none}
a.tooltip-right:hover span {display:block;position:absolute;bottom:1px;left:11px;z-index:20;width:230px;font-size:11px;text-align:left;line-height:120%;text-decoration:none;padding:2px 4px 2px 4px;border:3px solid #CC0000;color:#000000;background:#FAFAFA}

a.tooltip-left {position:relative;display:block;float:left;width:16px;height:16px;background-image:url(icon_info.gif);left:1px;top:4px;text-decoration:none}
a.tooltip-left:hover {z-index:10;background:transparent}
a.tooltip-left span {display:none;text-decoration:none}
a.tooltip-left:hover span {display:block;position:absolute;bottom:1px;right:11px;z-index:20;width:230px;font-size:11px;text-align:left;line-height:120%;text-decoration:none;padding:2px 4px 2px 4px;border:3px solid #CC0000;color:#000000;background:#FAFAFA}

.optgroup {
font-style:normal;
padding-left:15px;
letter-spacing:0;
}



/* ///////////////////// HOMEPAGE ///////////////////// */

#pagewrapper {
display:block;
width:100%;
padding:0;
margin:auto;
background:#FFFFFF;
}
        @media print {#pagewrapper {
        overflow:visible;
        height:auto;
        padding:0;
        margin:0;
        border:none;
        }
        }

#headerwrapper {
display:block;
width:100%;
padding:0;
height:120px;
font-size:11px;
}

#loginbar {
margin-top:18px;}

#pagefooter {
width:100%;
height:100px;
text-align:center;
font-size:11px;
letter-spacing:2px;
line-height:180%;
padding-top:4px;
}

.menuitem-top {
display:block;
float:left;
padding:0px 4px 11px 5px;
height:36px;
background-image:url(bg_menu_menuitem.gif);
background-repeat:no-repeat;
font-weight:bold;
border-left:1px solid #CC0000;
}

.menuitem-links {
text-decoration:none;
}
a.menuitem-links {
color:#CC0000;
text-decoration:none;
}
a.menuitem-links:hover, a.menuitem-links-active {
color:#FFFFFF;
background:#CC0000;
text-decoration:none;
}
        @media print {.menuitem-links {
        display:none !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        }
        }

.menuitem-sublinks {
text-decoration:none;
}
a.menuitem-sublinks {
color:#64A000;
text-decoration:none;
padding:2px;
}
a.menuitem-sublinks:hover, a.menuitem-sublinks-active {
color:#FFFFFF;
background:#669900;
border-bottom:3px outset #888888;
text-decoration:none;
padding:2px;
}
        @media print {.menuitem-sublinks {
        display:none !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        }
        }

.midpagetext {
display:block;
background:#FFFFFF;
line-height:120%;
padding:0 20px 0 0;
}

.toggle {
display:none;
padding:20px 10px 6px 5px;
}
        @media print {.toggle {
        display:block;
        }
        }

.memberchart {
border:20px solid #E2EFF5;
}










/* HORIZONTAL FLYOUT MENU LAYOUT */

#flyoutmenu {
clear:both;
padding-top:1px;
}
        @media print {#flyoutmenu {
        display:none
        }
        }

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin:0;
 padding:0;
 list-style:none;
 font-weight:bold;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display:none;
 position:absolute;
 left:-1px;
 width:150px;
 border:4px solid #EEEEEE;
 border-bottom:3px solid #FF8800;
 border-top:0;
}

.menulist ul ul {
 top:-1px; margin-top:0;
 left:148px;
}

.menulist li {
 float:left;
 display:block;
 position:relative;
 background:#FFFFFF;
 border-left:1px solid #F0F0F0;
}

.menulist ul li {
 float:none;
 margin:0;
 margin-bottom:-1px;
}
.menulist ul>li:last-child {
 margin-bottom:1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display:block;
 padding:3px;
 text-decoration:none;
}

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color:#FF7600;
 background:#F2F8F7;
}
.menulist a.highlighted {
color:#FF8800;
}

.menulist a .subind {
 display:none;
}
.menulist ul a .subind {
 display:block;
 float:right;
}

.menulist a {
 color:#223030;
 float:left;
}
.menulist ul a {
 float:none;
}
/* \*/
.menulist a {
 float:none;
}

/*
 HACKS:IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float:left;
 width:100%;
}

* html .menulist ul li {
 float:left;
 height:1%;
}
* html .menulist ul a {
 height:1%;
}

/* END HORIZONTAL FLYOUT MENU LAYOUT */











/* ///////////////////// ADMIN SYSTEM /////////////////////// */

#admin_menu {
position:absolute;
float:left;
height:100%;
width:167px;
background:#CC0000;
font-size:11px;
padding:3px;
padding-left:0;
border-left:4px solid #99A9A9;
border-right:1px solid #BBCBCB;

}
/* hack for IE6, since IE6 for Windows does not understand position fixed */
body>#admin_menu { position:fixed }

        @media print {#admin_menu {
        display:none !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        margin:-50px;
        overflow:hidden;
        }
        }

#admin_content {
display:block;
background:#FFFFFF;
height:100%;
padding-left:180px;border-top:31px solid #CC0000;
padding-top:15px;
padding-bottom:45px;
}
        @media print {#admin_content {
        overflow:visible;
        height:100%;
        width:100%;
        padding:0;
        margin:0;
        border:none;
        }
        }

#admin_footer {
overflow:hidden;
height:4%;
padding:0;
margin:0;
background:#000000;
color:#ddccaa;
}

.adminmenu_icon {
margin-right:7px;
margin-bottom:-3px;
width:26px;
height:21px;
}

.pagetitle-admin {
position:absolute;
top:2px;
left:181px;color:#DDEEF0;
font-size:23px;
font-weight:bold;
margin-top:5px;
margin-bottom:200px;
letter-spacing:-1px;
}
@media print {.pagetitle_admin {
        margin:0 !important;
        padding-bottom:10px;
        }
        }

.admincontenttable {
width:789px;
margin:auto;
border:2px solid #CCDDE0;
border-top:4px solid #000000;
margin-top:-1px;
}

.adminchart {
border:18px solid #DDEEF0;
}
@media print {.adminchart {
        border:none;
        width:100% !important;
        }
        }

legend {
color:#AABBC0;font-style:italic;
margin-top:8px;
}

a.linkinfohover-adminhelp {position:absolute;right:3px;top:2px}
a.linkinfohover-adminhelp:hover {z-index:3;background:transparent}
a.linkinfohover-adminhelp span {display:none;text-decoration:none}
a.linkinfohover-adminhelp:hover span {display:block;position:absolute;top:16px;right:2px;z-index:20;width:370px;font-family:arial,helvetica,sans;font-size:11px;font-weight:normal;text-align:left;letter-spacing:0;line-height:140%;text-decoration:none;padding:10px;border:2px dashed #FFAA00;color:#FFFFFF;background:#557799}

a.linkinfohover-adminfield {position:relative;z-index:1;}
a.linkinfohover-adminfield:hover {z-index:3;background:transparent;color:#FFFFD0 !important}
a.linkinfohover-adminfield span {display:none;text-decoration:none}
a.linkinfohover-adminfield:hover span {display:block;position:absolute;left:1px;bottom:23px;z-index:20;width:180px;font-family:verdana,arial,helvetica,sans;font-size:10px;font-weight:normal;text-align:left;letter-spacing:0;line-height:110%;color:#000000;text-decoration:none;padding:3px;border:2px solid #DDDDAA;background:#FFFFD0}

a.linkinfohover-admininfo {position:absolute;right:3px;top:2px;color:#557799}
a.linkinfohover-admininfo:hover {z-index:3;background:transparent}
a.linkinfohover-admininfo span {display:none;text-decoration:none}
a.linkinfohover-admininfo:hover span {display:block;position:absolute;top:16px;right:2px;z-index:20;width:370px;font-family:arial,helvetica,sans;font-size:11px;font-weight:normal;text-align:left;letter-spacing:0;line-height:140%;color:#FFFFFF;text-decoration:none;padding:10px;border:3px dashed #FFAA00;background-color:#557799}


/* Lightbox lite */

#lightbox{
        position:absolute;
        top:40px;
        left:0;
        width:100%;
        z-index:100;
        text-align:center;
        line-height:0;
        }

#lightbox a img{ border:none; }

#outerImageContainer{
        position:relative;
        -moz-border-radius:5px 5px 0 0;
        background-color:#fff;
        width:250px;
        height:250px;
        margin:0 auto;
        }

#imageContainer{
        padding:10px;
        }

#loading{
        position:absolute;
        top:40%;
        left:0%;
        height:25%;
        width:100%;
        text-align:center;
        line-height:0;
        }
#hoverNav{
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        z-index:10;
        }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{
        width:49%;
        height:100%;
        background:transparent url(litebox/blank.gif) no-repeat; /* Trick IE into showing hover */
        display:block;
        }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(litebox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
        font:10px Verdana, Helvetica, sans-serif;
        background-color:#ddd;
        margin:0 auto;
        line-height:1.4em;
        }

#imageData{
        padding:0 10px;height:32px;
        }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose{ float:right; padding:5px }

#overlay{
        position:absolute;
        top:0;
        left:0;
        z-index:90;
        width:100%;
        height:500px;
        background-color:#666;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity:0.6;
        }

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
        }

* html>body .clearfix {
        display:inline-block;
        width:100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height:1%;
        /* End hide from IE-mac */
        }

.litebox_thumbnailborder { border:2px solid #888; }

/* End Lightbox lite */





/* Page-specific helptext dropdown panel */

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color:white;
background:#EBC064; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right:11px;
font:normal 12px Arial, Helvetica;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float:right;
color:white;
background:#EBC064 url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration:none;
letter-spacing:1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float:left;
display:block;
background:transparent url(toggleright.gif) no-repeat right bottom;
padding:0px 4px 2px 11px;
cursor:pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top:2px;
margin-left:5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color:#CC0000; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline:0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color:transparent;
}

/* End dropdown panel */