/************************************************
 *
 *  File    :   css/ezarchiving.css
 *  Version :   v1.0
 *  Date    :   Sunday, 27 Novemeber 2005
 *  Email   :   juan@ac-creations.net
 *
 ************************************************
 * Global style settings
 ************************************************/
 
 @media screen {

    * { margin: 0; padding: 0; }
    
    body {
        margin: 15px 0 15px 0;
        color: #FFF;
        text-align: center;
        background-color: #253D51;
        font: 0.7em Verdana, Arial, Helvetica, sans-serif;
    }
    
    h1, h2, h3 { text-indent: -9000px; }
    h3   { height: 50px; margin-bottom: 5px; }
    h4   { font-size: 1.1em; margin: 10px; }
    h5   { font-size: 1em; margin: 10px; }
    p,dd { line-height: 1.5em; margin-bottom: 10px;   }
    em   { color: #FECA66; font-style: normal; font-weight: bold; font-size: 0.85em; }
    img  { border: 0; vertical-align: middle; }
    a    { text-decoration: none; }
    ul   { list-style-type: none; }
    input, textarea, select { font: 1em Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; }

    .clearfix:after {
      content: ".";
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
    }
  
/************************************************
 * Layout settings
 ************************************************/    

    #scrollfix { position:absolute; top:0; height:100%; padding:0 0 1px; }

    #container {
        width: 750px;
        margin: 0 auto;
        text-align: left;
    }
    
    #header {
        height: 130px;
        background: url( ../images/eza-header.jpg ) no-repeat;
    }

    #navigation {
        width: 749px;
        background: #C0BCB6 url( ../images/eza-navigationbg.jpg ) no-repeat;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }
    #navigation ul {
        float: right;
    }
    #navigation    li,
    #subnavigation li { display: inline; }
    #navigation    li a,
    #subnavigation li a {
        height: 1.9em;
        padding: 5px 15px 0 15px;
        margin-top: 1px;
        display: block;
        float: right;
        color: #373737;
        font-size: 0.85em;
        font-weight: bold;
        border-left: 1px solid #FFF;
        border-right: 1px solid #AEAEAF;
    }
    #navigation    li a#contact { border-right: 0; }
    #navigation    li a:hover { background: #829E3E url( ../images/eza-nav-hover.jpg ) repeat-x; }
    #subnavigation li a:hover { background: #828E3E url( ../images/eza-subnav-hover.jpg ) no-repeat; }
    #navigation    li a.selected { background: #FFF url( ../images/eza-nav-selected.jpg ) repeat-x; }
    #subnavigation li a.selected { background: #FFF url( ../images/eza-subnav-selected.jpg ) no-repeat; }
    #navigation    li a.selected:hover { background: #FFF url( ../images/eza-nav-selected.jpg ) repeat-x; }
    #subnavigation li a.selected:hover { background: #FFF url( ../images/eza-subnav-selected.jpg ) no-repeat; }

    #subnavigation {
        width: 749px;
        float: left;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
        background: #C0BCB6 url( ../images/eza-subnav-bg.jpg ) repeat-x;
    }
    #subnavigation li a {
        float: left;
        padding: 5px 15px 0 18px;
        background: url( ../images/eza-subnav-pointer.gif ) no-repeat 5px 6px;
    }
  
    #pagebody {
        background: url( ../images/eza-pagebodybg.jpg ) repeat-y;
    }
    #pagebody p         { padding: 0 10px 0 10px; }
    #pagebody img.left  { float: left;  }
    #pagebody img.right { float: right; }
    #pagebody ul        { margin-bottom: 10px; }
    #pagebody ul li     { padding: 2px 20px 2px 30px; }
    #pagebody a         { color: #D8EDC8; font-weight: bold; font-size: 0.85em; }
    #pagebody a:hover   { border-bottom: 1px dotted #FFF; }
    #pagebody table     { width: 100%; border-collapse: collapse; }
    
    #content    { width: 458px; float: left; }
    
    #content #header-omission      { background: url( ../images/eza-h3-ourmission.jpg ) no-repeat 1px 0; }
    #content #header-ovision       { background: url( ../images/eza-h3-ourvision.jpg ) no-repeat 1px 0; }
    #content #header-careers       { background: url( ../images/eza-h3-careers.jpg ) no-repeat 1px 0; }
    #content #header-careersinfo   { background: url( ../images/eza-h3-careerinfo.jpg ) no-repeat 1px 0; }
    #content #header-support       { background: url( ../images/eza-h3-support.jpg ) no-repeat 1px 0; }
    #content #header-faq           { background: url( ../images/eza-h3-faq.jpg ) no-repeat 1px 0; }
    #content #header-about         { background: url( ../images/eza-h3-aboutus.jpg ) no-repeat 1px 0; }
    #content #header-contactus     { background: url( ../images/eza-h3-contactus.jpg ) no-repeat 1px 0; }
    #content #header-solution      { background: url( ../images/eza-h3-solution.jpg ) no-repeat 1px 0; }
    #content #header-features      { background: url( ../images/eza-h3-features.jpg ) no-repeat 1px 0; }
    #content #header-clients       { background: url( ../images/eza-h3-clientarea.jpg ) no-repeat 1px 0; }
    #content #header-edituser      { background: url( ../images/eza-h3-edituser.jpg ) no-repeat 1px 0; }
    #content #header-createaccount { background: url( ../images/eza-h3-createaccount.jpg ) no-repeat 1px 0; }
    #content #header-uploads       { background: url( ../images/eza-h3-uploads.jpg ) no-repeat 1px 0; }
    #content #header-deletefile    { background: url( ../images/eza-h3-deletefile.jpg ) no-repeat 1px 0; }
    #content #header-deleteuser    { background: url( ../images/eza-h3-deleteuser.jpg ) no-repeat 1px 0; }
    #content #header-changepass    { background: url( ../images/eza-h3-changepass.jpg ) no-repeat 1px 0; }
    
    #content #missionbox,
    #content #careersbox,
    #content #supportbox,
    #content #aboutbox,
    #content #contactbox,
    #content #productsbox,
    #content #featuresbox,
    #content #clientsbox {
        background-color: #74818C;
        margin: 0 1px 0 1px;
        border-bottom: 1px solid #FFF;
    }
    #content #missionbox img { padding: 15px 10px 0 0;  }
    
    #content #visionbox,
    #content #careersibox,
    #content #faqbox,
    #content #usersbox {
        color: #FFF;
        background: url( ../images/eza-contentbg.jpg ) no-repeat 0 100%;
    }
    #content #visionbox   p.last,
    #content #careersibox p.last,
    #content #faqbox      dd.last,
    #content #usersbox    div#delete { padding-bottom: 145px; margin: 0; }
    
    #content #careersbox { padding-bottom: 10px; }
    #content #careersbox table thead th,
    #content #clientsbox table thead th {
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        background-color: #253D51;
    }
    #content #careersbox table thead th,
    #content #careersbox table tbody td,
    #content #clientsbox table thead th,
    #content #clientsbox table tbody td { padding: 5px 10px 5px 10px; font-size: 0.85em; text-align: left; }
    #content #clientsbox table thead .upload,
    #content #clientsbox table thead .edit,
    #content #clientsbox table thead .delete { text-align: center; }
    #content #careersbox table tbody .even,
    #content #clientsbox table tbody .even { background-color: #89939F; }
    #content #careersbox table tbody .uneven,
    #content #clientsbox table tbody .uneven { background-color: #74818C; } 
    #content #clientsbox table tbody .selected { font-weight: bold; background-color: #626160; }
    #content #careersbox table tbody td,
    #content #clientsbox table tbody td {
        border-bottom: 1px solid #74818C;
        border-right: 1px solid #74818C;
    }
    #content #careersbox table thead .status,
    #content #careersbox table tbody .status { border-right: 0; }
    #content #clientsbox table tbody .delete { width: 60px; border-right: 0; }
    #content #clientsbox table tbody .size,
    #content #clientsbox table tbody .user { width: 55px; }
    #content #clientsbox table tbody .edit,
    #content #clientsbox table tbody .delete,
    #content #clientsbox table tbody .upload { width: 60px; text-align: center; }
    #content #clientsbox table tbody .edit { width: 40px; }
    #content #clientsbox table tbody .edit a,
    #content #clientsbox table tbody .delete a { border-bottom: 0; }
    #content #careersbox table tbody td a,
    #content #clientsbox table tbody td a { font-size: 1em; }
    
    #content #careersibox em { color: #D8EDC8; font-weight: bold; font-style: normal; font-size: 0.85em; }
    
    #content  #supportbox label,
    #content  #contactbox label,
    #content  #clientsbox label,
    #pagebody #login      label { display: block; padding-bottom: 4px; font-weight: bold; font-size: 0.85em; }
    #content  #supportbox div,
    #content  #contactbox div,
    #content  #usersbox   div,
    #content  #clientsbox div,
    #pagebody #login      div { margin-bottom: 5px; padding: 0 10px 0 10px; }
    #content  #supportbox div#button,
    #content  #contactbox div#button,
    #content  #usersbox   div#button,
    #content  #clientsbox div#button,
    #pagebody #login      div#button { padding: 10px; margin: 0; }
    #content  #supportbox .textfield,
    #content  #contactbox .textfield,
    #pagebody #login      .textfield,
    #content  #supportbox textarea,
    #content  #supportbox textarea,
    #content  #contactbox textarea {
        width: 430px;
        padding: 2px;
        background-color: #E3E1E0;
        border: 1px solid #FFF;
    }
    #content #supportbox textarea,
    #content #contactbox textarea { height: 120px; }
    #content #supportbox .button,
    #content #contactbox .button,
    #content #usersbox   .button,
    #content #clientsbox .button,
    #pagebody #login     .button {
       padding: 1px 5px 1px 5px;
       margin: 0 5px 0 0;
       border: 1px solid #000;
       background: #626160;
       color: #FFF;
    }

    #content #faqbox dl { padding: 0 15px 0 10px; }
    #content #faqbox dt { font-weight: bold; font-size: 0.9em; }
    #content #faqbox dd { padding: 5px 0 5px 0; }

    #content #aboutbox img { margin: 0 10px 0 0; border: 1px solid #FFF; }

    #content #featuresbox h4,
    #content #clientsbox  h4,
    #content #usersbox    h4 { font-size: 1em; }

    #content #usersbox    label.textflabel,
    #content #clientsbox  label.textflabel { width: 8em; display: block; float: left; padding: 2px 0 2px 0; font-weight: bold; font-size: 0.85em; }
    #content #usersbox    div,
    #content #clientsbox  div { clear: both; }
    #content #usersbox    .textfield { width: 10em; padding: 2px; background-color: #E3E1E0; border: 1px solid #FFF; }
    #content #clientsbox  .textfield { width: 13em; padding: 2px; background-color: #E3E1E0; border: 1px solid #FFF; }

    #content #clientsbox  .browse { width: 350px; padding: 2px; background-color: #E3E1E0; }
    #content #clientsbox  #selectuser {
        padding: 2px 0 2px 10px;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        background-color: #253D51;
    }
    #content #usersbox #delete { text-align: center; }
  
    #pagebody #news,
    #pagebody #careers-hiring,
    #pagebody #additional-info,
    #pagebody #vision,
    #pagebody #emails,
    #pagebody #benifits,
    #pagebody #login { width: 291px; float: left; }
    
    #pagebody #news #header-newsandevents { background: url( ../images/eza-h3-newsandevents.jpg ) no-repeat; }
    #pagebody #news img  { margin: 10px 10px 0 0; border: 1px solid #FFF; }
    #pagebody #news dl { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background-color: #253D51; }
    #pagebody #news dl dt,
    #pagebody #news dl dd { height: 1em; float: left; padding: 0.5em 0 0 10px; font-size: 0.85em; }
    #pagebody #news dl dt { padding-top: 0.6em; }
    #pagebody #news dl dt { font-weight: bold; }
    
    #pagebody #careers-hiring #header-chiring { background: url( ../images/eza-h3-currentlyhiring.jpg ) no-repeat; }
    #pagebody #careers-hiring ul li,
    #pagebody #benifits       ul li,
    #pagebody #login          ul li,
    #content  #careersibox    ul li { background: url( ../images/eza-careerinfo-pointer.gif ) no-repeat 15px 4px; }
    
    #pagebody #additional-info #header-addinfo { background: url( ../images/eza-h3-addinformation.jpg ) no-repeat }
    
    #pagebody #vision #header-ourvision { background: url( ../images/eza-h3-ovision.jpg ) no-repeat; }
    
    #pagebody #emails #header-aemails { background: url( ../images/eza-h3-aemails.jpg ) no-repeat; }
    #pagebody #emails dl { padding: 0 10px 0 10px; }
    #pagebody #emails dt { font-weight: bold; font-size: 0.9em; }
    
    #pagebody #benifits #header-benifits { background: url( ../images/eza-h3-benifits.jpg ) no-repeat; }

    #pagebody #login #header-login { background: url( ../images/eza-h3-login.jpg ) no-repeat; }
    #pagebody #login #header-logout { background: url( ../images/eza-h3-logout.jpg ) no-repeat; }
    #pagebody #login #header-sections { background: url( ../images/eza-h3-sections.jpg ) no-repeat; }
    #pagebody #login .textfield { width: 265px; }
    #pagebody #login ul li a:hover { color: #FFF; }
    #pagebody #login ul li a.selected { color: #FFF; }
    #pagebody #login ul li #submenu { margin: 0; }
    #pagebody #login ul li #submenu li {
        padding: 2px 20px 2px 15px;
        background: url( ../images/eza-loginselected-pointer.gif ) no-repeat 0 4px;
    }
    #pagebody #login ul li #submenu li a.selected { font-style: italic; }
    
    #footer {
        clear: both;
        height: 1.9em;
        padding-top: 5px;
        font-size: 0.85em;
        color: #151515;
        background: #C0BCB6 url( ../images/eza-subnav-bg.jpg ) repeat-x;
        border: 1px solid #FFF;
    }
    #footer p  { padding-left: 10px; margin-bottom: 0; }
    #footer ul { padding-right: 10px; float: right; }
    #footer ul li a { color: #000; font-weight: bold; }
 }