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





body { background-color: #fff;
       background-image: url("images/background.gif");
       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: #83B3DF; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }





table { font-size: 12px;
        border-collapse: collapse;
      }

td { text-align: left;
     padding: 4px;
     padding-right: 3px;
   }

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

.infobox { border: 2px solid #
         }




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

.flight_table, .flight_table td { border: 0px;
                              padding: 2px;
                              padding-top: 0px;
                              padding-bottom: 0px;
                              font-size: 10px;
                            }


.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: "Trebuchet MS", Arial, Sans-Serif;
                font-size: 11px;
              }


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





#login { width: 680px;
         margin: auto;
         margin-top: 20px;
         padding: 10px;
         background-color: #fff;
         border: 3px solid #C4D3E2;

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

#loginbox { width: 304px;
            margin-bottom: 10px;
            float: left;
            margin-right: 20px;
            padding: 10px;
            background-color: #fff;
            border: 3px solid #ddd;
          }


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






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


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

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


#contents { width: 720px;
            margin: auto;
            padding: 10px;
            background-color: #fff;
          background-image: url("images/content_background.jpg");
          background-repeat: repeat-x;
          background-position: top left;
          }



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

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





#footer { width: 740px;
          height: 30px;
          color: #fff;
          background-color: #7B3F1C;
          background-image: url("images/footer.gif");
          background-repeat: repeat-x;
          background-position: top left;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 10px;
          padding-top: 10px;
          clear: both;
        }














.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 #83A3D3;
           background-color: #fff;
         }



.greenbutton { width: 50px;
               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 { width: 50px;
             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;
            }



.view_button { width: 50px;
               height: 20px;
               border: 0px;
               background-image: url(images/button_view.gif);
               color: #fff;
               font-size: 12px;
             }

.delete_button { width: 50px;
                 height: 20px;
                 border: 0px;
                 background-image: url(images/button_delete.gif);
                 color: #fff;
                 font-size: 12px;
               }












.verticalalign { vertical-align: middle;
               }

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



.greentext { color: #4a4;
           }

.orangetext { color: #fa0;
            }

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


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

.menutab { float: left; 
           margin-right: 5px; 
           background-color: #bcceec; 
           padding: 5px;
           font-weight: bold;
           font-size: 16px;
           border-bottom: 1px solid #E2EEFE;
         }

.menutab a { color: #fff;
           }

.menutabselected { float: left; 
                   margin-right: 5px; 
                   background-color: #fff; 
                   padding: 5px;
                   font-weight: bold;
                   font-size: 16px;
                   border-bottom: 1px solid #fff;
                 }

.menutabselected a { color: #000;
           }

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

.photopreview { display: none;
           position: absolute;
           font-size: 11px;
           z-index: 2;
           background-color: #fff;
           padding: 0px;
         }

.flight_info { display: none;
           position: absolute;
           font-size: 11px;
           z-index: 2;
           background-color: #ffd;
           border: 2px solid #ccc;
           padding: 10px;
         }

.none_found { margin: 20px; 
              text-align: center;
              color: #ccc;
              font-size: 20px;
              font-weight: bold;
            }