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





body { background-color: #7C7C7C;
       font-family: arial, freesans, sans-serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 12px;
       padding: 0px;
       margin: 0px;
       padding-bottom: 20px;
     }





a { color: #4A7892; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }







td { 
     padding: 4px;
     padding-right: 3px;
   }

th { text-align: left;
     padding: 4px;
     padding-right: 3px;
     font-size: 14px;
   }


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

#calendartable { width: 98%;
                 padding: 5px;
                 background-color: #eee;
               }


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


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

.blankday { background-color: #ccc;
          }


.eventday { background-color: #eee;
          }

.infobox { border: 2px solid #
         }




.inputtable, .inputtable td { border: 0px;
                              padding: 2px;
                              padding-top: 1px;
                              padding-bottom: 5px;
                              font-size: 12px;
                            }


.listtable { width: 100%;
           }


.listtable th { border-right: 1px solid #fff;
                padding: 5px;
                color: #fff;
                font-family: Arial, Sans-Serif;
                font-size: 14px;
                background-color: #94C0D9;
              }

.listtable td { border-right: 1px solid #fff;
                padding: 5px;
                font-family: Arial, Sans-Serif;
                font-size: 12px;
              }

.listtabletd { background-color: #f0f0f0;
             }


.listtablerow_one { background-color: #ECF2F5;
                }

.listtablerow_two { background-color: #DFE8ED;
                  }


.colourtable td { margin: 0px;
                  padding: 0px;
                }





h1 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 22px;
     color: #000;
     margin: 0px;
   }





h2 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 18px;
     margin: 0px;
     color: #000;
   }





h3 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     text-decoration: none;
     font-size: 14px;
     color: #000;
     margin: 0px;
   }





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

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

optgroup { margin: 0px;
           padding: 0px;
         }

ul{ border: 0px;
    padding: 0px;
    margin: 0 20px;
  }





#index_content { width: 480px;
                 height: 280px;
                 margin: auto;
                 margin-top: 20px;
                 padding: 10px;
                 background-image: url("images/bg_index.gif");
                 background-repeat: no-repeat;
                 background-color: #fff;

                 font-family: arial, freesans, sans-serif;
                 font-size: 12px;
               }

#index_welcome { width: 400px;
                 margin: auto;
                 margin-top: 10px;
                 margin-bottom: 10px;
               }

#index_login { width: 300px; 
               margin: auto; 
               margin-bottom: 10px;
             }

#index_messages { width: 400px; 
                  margin: auto; 
                }


#statusbox { width: 304px;
             margin: auto;
             padding: 10px;
             background-color: #fff;
             border: 3px solid #ddd;
           }






#header { width: 780px;
          height: 100px;
          background-image: url("images/bg_header.gif");
          background-repeat: no-repeat;
          background-position: top right;
          background-color: #fff;

          text-align: left;
          margin: auto;
          margin-top: 20px;
          padding: 0px;
          border-bottom: 0px;

          font-size: 16px;
          
        }


#menu { width: 755px;
        height: 19px;
        background-image: url("images/menubg.gif");
        background-repeat: repeat-x;
        background-position: top left;
        margin: auto;
        margin-bottom: 0px;
        color: #fff;
        background-color: #000;
        padding: 5px;
        padding-left: 10px;
        font-weight: bold;
        font-size: 14px;
        border-left: 5px solid #4A7892;
        border-right: 5px solid #4A7892;
      }

#menu a { color: #fff;
        }







#leftmenu { float: left;
        width: 100px;
        padding: 0px;
      }

.menuitem { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenubg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
          }

.menuitemgreen { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenugreenbg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
               }

.menuitemred { height: 15px;
            background-color: #000;
            background-image: url("images/leftmenuredbg.gif");
            background-repeat: repeat-x;
            background-position: top left;
            padding: 5px;
            padding-left: 10px;
            font-weight: bold;
             }


.menuitem a, .menuitemgreen a, .menuitemred a { color: #fff;
            }


#main { width: 750px;
        margin: auto;;
        padding: 10px;
        background-color: #fff;
        border-left: 5px solid #4A7892;
        border-right: 5px solid #4A7892;
      }

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

.paragraph { text-align: justify;
             margin-bottom: 30px;
             letter-spacing: normal;
           }

#help { display: none;
        font-family: monospace;
        background-color: #ffc;
        padding: 10px;
      }





#footer { width: 760px;
          height: 30px;
          color: #000;
          background-image: url("images/bg_footer.gif");
          background-repeat: no-repeat;
          background-position: top left;
          background-color: #fff;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 10px;
          padding: 10px;
        }














.right { float: right;
         margin-right: 10px;
       }


.photo { 
         background-color: #D7D4B5;
         padding: 5px;
       }


.imageleft { border: 1px solid #798777;
             background-color: #fff;
             padding: 1px;
             margin: 0 10px 0px 0px;
             float: left;
           }

.imageright { 
              background-color: #798777;
              padding: 5px;
              margin-left: 10px;
              float: right;
            }






.galleryitem { margin-bottom: 20px;
             }

.centre { text-align: center;
        }





.clearboth { clear: both;
           }







.textbox { font-size: 12px;
           font-family: arial, freesans, Sans-Serif;
           border: 2px solid #C4D3E2;
           background-repeat: repeat-x;
           background-color: #EAF2F6;
         }



.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;
               padding: 0px;
             }

.editbutton { border: 0px;
              background-image: url("images/edit.gif");
              width: 20px;
              height: 20px;
             }


.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;
               padding: 0px;
           }







.verticalalign { vertical-align: middle;
               }

.redlink { color: #f00;
           font-size: 12px;
         }



.greentext { color: #4a4;
             font-weight: bold;
           }

.redtext { color: #d44;
           font-weight: bold;
         }

.orangetext { color: #fa0;
            }


.messages { margin: 20px;
            padding: 10px;
            border-top: 5px solid #789Cd2;
            border-left: 5px solid #789Cd2;
            border-right: 5px solid #385C92;
            border-bottom: 5px solid #385C92;
            background-color: #fff;
          }


.coloursquare { width: 20px;
                height: 10px;
              }


.infobox { border: 2px solid #DFE8ED;
           background-color: #ECF2F5;
           margin-bottom: 10px;
           padding: 10px;
         }


.calinfo { display: none;
           position: absolute;
           font-size: 11px;
           z-index: 2;
           background-color: #ffc;
           width: 125px;
           border: 1px solid #aaa;
           padding: 10px;
         }


#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;
         }


.welcomeoption { float: left; 
                 width: 30%;
                 text-align: center;
               }

#supervisor { display: none;
              margin-top: 20px;
            }

#employee { display: none;
            width: 400px;
            margin: auto;
            margin-top: 20px;
          }

#choosetext { width: 400px;
            margin: auto;
            margin-top: 20px;
          }