@font-face {
    font-family:"Open Sans";
    src:url("../fonts/OpenSans.ttf") format("truetype");
}

@font-face {
    font-family:"VeraMono";
    src:url("../fonts/VeraMono.ttf") format("truetype");
}

body {
    color:Black;
    text-align:justify;
    background-color:White;
    padding:0;
    margin:0;
    font-family:"Open Sans";
    font-size:110%;
}
p {
    margin-top:30px;
    margin-bottom:30px;
    font-size:1.2em;
}
hr.bottom {
    color:#ececec;
    background-color:#ececec;
    height:3px;
    border:0;
    margin-bottom:23px;
}
div.top {
    display:inline-block;
    width:100%;
    padding:18px 0px 10px 0px;
    background-color:#205081;
    font-size:1.1em;
}
div.header {
    display:inline-block;
    font-weight:bold;
    float:left;
    color:White;
    vertical-align:middle;
}
a.home {
    text-decoration:none;
    color:White;
    font-size:1.1em;
    white-space:nowrap;
    padding-bottom:15px;
    margin-right:0.8em;
    line-height:36px;
}
div.menu {
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    float:right;
    font-weight:bold;
}
div.body {
}
div.center {
    max-width:1080px;
    margin:auto;
    padding:0 14px 10px 14px;
}
h2 {
    text-decoration:underline;
    padding-top:0;
}
h3 {
    margin:0px;
    padding:0px;
    font-size:1.4em;
    font-weight:100;
}
.logo {
    width:1.8em;
    height:1.8em;
    vertical-align:middle;
    margin-right:3px;
}
.logo2 {
    width:2em;
    height:1.7em;
    vertical-align:middle;
    padding-bottom:8px;
    padding-right:8px;
}
.nav, .selected {
    margin:4px 12px 11px 0px;
    text-decoration:none;
    color:White;
    font-size:1em;
    white-space:nowrap;
    padding-bottom:4px;
    display:inline-block;
}
.nav:hover {
    border-bottom:3px solid;
}
.selected {
    border-bottom:3px solid #ececec;
}
.title {
    font-size:1.2em;
}
h2.work {
    margin:0px;
    text-decoration:none;
    font-size:1.25em;
}
div.hr {
    color:#777777;
    border-bottom:1px inset #777777;
    margin-bottom:5px;
    padding-top:15px;
}
.skill {
    background-color:#DDDDDD;
    padding:0px 4px 4px 4px;
    font-size:1.4em;
    margin-right:10px;
    white-space:nowrap;
}
.skills {
    line-height:35px;
    width:700px;
}
.gray {
    color:#777777;
}
.dates {
    vertical-align:top;
}
.link {
    text-decoration:none;
}
.link:hover {
    text-decoration:underline;
}
.plink {
    text-decoration:none;
    color:Black;
    cursor:pointer;
    display:block;
}
li {
    margin-bottom:2px;
}
table.resume td {
}
.photo {
    padding:5px;
}
table.service {
    border-collapse:collapse;
    border:0px;
}
td.oss, td.comm {
    padding:10px 3px 10px 3px;
    text-align:center;
    font-weight:bold;
    width:9.5em;
}
td.oss {
    background-color:#B9FDB9;
}
td.comm {
    background-color:#E8CCE8;
}
table.diagram {
    border-collapse:collapse;
    border:0px;
}
td.abi, td.api, td.compiler_abi {
    padding:15px;
    text-align:center;
}
td.abi {
    background-color:#F4F4AF;
}
td.api {
    background-color:#CCFFCC;
}
td.compiler_abi {
    background-color:#FFCCCC;
}
span.comment {
    font-size:0.7em;
    font-weight:100;
}
span.preamble {
    font-size:1.05em;
    font-weight:100;
    background-color:#F2F2FC;
    padding:3px;
    line-height:1.4em;
}
table.news {
    padding:0px;
}
table.news td {
    padding:0px;vertical-align:top;
}
hr.news {
    color:#FAFAFA;
    background-color:#E1E1E1;
    border:0;
    height:1px;
    margin:1px;
    margin-top:10px;
    margin-bottom:10px;
}
a.news {
    font-weight:bold;
    font-size:1.1em;
}
a.news:hover {
    color:#5A5A5A;
}
span.date {
    color:#B0B0B0;
    font-size:0.9em;
}
div.break {
    height:0.3em;
}
.pointer {
    cursor:pointer;
}
table.summary {
    border-collapse:collapse;
    border:1px solid Gray;
}
table.summary td, table.summary th {
    text-align:center;
    border:1px solid Gray;
    padding:8px;
}
table.summary th {
    background-color:#EEEEEE;
    font-weight:bold;
}
table.summary td.desc {
    text-align:justify;
    width:22em;
}
table.summary td.desc_r {
    text-align:justify;
    width:18em;
}
table.summary td.name, table.summary td.expertise, table.summary td.report {
    text-align:center;
    word-wrap:break-word;
    font-weight:bold;
}
table.summary td.name {
    max-width:6.8em;
}
table.summary td.expertise {
    max-width:10em;
}
table.summary td.report {
    max-width:6em;
}
table.summary td.about {
    max-width:16em;
    word-wrap:break-word;
    text-align:justify;
}
table.summary td.price {
    
}
.info {
    text-decoration:none;
    font-size:1.2em;
}
th.view {
    width:4em;
}
.code, .listing {
    font-family:"VeraMono", "DejaVu Sans Mono", "Monaco", "Courier New", monospace;
}
.listing {
    padding:10px;
    border:1px solid black;
    width:70%;
}
table.orders td {
    min-width:4.5em;
}
.imgref {
    padding-right:10px;
}
.imgref_mini {
    padding-right:5px;
}
.img {
    vertical-align:top;
}
input.button {
  padding: 1px 6px;
  -webkit-border-radius: 2px 2px;
  border: solid 1px rgb(153, 153, 153);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
  background-color: #EEEEEE;
  cursor: pointer;
  text-align: center;
  font-size:1em;
  margin:2px;
}
.button:hover {
    border: solid 1px #777777;
}
a.sel {
    background-color:#F5F5F5;
    color:Black;
    padding:4px;
}
.highlight tr:hover {
    background-color:#E0E0E0;
}
.S {
    background-color:#C6DEFF;
}
.M {
    background-color:#CCFFCC;
}
.L {
    background-color:#F4F4AF;
}
.XL {
    background-color:#FFCCCC;
}
.XXL {
    background-color:#FFD700;
}
.Bronze {
    background-color:#F4B082;
}
.Silver {
    background-color:#AEAAA9;
}
.Gold {
    background-color:#FDD966;
}
.Diamond {
    background-color:#A2D6EE;
}
.Keystone {
    background-color:#7BAEA3;
}

.Any {
    background-color:#F2F2FC;
}

.done {
    font-weight:bold;
    color:LimeGreen;
    background-color:#d6f5d6;
    border:2px solid LimeGreen;
    padding:15px;
}
.bold {
    color:rgb(43, 60, 105);
    font-weight:700;
}
.error {
    color:Red;
    font-size:1.2em;
}
.success {
    color:Green;
    font-size:1.2em;
}
div.share_buttons {
    margin-top:20px;
}
div.share_buttons img {
    width:28px;
    padding:4px;
    border:0;
    box-shadow:0;
    display:inline;
}