/* CSS style for the screen and printer */
body {
    background: #d9e0e6;
    margin: 10px;
    padding: 0;
    font: small Verdana,Arial,Helvetica,san-serif;
}	
a:link, a:visited, a:active {
    color: #000020;
}
a:hover {
    color: #f40;
}
.clearFloat {
    clear: both;
}
#header {
    height: 30px;
    background: #d9e0e6 url(images/top-back.gif) repeat-x bottom;
    margin: 0.5em;
}
#logo {
    float: right;
    border: none;
}
#main {
    background: white;
    border: 1px gray solid;
    padding: 0.1em 0.1em 2em;
}
#main h1 {
    margin: 1em 2em 0.6em 2em;
    padding: 0;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid gray;
}
#main h2 {
    margin: 0.2em 2em 0.6em 3em;
    font-size: 1em;
    font-weight: bold;
}
#main address {
    font-style: normal;
}
#main p, ul, dl {
    margin: 0.2em 2em 0.6em 3em;
    padding: 0;
}
#main ul {
    margin-left: 4em;
}
.skillList {
    list-style: none;
}
.skillList li {
    display: inline;
    margin: 0;
    padding: 0;
}
.skillList li:before {
    content: " | ";
}
.skillList li.firstItem:before {
    content: "";
}
.experienceList {
    list-style: circle url(images/diamond.gif);
    padding-left: 1.2em;
}
.experienceLine {
    margin: 1em 2em 0.6em 2em;
    border-bottom: 1px gray dotted;
}
#zceLogo {
    float: left;
    margin: 0 0.9em 0 0;
}
/* address label and e-mail form */
#address {
    margin: 1em 0 1em 2em;
    padding: 0;
    float: left;
    background: url(images/corners/leftside.gif) repeat-y left top;
}
/* limit the address width when form is hidden */
.addressHidden {
    width: 16em;
}
/* rounded borders */
#addressTop {
    width: 100%;
    height: 20px;
    background: url(images/corners/top.gif) no-repeat left top;
}
#addressTop span {
    display: block;
    position: relative;
    height: 20px;
    background: url(images/corners/top-right.gif) no-repeat right top;
}
#addressContents {
    position: relative;
    background: url(images/corners/rightside.gif) repeat-y right top;
    margin: 0;
}
#addressBottom {
    height: 45px;
    width: 100%;
    background: url(images/corners/bottom.gif) no-repeat left bottom;
}
#addressBottom span {
    display: block;
    position: relative;
    height: 45px;
    padding: 0 0 0 20px;
    background: url(images/corners/bottom-right.gif) no-repeat right top;
}
#addressBox {
    width: 13em;
    margin: 0;
    padding-left: 1.3em;
}
#addressLabel span {
    display: block;
}
#myName {
    font-size: 1.1em;
    font-weight: bold;
}
#emailLink {
    font-style: normal;
    display: none;
}
#emailHidden {
    position: absolute;
    left: -4000px;
}
#email fieldset {
    margin: 0.5em 1.5em 0;
    border: 1px gray dotted;
}    
#email span {
    display: block;
}
#email legend {
    padding: 0 0.5em;
    font-weight: bold;
}
#email fieldset div {
    padding: 0.3em 1em 0 1em;
    margin: 0;
}
#email label {
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}
#email em {
    font-weight: bold;
    color: red;
    font-size: smaller;
}
#email .inputButton {
    width: 40em;
    border: 1px gray solid;
}
#email .textareaButton {
    width: 40em;
    height: 20em;
    border: 1px gray solid;    
    font: small Verdana,Arial,Helvetica,san-serif;
}
#email .button {
    text-align: right;
}
#email .submitButton {
    width: 5em;
    margin: 0.5em 0 0 1em;
    border: 1px gray outset;
    font-weight: bold;
    background: #d9e0e6 url(images/top-back.gif) repeat-x left top;
}
.submitButtonEnabled {
  cursor:pointer;
}
.submitButtonDisabled { 
  cursor:default;
}
#email {
    display: none;
}
#emailPrompt {
    float: right;
    text-align: left;
    width: 17em;
    font-size: 0.9em;
    font-style: italic;
    border-bottom: 1px gray dotted;
    margin: 0.4em 0.7em;
    padding: 0.2em;
}
#emailPrompt span {
    display: inline;
}
#emailPrompt.basePrompt {
    color: black;
    border-bottom-color: gray;
}

#emailPrompt.procPrompt {
    color: blue;
    border-bottom-color: blue;
}
#emailPrompt.errorPrompt {
    color: red;
    border-bottom-color: red;
}
.errorField {
    color: red;
    font-size: 0.9em;
    font-style: italic;
    margin: 0.2em 1em 0.2em 13em;
}
.pageBreak {
    page-break-before: always;
}