/* generic settings */

body		{
                    font-size: 9pt; 
                    font-family: Arial,Helvetica; 
                    background-color: #ffffff; 
		    background-image: url("./images/gden_watermark.jpg");
                    background-attachment: fixed;
                 }
a			    {text-decoration: none; color: navy; }
a:hover		    {text-decoration: none; color: red; }

table           {font-size: 9pt; }

div.pg_counter      { 
			width: 150px;
                        background-color: black; 
        				border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        				border-bottom: #E0E0E0; 
                        border-right: thin solid #E0E0E0;
			text-align: right;
                    }
div.pg_counter img  { border: none; text-align: right;  }


div.banner {    display: block; 
				text-align: left;
                position: absolute;
                left: 180px;
                top: 10px;
				width: 600px;
				height: 140px;
                padding: 10px;
				border-top: thin solid #808080; 
                border-left: thin solid #808080; 
				border-bottom: none; 
                border-right: thin solid #E0E0E0; 
		background-image: url("./images/gden_bg_grn.jpg");
		    }



div.highlites {      display: block; 
				background-color: #c6c6FF;
                font-size: 8.5pt;
                position: absolute;
                left: 820px;
                top: 10px;
				width: 230px;
				height: 500px;
                padding: 10px;
				text-align: left;
                border-top: thin solid #808080; 
                border-left: thin solid #808080; 
                border-bottom: thin solid #000000; 
                border-right: thin solid #000000; 
                z-index: 5;
                background-image: url("./images/gden_bg_grn.jpg");
            }



div.highlits table td a                 { color: navy; }
div.highlits table td a:visited         { color: navy; }
div.highlits table td a:hover           { color: red; background-color: #ffcaca; }


div.canvas {    display: block; 
		text-align: left;
                font-size: 9pt;
                position: absolute;
                top: 140px;
                left: 180px;
                width: 600px;
                height: 600px;
                padding: 10px;
				border-top: none; 
                border-left: thin solid #808080; 
				border-bottom: thin solid #E0E0E0; 
                border-right: thin solid #E0E0E0; 
                z-index: 2;
		background-image: url("./images/gden_bg_grn.jpg");
		    }
div.canvas p:first-letter { 
		font-size: 16px; 
		font-weight: bold; 
		float: left;
		}

div.signature { display: block; 
                
                font-size: 7pt;
                color: black;
		background-color: transparent;
		text-align: right;
                z-index: 5;
		    }


div.menu {      display: block; 
				background-color: transparent;
                position: absolute;
                font-size: 8.5pt;
                left: 30px;
                top: 10px;
				height: 900px;
                width: 140px;
				text-align: center;
                padding: 2px;
          }

div.menu table td                   { color: black; font-weight: bold; font-size: 8.5pt; padding: 0 px; }
div.menu table td a                 { color: black; font-weight: normal; }
div.menu table td a:visited         { color: black; }
div.menu table td a:hover           { color: white; background-color: black; }

div.menu_date       { 
                    	border-top: thin solid #808080; 
                    	border-left: thin solid #808080; 
                    	border-bottom: thin solid #000000; 
                    	border-right: thin solid #000000; 
                    	width: 100%;
                	background-image: url("./images/gden_bg_grn.jpg");
                    }

table.main_menu     { 
        		border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        		border-bottom: thin solid #000000; 
                        border-right: thin solid #000000; 
                        border-collapse: separated; 
                        margin-top: 5px;
                        width: 100%;
                	background-image: url("./images/gden_bg_grn.jpg");
                    }
table.main_menu tr th { font-weight: bold; font-size: 12pt; text-align: left; background-image: url("./images/gden_bg_grn_dark.jpg"); }
table.main_menu tr td { text-indent: 5px; }

table.hosted_menu   { 
                        background-color: #76A761; 
                        padding: 10px; 
        				border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        				border-bottom: thin solid #000000; 
                        border-right: thin solid #000000; 
                        border-collapse: separated; 
                        border-spacing: 0; 
                        margin-top: 5px;
                        width: 100%;
                        background-image: url("./images/gden_bg_grn.jpg");
                    }
table.hosted_menu tr th { font-weight: bold; font-size: 12pt; text-align: left; background-image: url("./images/gden_bg_grn_dark.jpg"); }
table.hosted_menu tr td { text-indent: 5px; }
table.tools_menu    { 
                        background-color: #76A761; 
                        padding: 10px; 
        				border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        				border-bottom: thin solid #000000; 
                        border-right: thin solid #000000; 
                        border-collapse: separated; 
                        border-spacing: 0; 
                        margin-top: 5px;
                        width: 100%;
                        background-image: url("./images/gden_bg_grn.jpg");
                    }
table.tools_menu tr th { font-weight: bold; font-size: 12pt; text-align: left; background-image: url("./images/gden_bg_grn_dark.jpg"); }
table.tools_menu tr td { text-indent: 5px; }
table.dev_menu      { 
                        padding: 10px; 
        				border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        				border-bottom: thin solid #000000; 
                        border-right: thin solid #000000; 
                        border-collapse: separated; 
                        border-spacing: 0; 
                        margin-top: 5px;
                        width: 100%;
                        background-image: url("./images/gden_bg_grn.jpg");
                    }
table.dev_menu tr th { font-weight: bold; font-size: 12pt; text-align: left; background-image: url("./images/gden_bg_grn_dark.jpg"); }
table.dev_menu tr td { text-indent: 5px; }
table.links_menu      { 
                        padding: 10px; 
        				border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
        				border-bottom: thin solid #000000; 
                        border-right: thin solid #000000; 
                        border-collapse: separated; 
                        border-spacing: 0; 
                        margin-top: 5px;
                        width: 100%;
                        background-image: url("./images/gden_bg_grn.jpg");
                    }
table.links_menu tr th { font-weight: bold; font-size: 12pt; text-align: left; background-image: url("./images/gden_bg_grn_dark.jpg"); }
table.links_menu tr td { text-indent: 5px; }


div.debug           { 
                    display: block; 
                    position: absolute; 
                    top: 800px; 
                    left: 200px; 
                    }

div.debug table     { 
                    font-size: 8.5pt; 
                    color: #cacaca; 
                    }

span.msgOK	   {
                   color: green;
                   }

span.msgWARN	   {
                   color: orange;
                   }

span.msgERR	   {
                   color: red;
                   }

/* Custom classes */

div.weather table tr td     { font-size: 8.5pt; padding: 1px; }

div.googlesearch            { 
				width: 150px;
                                background-color: #f8f8f8; 
                                padding: 5px;
                				border-top: thin solid #808080; 
                                border-left: thin solid #808080; 
                				border-bottom: thin solid #E0E0E0; 
                                border-right: thin solid #E0E0E0; 
                            }


div.body            {
                        padding: 5px;
                        background-color: #f8f8f8; 
                        border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
                        border-bottom: thin solid #E0E0E0; 
                        border-right: thin solid #E0E0E0; 
                    };

div.body table          { }
div.body table tr       { }
div.body table tr td    { padding: none; font-size: 9pt; }




/* activeCalendar.php style classes */
/*
year {border-style: outset; border-width: 1px; background-color: #e4e4e4; text-align: center;}
.month {border-style: none; background-color: #e4e4e4; text-align: center;}
.yearname {font-family: Tahoma, Arial, sans-serif; text-align: center; font-size: 18px; font-weight: bold;}
.monthname {font-family: Tahoma, Arial, sans-serif; text-align: center; font-size: 13px; font-weight: bold; background-color: #DADADA; color: #5D5D5D; border-style: outset; border-width:1px}
.dayname td {font-family: Tahoma, Arial, sans-serif; text-align: center; font-size: 12px; font-weight: bold; background-color: #3E97CF; color: #ffffff; border-style: outset; border-width:1px}
.yearnavigation {font-family: Tahoma, Arial, sans-serif; font-size: 12px;}
.datepicker {background-color: #e4e4e4;}
.datepickerform {margin: 0px;}
.monthnavigation {font-family: Tahoma, Arial, sans-serif;}
.monthpicker {font-family: Tahoma, Arial, sans-serif; font-size: 11px; background-color: #eeeeee;}
.yearpicker {font-family: Tahoma, Arial, sans-serif; font-size: 11px; background-color: #eeeeee;}
.pickerbutton {font-family: Tahoma, Arial, sans-serif; font-size: 11px; background-color: #eeeeee; border-style: solid; border-color: #000000; border-width: 1px;}
.nomonthday {height:20px; width:20px;}
.monthday {font-family: Helvetica, Tahoma, Arial, sans-serif; text-align: center; font-size: 11px; font-weight: bold; background-color: #E4E4E4; color: #384955; height:20px; width:20px;}
.selectedday {font-family: Helvetica, Tahoma, Arial, sans-serif; text-align: center; font-size: 11px; font-weight: bold; background-color: #66ff66; height:20px; width:20px;}
.sunday {font-family: Helvetica, Tahoma, Arial, sans-serif; text-align: center; font-size: 11px; font-weight: bold; color: #667171; height:20px; width:20px;}
.sunday a {color: #667171;}
.saturday {font-family: Helvetica, Tahoma, Arial, sans-serif; text-align: center; font-size: 11px; font-weight: bold; color: #667171; height:20px; width:20px;}
.saturday a {color: #667171;}
*/


/* GwebCal classes */
div.calendar                    { }
table.month                     {border-width:1px; }
table.month tr td               {text-align: left; vertical-align: top; font-size: 7.5pt; font-weight: bold; height:70px; width:70px; }
table.month tr td.yearname      {text-align: center; font-size: 12pt; font-weight: bold; height:20px; }
table.month tr td.yearnavigation {text-align: center; font-size: 12pt; font-weight: bold; height:20px; }
table.month tr td.monthname     {text-align: center; font-size: 14pt; font-weight: bold; height:20px; }
table.month tr td.dayofweek     {background-image: url("./images/gden_bg_grn_dark.jpg"); font-weight: bold; border: thin solid black; height: 20px; }
table.month tr td.today         {background-image: url("./images/gden_bg_grn.jpg"); font-weight: bold; border: thin solid black;}
table.month tr td.selectedday   {background-color: red; font-weight: bold; border: thin solid black;}
table.month tr td.monthday      {background-image: url("./images/gden_bg_grn_dark.jpg"); font-weight: bold; border: thin solid black;}
table.month tr td.nomonthday    {background-image: url("./images/gden_bg_grn_dark.jpg"); font-weight: bold; border: none;}

table.month tr td table tr td   {background-color: transparent; font-size: 6pt; font-weight: normal; height: auto; }


table.month_thumb                     {border-width:1px; background-color: transparent; }
table.month_thumb tr td               {text-align: center; font-size: 7.5pt; font-weight: bold; height:20px; width:20px;}
table.month_thumb tr td.monthname     {text-align: center; font-size: 12pt; font-weight: bold; }
table.month_thumb tr td.today         {background-image: url("./images/gden_bg_grn.jpg"); font-weight: bold; }
table.month_thumb tr td.selectedday   {background-color: red; font-weight: bold; border: none;}
table.month_thumb tr td.monthday      {background-image: url("./images/gden_bg_grn_dark.jpg"); font-weight: bold; border: none;}
table.month_thumb tr td.nomonthday    {background-image: url("./images/gden_bg_grn_dark.jpg"); font-weight: bold; border: none;}

table.year                        { }
table.year tr td.yearnavigation   { text-align: center; font-size: 12pt; font-weight: bold; border: thin solid black; }
table.year tr td.yearnavigation a { font-size: 7.5pt; }
table.year tr td.yearmonth        { text-align: center; font-size: 12pt; font-weight: bold; border: thin solid black; }

table.day                         { border: thin solid black; width: 100%; }
table.day tr th                   { background-image: url("./images/gden_bg_grn_dark.jpg"); text-align: center; font-size: 14pt; font-weight: bold;  }
table.day tr td                   { text-align: left; font-size: 7.5pt; font-weight: bold;  }
table.day tr td.monthday          { text-align: left; font-size: 10pt; font-weight: bold;  }
table.day tr td.today             { text-align: left; font-size: 10pt; font-weight: bold;  }
table.day tr td.selectedday       { text-align: left; font-size: 10pt; font-weight: bold;  }
table.day tr td table             { width: 100%; }
table.day tr td table tr td.even  { background-color: #cafaca; }
table.day tr td table tr td.odd   { background-color: #cacafa; }
/* end of gwebcal classes */



img.snapshot 		{ 
			width: 180;
                        border-top: thin solid #808080; 
                        border-left: thin solid #808080; 
                        border-bottom: thin solid #E0E0E0; 
                        border-right: thin solid #E0E0E0;
			}

div.amberalert { border: thin inset; } 

img.inset { border: thin solid inset; }


/* tab styles */
ul.tabs {
        display: inline;
        border-bottom: 1px solid black;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        overflow: hidden;
        white-space: nowrap;
        background-color: transparent;
        z-index: 1;
        padding-left: 10px;
        }

ul.tabs li {
        overflow: hidden;
        display: inline;
        list-style-type: none;
        }

ul.tabs li.tab_focus    {
}

ul.tabs li.tab  {
}

ul.tabs li      a, a.active {
        color: grey;
        padding: 6px;
        text-decoration: none;
        border: 1px solid black;
        border-bottom: none;
        padding: 2px 5px 0px 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
}

ul.tabs li.tab_focus a {
        background-color: #fafafa;
        color: black;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 2px solid #fafafa;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;

        }

ul.tabs li.tab a { background-color: #aaaaaa; }

ul.tabs li      a:hover { color: black; }

div.pane        {
        display: none;
        visibility: hidden;
        }

div.pane_focus  {
        text-align: justify;
        padding: 20px;
        margin: 0px;
        background-color: #fafafa;
        visibility: visible;
        display: block;
        border: 1px solid black;
        /*border-top: none;*/
        z-index: 3;
        }

div.tab-container { background-color: transparent; padding: 4px; }