/*
**********************************************************************************************************************

Script:     default.css
Created:    David Hood, 2008.03.27
Function:   Primary cascading style sheet for the MRHOOD.COM Website Template
Changes:    <YYYY.MM.DD>    <Author ID>     <Change>
            2008.12.27      D.Hood          Added "white-space" and popupcalendar
            2009.04.22      D.Hood          Updated Sidemenu styles
            2010.09.07      D.Hood          Updated background shading

=======================================================================================================================

Copyright (C) 2008-2009 by David Hood, Pitt Meadows, BC
This work is a private literary publication and is protected under Canadian copyright laws.

**********************************************************************************************************************
*/

a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:link { color: blue; }
a:visited { color: purple; }
a:active, a:focus { filter: alpha(opacity=60); opacity: .60; outline: 0; }
body { font-weight: normal; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; font-size: 11pt; color: #2c3f4d; }
h1,h2,h3,h4 { font-weight: normal; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; padding: 4px; margin: 0px; color: #2c3f4d; }
h1 { background-color: #d1dbe5; font-size: 16pt; padding: 4px; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 11pt; }
hr { color: #2c3f4d; height: 1px; }
img { display: inline; border: none; margin: 0px; padding: 0px; }

/* Table headers */
.h1 { width: 100%; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; font-weight: normal; border-collapse: collapse; }
.h1 tr { background-color: #d1dbe5; }
.h1 tr td { padding: 4px; color: #2c3f4d; font-size: 16pt; }

.text1 { padding: 5px 5px 0px 30px; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; }
.text, .text2, .text table, .text2 table { font-family: verdana,"Bitstream Vera Sans","DejaVu Sans"; font-size: 10pt; }
.text2 { padding: 9px 20px 9px 2px; }
.text { padding: 9px 20px 9px 20px; }
.text img.left, .text2 img.left { padding: 0px 10px 10px 0px; float: left; }
.text img.right, .text2 img.right { padding: 0px 0px 10px 10px; float: right; }
.text p, .text2 p, .text2 div.back, .text ul, .text2 ul, .text ol, .text2 ol { border: 0px; letter-spacing: 0px; line-height: 20px; }
.text p, .text2 p { padding-left: 15px; }
.text form, .text2 form { padding-left: 15px; }
.text form thead tr, .text2 form thead tr { background-color: #d1dbe5; }
.text form thead tr td, .text2 form thead tr td { padding: 5px; }
.text form tbody tr td, .text2 form tbody tr td { padding-right: 10px; padding-left: 10px; }
.text form p, .text2 form p { padding-left: 0px; }

.text .info, .text2 .info { background-color: #d1dbe5; padding: 20px; margin-top: 7px; margin-bottom: 7px; }
.text .info h3, .text2 .info h3 { padding: 0px 0px 10px 0px; }
.text .info table, .text2 .info table { margin: 0px; }
.text .info table tr td, .text2 .info table tr td { padding: 0px 0px 0px 20px; vertical-align: top; }
.text .sep, .text2 .sep { height: 8px; background-image:url(./media/sys/sep_doc.png); }

.medialist { width: 100%; padding-top: 10px; padding-bottom: 10px; }
.medialist td { padding: 0px 2px 0px 2px; }

.event { padding-left: 6px; width: 100%; }
.event tr td { padding: 1px 10px 1px 10px; white-space: nowrap; vertical-align: top; }
.event tr td h3 { margin-top: 15px; } /* background-color: #e4e3ff; text-decoration: underline; */
.event td.new { padding: 1px 10px 1px 20px; font-weight: bold; }
.event td.gap { height: 10px; }

.admin, .admin table { font-family: verdana,"Bitstream Vera Sans","DejaVu Sans"; font-size: 10pt; }
.admin form thead tr { background-color: #d1dbe5; }
.admin form thead tr td { padding: 5px; }
.admin form tbody tr td { padding-right: 5px; padding-left: 5px; }

.comment { background-color: #e1e8f3; margin: 10px 20px 10px 20px; padding: 7px; }

.calendar { width: 100%; }
.calendar thead tr.day { background-color: #d1dbe5; }
.calendar thead tr.day td { padding: 4px; }
.calendar thead tr td { text-align: center; }
.calendar thead tr td.month { font-weight: bold; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; padding: 4px; text-align: left; font-size: 14pt; }
.calendar thead tr td.month span { padding-bottom: 4px; }
.calendar tbody tr td { width: 14%; height: 120px; }
.calendar tbody tr td a:link, .calendar tbody tr td a:visited { color: #2c3f4d; }
.calendar tbody tr td.day { vertical-align: top; background-color: #e1e8f3; font-size: 10pt; color: #bfc8d1;}
.calendar tbody tr td.day div { font-family: arial,helvetica,"Nimbus Sans L",sans-serif; font-size: 8pt; color: #2c3f4d; padding: 4px 4px 4px 12px; text-indent: -8px; }
.calendar tbody tr td.day div div { padding: 0px 0px 4px 0px; }

.tooltip, .tooltip table { font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size: 9pt; }
.tooltip { position:absolute; top:10px; left:20px; width: 300px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size: 9pt; background-color:infobackground; padding:7px; border: 1px solid black; line-height: normal; margin: 0px; filter: alpha(opacity=90); opacity: 0.9; }
.tooltip h3 { padding: 0px 0px 10px 0px; margin: 0px; }
.tooltip table { margin: 15px; }
.tooltip table tr td { padding: 2px 5px 2px 2px; margin: 0px; vertical-align: top; }
.tooltip table tr.times td { padding-bottom: 10px; }


/*
=======================================================================================================================
    Dynamic Menu 
    background-color: #ebf2fe; 
    c0def9
    8c9464
    6f8345
    bdc9e6
    b0bdde
    
.menu tr td { padding:3px 15px 3px 15px; border: 1px solid transparent; color: #2c3f4d; }
.menu tr td.on1 { color: #000000; border-left: 1px solid #2c3f4d; border-right: 1px solid #2c3f4d; border-top: 1px solid #2c3f4d; background-color: #ebf2fe; filter: alpha(opacity=93); opacity: .93; }
.menu tr td.on2 { color: #000000; border: 1px solid #2c3f4d; background-color: #ebf2fe; filter: alpha(opacity=93); opacity: .93; }
.submenu { cursor:pointer; border-left: 1px solid #2c3f4d; border-right: 1px solid #2c3f4d; border-bottom: 1px solid #2c3f4d; position:absolute; border-collapse:collapse; top:0px; left:20px; font:normal 9pt arial; background-color:#ebf2fe; padding:2px 0px 0px 0px; filter: alpha(opacity=93); opacity: .93; }
    
=======================================================================================================================
*/

.menu { width: 100%; height: 70%; margin: 0px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size:11pt; }
.menu tr td { padding:3px 15px 3px 15px; color: #2c3f4d; white-space: nowrap; }
.menu tr td.on1 { cursor:pointer; color: #ffffff; background-image:url(./media/sys/menu_back.png); }
.menu tr td.on2 { cursor:pointer; color: #ffffff; background-image:url(./media/sys/menu_back.png); }

.menudoc { margin: 0px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size:10pt;}
.menudoc tr td { padding:0px; color: #2c3f4d; white-space: nowrap; text-align: center; }
.menudoc tr td.on1 { cursor:pointer; color: #feffbb; background-image:url(./media/sys/menu_back.png); }
.menudoc tr td.on2 { cursor:pointer; color: #feffbb; background-image:url(./media/sys/menu_back.png); }

.menupage { margin: 0px; width: 100%; }
.menupage tr td { color: #2c3f4d; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size:10pt; white-space: nowrap; }
.menupage tr td.on1 { cursor:pointer; color: #ffffff; background-image:url(./media/sys/menu_back.png); }
.menupage tr td.on2 { cursor:pointer; color: #ffffff; background-image:url(./media/sys/menu_back.png); }

.submenu { display:block; background:url(./media/sys/menu_back.png); position:absolute; top:0px; left:20px; overflow:hidden; list-style:none; margin:0px; padding:5px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size:9pt; height:0px; opacity:0;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 5px 15px 0px #000; 
    -webkit-box-shadow: 0px 5px 15px 0px #000;
    box-shadow: 0px 5px 15px 0px #000; }
.submenu * { margin:0; padding:0; }
.submenu li.sep { background:url(./media/sys/sep.png); height: 7px; }
.submenu li a { display:block; padding: 6px 15px 6px 15px; text-decoration: none; color: #000000; }
.submenu li a:hover { background:url(./media/sys/menu_highlight.png); color: #2c3f4d; }
.submenu li.edit { padding: 2px 15px 2px 0px; text-decoration: none; color: #000000; }
.submenu li.edit img { cursor: pointer; }

.sidemenu { margin-left: 10px; font-family: arial,helvetica,"Nimbus Sans L",sans-serif; font-size:10pt; }
.sidemenu tr.sep { height: 7px; }
.sidemenu tr.sep td { background-image:url(./media/sys/sep_side.png); }

.popmenu { display:block; background:url(./media/sys/menu_back.png); position:absolute; top:0px; left:20px; overflow:hidden; list-style:none; margin:0px; padding:0px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-weight:normal; font-size:9pt; height:0px; }
.popmenu * { margin: 0px; padding: 0px; }
.popmenu li.sep { background:url(./media/sys/sep.png); height: 7px; }
.popmenu li a { display:block; padding: 2px 15px 2px 15px; text-decoration: none; color: #000000; }
.popmenu li a:hover { background:url(./media/sys/menu_highlight.png); color: #2c3f4d; }


/*
=======================================================================================================================
    Pop-up Calendar
=======================================================================================================================
*/

.popcalendar { width:200px; position:absolute; border-collapse:collapse; background-color: #d1dbe5; padding: 5px; border: 1px solid #2c3f4d; }
.popcalendar .title { font-weight: bold; font-size: 12pt; padding: 2px 2px 4px 2px; color: #2c3f4d; }
.popcalendar table { width: 100%; margin: 0px 0px 3px 0px; font-family:arial,helvetica,"Nimbus Sans L",sans-serif; }
.popcalendar table td { text-align: center; font-size: 8pt; }
.popcalendar .nav { width: 100%; margin: 0px 0px 3px 0px; }
.popcalendar .grid thead td { border-top: 1px solid #2c3f4d; border-bottom: 1px solid #2c3f4d; background-color: #bfc8d1; }
.popcalendar .grid tbody td { cursor: pointer; width: 14%; font-weight: bold; background-color: white; }
.popcalendar .grid tbody td.currenton1 { background-color: #b8ba95; }
.popcalendar .grid tbody td.currenttoday { border: 1px solid #2c3f4d; }
.popcalendar .grid tbody td.currenttodayon1 { background-color: #b8ba95; border: 1px solid #2c3f4d; }
.popcalendar .grid tbody td.prev, .popcalendar .grid tbody td.next { font-weight: normal; font-style: italic; color: gray; background-color: #f3f3f3; }
.popcalendar .grid tbody td.prevon1, .popcalendar .grid tbody td.nexton1 { font-weight: normal; font-style: italic; color: gray; background-color: #b8ba95; }

/*
=======================================================================================================================
    Pop-up Media
=======================================================================================================================
*/

.popmedia { font-family:arial,helvetica,"Nimbus Sans L",sans-serif; font-size: 12pt; position:fixed; background-color: black; border: 5px solid white; padding: 10px; top: 10px; left: 10px; color: white; font-weight: bold; text-align: center; }
.popmedia p.small { font-size: 10pt; font-weight: normal; color: lightgrey; text-align: left; }
.popmedia i { font-size: 8pt; font-weight: normal; color: lightgrey; }

/*
=======================================================================================================================
    Newsletter
=======================================================================================================================
*/

.newsletter { width: 100%; }
.newsletter thead tr td { vertical-align: top; padding: 5px; letter-spacing: 0px; line-height: 20px; }
.newsletter thead tr td h2 { background-color: rgb(0, 120, 193); color: white; text-align: right; font-family: arial,helvetica; margin: 0px -5px 10px -5px; }
.newsletter thead tr td img { margin: 0px 0px 10px 10px; }
.newsletter tbody tr td { vertical-align: top; letter-spacing: 0px; line-height: 20px; }
.newsletter tbody tr td div { border: 1px solid black; padding: 10px 10px 10px 20px; background-image: url(./media/sys/news_back.png); }
.newsletter tbody tr td div h2, .newsletter tbody tr td div h3, .newsletter tbody tr td div h4 { margin-left: -10px; }