@import url("../../contactform.css");

/* This dummy style must be here because the xml tags above cause some
 browsers (Konqueror, Mozilla) to ignore the first style */
.dummy { background-color: white }

body { 
    font-size: 12px;
    background-color: #f90;
    font-family: Arial, Verdana, sans-serif;
    margin: 5px;
}
#container {padding-top: 5px;}
#resume {
    background: #fff;
    width: 756px;
    float: left;
    border-bottom: 3px solid #fc0;
    border-right: 3px solid #fc0;
    border-top: 3px solid #960;
    border-left: 3px solid #960;
    margin-bottom: 5px;
}
h1 {margin-bottom: 0; margin-top: 0; color: #fff;}
#special h1 {font-size: 20px; color: #369; border-bottom: 1px solid;}
h2, #special h2 {
    font-size: 130%;
    background: #369;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: solid 1px #306;
    border-right: solid 1px #306;
    border-top: solid 1px #09c;
    border-left: solid 1px #09c;
    padding-left: 5px;
}
h3 {font-size: 120%; margin-bottom: 5px;}
.header {padding: 5px 5px 40px 5px; background: #369; margin: 0px;
    border-bottom: solid 2px #306;
    border-right: solid 2px #306;
    border-top: solid 2px #09c;
    border-left: solid 2px #09c;
    color: #fff;
}
.header a:link, .header a:visited, .header a:hover {color: #666666;}
.header .contact {/*float: right; margin-top: -44px;*/}
.header .contact a:link, .header .contact a:visited {background: #f90; color: #fff; border: 1px solid; padding: 0 5px; text-decoration: none; font-weight: bold;}
.header .contact a:hover {background: #666;}
#content {clear: both; margin-top: 40px; padding: 0 15px 0 15px;}
p {
    margin-bottom: 0.05cm;
    margin-top: 0.15cm;
}
em { font-weight: bold; }
ul { margin-top: 0.1cm; }

.projects p { font-style: italic }
ul.degrees { padding-left: 0.2cm; }
.subjectsHeading { font-style: italic }
.bookTitle { font-style: italic }
.citation { font-style: italic }
.copyright {  font-size: 90%; margin-left: -1.5cm; margin-right: -1.5cm; padding-left: 1.5cm; padding-bottom: 5px;}
li.degree { margin-bottom: 0.2cm; }
.employer { font-style: italic }
.headerBlock { text-align: left }
.jobTitle, .degreeTitle, .awardTitle, .skillSetTitle, .degreeLevel { font-weight: bold; color: #369; font-size: 120%;}
.lastModified { font-size: 90%; margin-left: -1.5cm; margin-right: -1.5cm; padding-left: 1.5cm; margin-bottom: 0; padding-top: 5px;}
#nameHeading { font-family: sans-serif; font-size: 150%; color: #369; }
div.referee { margin-bottom: 0.5cm; }
table.referees { width: 99%; margin-top: 0cm; margin-bottom: 0cm;}
.refereeName { font-weight: bold; color: #369; }

#objective, #skills, #employment, #memberships, #education, #awards, #clearance, #miscellaneous, #publications, #interests, #references {padding: 0 5px; border-bottom: 1px solid #fc9; background: #ffffef;}
#footer {margin-top: 50px; background: #eee; padding: 5px; margin-left: -15px; margin-right: -15px;}

#photo {float: right; border: 1px solid #fff; margin-left: 5px; margin-bottom: 20px;}

#special {float: left; width: 283px; margin-left: 3px; padding: 5px; margin-bottom: 5px; background: #fff;
    border-bottom: 3px solid #fc0;
    border-right: 3px solid #fc0;
    border-top: 3px solid #960;
    border-left: 3px solid #960;
}
#special h2 {margin-left: 0; margin-right: 0; clear: both; margin-bottom: 5px; margin-top: 5px;}

.checkout a:link {color: #369;}
.checkout a:visited {color: #bbb;}
.checkout a:hover {color: #f90;}
.thumb, .thumb1, .thumb2, .thumb3, .thumb4 {float: left; padding: 1px;}
.thumb a:link img, .thumb1 a:link img, .thumb2 a:link img, .thumb3 a:link img, .thumb4 a:link img {border: 1px solid #000;}
.thumb a:visited img, .thumb1 a:visited img, .thumb2 a:visited img, .thumb3 a:visited img, .thumb4 a:visited img {border: 1px solid #000;}
.thumb a:hover img, .thumb1 a:hover img, .thumb2 a:hover img, .thumb3 a:hover img, .thumb4 a:hover img {border: 1px dashed #630;}
.screen {padding: 1px 0 10px 1px;}
.block {clear: both; padding-top: 10px;}
.clear {clear: both;}

/*****
#contactform {
    padding: 5px; background: #ffc;
    border: 1px solid #000;
    width: 750px;
    display: none;
}
#contactform .textbox {width: 120px; margin-right: 5px; border: 1px solid #666;}
#contactform .textarea {width: 590px; margin-top: 5px; border: 1px solid #666;}
#contactform .firstrow {width: 605px; border-bottom: 1px solid #fff; padding-bottom: 3px;}
#contactform .secondrow {width: 605px; border-top: 1px solid #c96; border-bottom: 1px solid #fff; padding: 3px 0;}
#contactform .thirdrow {width: 605px; border-top: 1px solid #c96; padding-bottom: 3px;}
#contactform .submit {border: 1px solid #666; font-size: 11px; width: 50px;}
.ast {color: #f00; font-weight: bold; font-size: 14px;}
.special01 {font-size: 11px; color: #666;}
*****/

/*--  width adjusted w/o portfolio panel  --*/
#resume2 {
    background: #fff;
    width: 756px;
    float: left;
    border-bottom: 3px solid #fc0;
    border-right: 3px solid #fc0;
    border-top: 3px solid #960;
    border-left: 3px solid #960;
    margin-bottom: 5px;
}

/*-- barb added : this is for showing the three category of related resumes on the bottom --*/
#relatedResume
   {
   float:left;
   width: 762px;
   border-style : solid;
   border-width:1px;
   //border-right-width : 1px; 
   //border-left-width : 1px; 
   //border-right-color : #000000; 
   //border-left-color : #000000; 
    margin-top:15px;
    margin-bottom:10px;
    background-color: #ffffff;
   } 
#relatedResume .related_header { border-bottom: solid 1px #000000;
                          margin-top: 10px;
                          margin-left: 10px;
                          margin-right:10px; 
                          font-size:14px;
                          font-weight: bold; }
#relatedResume .cat_header { font-weight: bold;
                              margin-top: 5px;}


#relatedResume .right {
           text-align : justify; 
           margin : 0; 
           padding-left : 2%;
           padding-right : 2%;
                padding-bottom:1%;
           width : 29%; 
           float : left; 
            }


#relatedResume .middle {
           text-align : justify; 
           margin : 0; 
           padding-left : 2%;
           padding-right : 2%;
                padding-bottom:1%;
           width : 29%; 
           float : left; 
        }

#relatedResume .left {
           text-align : justify; 
           margin : 0; 
           padding-left : 2%;
           padding-right : 2%;
                padding-bottom:1%;
           width : 29%; 
           float : left; 
        }

/*---- barb added top link box for switching private and public resume ------*/
//.top_link_box {
//background: #fff;
    //width: 200px;
    //float: left;
    //margin-bottom: 5px;
        //border-top: 1px dashed #000000;
       // border-bottom: 1px dashed #000000;
        //border-left: 1px dashed #000000;
        //border-right: 1px dashed #000000
//}

.top_link_box {//background: #ccc; 
              //border-bottom: 1px dashed #999; 
              //color: #360; 
              padding: 3px 3px 3px 3px; 
              margin-bottom: 5px;}