/*
 __________________________
|                          |
| Martyn Bampton           |
| martyn(at)erinshore.com  |
| Handwritten with Notepad |
| April 2007               |
|__________________________|
*/





body { background-color: #eee;
       font-family: Arial, Sans-Serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 12px;
       padding: 0px;
       margin: 0px;
     }





a { color: #0E5EA7; 
    text-decoration: none;
  }

a:hover { text-decoration: underline;
        }





table { padding: 0px;
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
      }

#calendartable { width: 150px;
                 padding: 2px;
                 color: #000;
                 background-color: #eee;
               }


#calendartable td { padding: 2px;
                    border: 2px solid #fff;
                    font-size: 12px;
                    height: 20px;
                    vertical-align: top;
                    text-align: left;
                  }


#calendartable th { padding: 2px;
                    border: 2px solid #fff;
                    background-color: #000;
                    color: #fff;
                    font-size: 12px;
                  }

.inputtable td { padding-right: 5px;
                 height: 20px;
                 text-align: left;
                 font-size: 12px;
               }

.listtable { width: 100%;
             border: 5px solid #cde;
             background-color: #cde;
           }

.listtable td, th { padding: 5px;
              }

.listtable th { font-size: 14px;
                font-weight: bold;
              }

.listtabletd { background-color: #fff;
             }




.blankday { background-color: #ccc;
          }


.eventday { background-color: #eee;
          }


h1 { font-family: Sans-Serif;
     font-weight: bold;
     font-size: 16px;
     color: #000;
     margin: 0px;
   }


h2 { font-family: Sans-Serif;
     font-weight: bold;
     font-size: 14px;
     color: #000;
     margin: 0px;
   }

h3 { font-family: Sans-Serif;
     font-weight: bold;
     font-size: 12px;
     color: #000;
     margin: 0px;
   }


h2, h3, form, ul { margin: 0px;
       }





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


#page { margin: auto;
        margin: 20px;
      }




#header { background-color: #0088C8;
          background-image: url("images/header.jpg");
          background-repeat: no-repeat;
          background-position: top left;
          text-align: left;
          margin: auto;
          margin-top: 20px;
          width: 740px;
          height: 100px;
        }

#header a { color: #fff;
          }

#headerlogin { background-color: #0088C8;
          background-image: url("images/header_login.jpg");
          background-repeat: no-repeat;
          background-position: top left;
          text-align: left;
          margin: auto;
          margin-top: 20px;
          width: 580px;
          height: 100px;
        }


#menu { background-color: #000;
        margin: auto;
        padding: 10px;
        color: #fff;
        font-size: 14px;
      } 

#menu a { color: #fff;
        }





#main { background-color: #fff;
        margin: auto;
      }

#contents a { color: #f7f7f7;
            }

#contents a:hover { color: #fff; 
                  }


#profilebar { width: 740px;
              height: 30px;
              margin: auto;
              color: #fff;
              background-color: #000;
              background-image: url("images/bg_profilebar.gif");
              background-repeat: repeat-x;
              background-position: top left;
            }

#profilebar a { color: #fff;
                font-weight: bold;
              }

#pbarleft { float: left;
            width: 500px;
            padding-top: 8px;
            padding-left: 10px;
          }

#pbarright { margin-left: 520px;
             padding-top: 3px;
             padding-right: 10px;
             text-align: right;
             font-family: verdana;
             font-size: 9px;
           }



#content { background-color: #fff;
           text-align: left;
           margin: auto;
           width: 720px;
           padding: 10px;
         }


#leftside { background-color: #eee;
            padding: 10px;
            border: 5px solid #ddd;
            margin-right: 10px;
            height: 500px;
            width: 150px;
            float: left;
            color: #fff;

          }

#rightside { 
             padding: 10px;
             height: 510px;
             overflow:-moz-scrollbars-vertical !important;
             overflow-y: scroll;
           }





#footer { height: 40px;
          color: #fff;
          background-color: #0088C8;
          background-image: url("images/footer.jpg");
          background-repeat: no-repeat;
          background-position: top left;
          padding: 5px;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 20px;
          width: 730px;
        }

#footer a { color: #fff;
          }

#footer a:hover { text-decoration: underline;
                }


#footerlogin { height: 40px;
          color: #fff;
          background-color: #0088C8;
          background-image: url("images/footer_login.jpg");
          background-repeat: no-repeat;
          background-position: top left;
          padding: 5px;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 20px;
          width: 570px;
        }


.albumimage { width: 50px;
              height: 50px;
              float: left; 
              margin-right: 10px;
              border: 1px solid #ccc;
              }


.galleryitem { width: 140px;
               height: 180px;
               float: left; 
               margin-right: 10px;
               margin-bottom: 20px;
               font-size: 12px;
               text-align: center;
             }

.galleryimage { width: 100px;
                height: 100px;
                background-color: #ddd;
                padding: 5px;
                border: 1px solid #ccc;
                margin: auto;
                margin-bottom: 5px;
                text-align: center;
              }


.centre { text-align: center;
        }

.paragraph { margin-bottom: 20px;
             text-align: justify;
           }

.sysmsg { width: 678px;
          background-color: #fff;
          margin: auto; 
          margin-top: 20px;
          border: 2px solid #f00; 
          padding: 10px; 
          color: #f00;
        }

.whitedot { margin: 8px;
            vertical-align: middle;
          }


.hwtable, .hwtable th, .hwtable td { padding-left: 10px;
                                     padding-right: 10px;
                                     text-align: left;
                                     font-size: 12px;
                                   }


.transparent { filter: alpha(opacity=50);
               -moz-opacity: 0.5;
	       -khtml-opacity: 0.5;
	       opacity: 0.5;
             }


#agendatitle { clear: left;
               border: 2px solid #000;
               padding: 10px;
               margin-bottom: 30px;
               font-size: 18px;
               background-color: #fff;
             }







#login { width: 580px;
         margin: auto;
         background-color: #fff;
       }

#loginbox { padding: 10px;
            background-color: #fff;
          }

#statusbox { width: 300px;
             padding: 10px;
             clear: left;
             margin: auto;
           }

.textbox { border: 2px solid #0088C8;
           font-family: Arial, FreeSans, Sans-Serif;
           font-size: 11px;
         }

#notesbox { border: 2px solid #0088C8;
            font-family: Arial, FreeSans, Sans-Serif;
            font-size: 11px;
            padding: 5px;
            width: 136px;
            height: 190px;
         }

#loggedout { width: 300px;
             margin: auto;
             margin-top: 20px;
             border: 5px solid #0088C8;
             background-color: #fff;
             padding: 10px;
           }

#locationtable td { padding-right: 5px;
                    font-weight: bold;
                  }

#recipients { font-weight: bold;
              margin-top: 20px;
              margin-bottom: 20px;
            }


.section { background-color: #eee;
           padding: 10px;
           margin-bottom: 20px;
           border: 5px solid #ddd;
         }

.redtext { color: #d00;
           font-size: 12px;
         }

.greentext { color: #0a0;
             font-size: 12px;
           }

.agendatab { float: left;
             
             height: 15px;
             margin-right: 5px;
             margin-bottom: 10px;
             padding: 5px;
             background-color: #000;
             color: #fff;
             font-weight: bold;
           }

.agendatab a { color: #fff;
             }

#cameras { width: 719px; 
           border: 5px solid #ccc;
           background-color: #fff; 
           padding: 10px;
           margin: auto;
           margin-top: 20px;
         }


#instructions { float: right; 
                width: 444px; 
                height: 180px;
                background-color: #fff; 
                margin-top: 5px;
                padding: 10px;
                font-family: Trebuchet MS;
                font-size: 12px;
              }


#messagebg { display: block; 
             z-index: 2;
             position: absolute;
             left: 50%;
             top: 50%;
             margin-left: -170px;
             margin-top: -130px;
             width: 340px;
             height: 260px;
             background-color: #000;
             opacity: 0.5; 
             filter:alpha(opacity=50);
           }

#message { display: block;
           z-index: 3;
           position: absolute;
           left: 50%;
           top: 50%;
           margin-left: -120px;
           margin-top: -80px;
           width: 216px;
           height: 136px;
           border: 2px solid #000;
           padding: 10px;
           background-color: #fff;
           font-weight: bold;
         }



.greenbutton { 
               border-left: 1px solid #9d9;
               border-top: 1px solid #9d9;
               border-right: 1px solid #494;
               border-bottom: 1px solid #494;
               background-color: #4a4;
               color: #fff;
               font-size: 12px;
             }

.redbutton { 
             border-left: 1px solid #d99;
             border-top: 1px solid #d99;
             border-right: 1px solid #944;
             border-bottom: 1px solid #944;
             background-color: #d44;
             color: #fff;
             font-size: 12px;
           }

.bluebutton { padding: 2px;
              border-left: 1px solid #6bf;
              border-top: 1px solid #6bf;
              border-right: 1px solid #048;
              border-bottom: 1px solid #048;
              background-color: #08f;
              color: #fff;
              font-size: 12px;
            }