/*-------------------------------------------------
GENERAL
-------------------------------------------------*/
 
body {
  margin: 10px 0 10px 0; padding: 0;
  font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
  color: #333;
  background: #fff url(/images/topbluefade.gif) repeat-x;
  text-align: center;
}
 
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #fff; background-color: #333; text-decoration: none; }
 
a.attention:link, a.attention:visited { color: #900; }
a.attention:hover { color: #fff; }

a.external {
  background: url('../images/Icon_External_Link.png') no-repeat top right;
  padding-right: 14px;
}
 
pre { width: 100%; padding-bottom: 24px; }
 
 
.highlight {
        background-color: #ffc;
}
 
.clearall, .clearallrule {
        margin: 0 0 10px;
        padding: 10px 0 0 0;
        clear: both;
        font-size: 2px;
}
 
.clearallrule {
        border-bottom: 1px solid #ccc;
}

.degree {
  font-size: 11px;
  color: #aaa;
}

.timeframe {
 font-size: 1.1em;
 color: #ccc;
 text-align: right;
}
 
h1 {
        padding: 0;
        margin: 0 0 20px 0;
        color: #000;
        font-size: 16px;
        font-weight: bold;
}
 
h2 {
        margin: 10px 0 1px 0px;
        font-size: 13px;
        line-height: 16px;
        color: #390;
        font-weight: bold;
        padding: 0;
}
 
h3 {
        margin: 20px 0 3px 0;
        color: #666;
        font-size: 11px;
        padding: 0;
        font-weight: normal;
}
 
div.Container {
        margin: 0 auto 30px auto;
        text-align: center;
        width: 726px;
}
 
div.minibar {
  font-size: 11px;
}
 
.img a {
  border: none;
}
 
input.big {
  padding: 3px;
  font-size: 16px;
  text-align: center;
}
 
/*-------------------------------------------------
HEADER
-------------------------------------------------*/
 
div#Header {
  text-align: center;
  margin: 15px 0 10px 0;
}
 
div#Header div#Nav {
  font-size: 10px;
  color: #999;
}
 
div#Header div#Nav a:link,
div#Header div#Nav a:visited {
  font-size: 11px;
  font-weight: bold;
  color: #000;
}
 
div#Header div#Nav a:hover {
  color: #fff;
}
 
div#Header div#Nav a.current:hover {
  color: #000;
}
 
div#Header a.current:link,
div#Header a.current:visited,
div#Header a.current:hover {
  text-decoration: none;
  background: none;
  color: #800;
}
 
div#Header div.clearall {
        margin: 0 0 20px;
  padding: 0;
        clear: both;
        font-size: 2px;
}
 
/*-------------------------------------------------
HOME PAGE IMAGE HEADER
-------------------------------------------------*/
 
div#ImageHeader {
  clear: both;
  margin: 0 0 20px 0;
  background-image: url(/images/banner-nobloat.gif);
  width: 726px;
  height: 63px;
}
 
div#ImageHeader h1,
div#ImageHeader p {
  font-size: 10px;
  margin: 0 0 0 -3000px;
}
 
/*-------------------------------------------------
PRODUCT TABLE
-------------------------------------------------*/
 
div.producttable {
        text-align: center;
        width: 726px;
}
 
div.producttable img {
        border: none;
}
 
div.producttable table {
  width: 726px;
  margin-bottom: 10px;
}
 
div.producttable table td {
  width: 199px;
  vertical-align: top;
  padding: 3px;
  text-align: left;
}
 
div.producttable table td h2 a {
  color: #036;
}
 
div.producttable table td h2 a:hover {
  color: #fff;
}
 
div.producttable table tr.for td {
  width: 199px;
  padding: 1px;
  text-align: center;
  line-height: 14px;
  font-size: 11px;
  color: red;
  font-weight: bold;
}
 
div.producttable table tr.for td span {
  color: #666;
  font-size: 10px;
  font-weight: normal;
}
 
div.producttable table h2 {
  color: #393;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
 
div.producttable table p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 10px 0;
  padding: 0;
}
 
/*-------------------------------------------------
MAIN COLUMN
-------------------------------------------------*/
 
div.maincol {
        width: 425px;
        text-align: left;
        float: left;
}
 
div.maincol p {
        font-size: 12px;
        line-height: 16px;
        margin: 3px 0 15px 0;
}
 
div.maincol h1 {
        font-size: 16px;
        color: #036;
        font-weight: bold;
        padding: 0;
        margin: 0 0 15px 0;
}
 
div.maincol h2 {
        font-size: 12px;
        color: #333;
        font-weight: bold;
        padding: 0;
        margin: 0 0 1px 0;
}
 
div.maincol h3 {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        padding: 0;
        margin: 0 0 15px 0;
}
 
div.maincol p {
        font-size: 11px;
        line-height: 15px;
        color: #333;
        margin: 0 0 15px 0;
}
 
cite {
  color: #999;
  font-size: 10px;
  font-style: italic;
}
 
/*-------------------------------------------------
SIDE COLUMN
-------------------------------------------------*/
 
div.sidecol {
        float: right;
        width: 260px;
        text-align: left;
        padding: 0;
        margin: 0;
}
 
div.sidecol h2 {
        font-size: 13px;
        font-weight: bold;
        line-height: 14px;
        margin: 0 0 2px 0;
        color: #036;
        padding: 0;
}
 
div.sidecol p {
        font-size: 11px;
        line-height: 14px;
        margin: 0 0 15px 0;
        padding: 0;
  clear: left;
}
 
div.sidecol p img.qt {
  padding: 0 5px 5px 0;
  float: left;
}
 
/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
 
div#Footer {
  padding-top: 15px;
  clear: both;
}
 
div#Footer h1 {
        padding: 0;
        margin: 0 0 20px 0;
        color: #000;
        font-size: 16px;
        font-weight: bold;
}
 
div#Footer p {
  font-size: 10px;
  color: #666;
}
 
div#Footer img {
  margin: 10px 0 0 0;
}
 
 
/*-------------------------------------------------
COPYRIGHT
-------------------------------------------------*/
 
div.copyright {
  font-size: 11px;
  color: #666;
}

div.copyright a:hover {
  color: #fff; 
  background-color: #333; 
  text-decoration: none;
}

/*-------------------------------------------------
SKILL
-------------------------------------------------*/

.skill .rating_hover {
  font-size: 0.8em;
}

.skill .rating_hover:hover, .skill .name_hover:hover {
  position: relative;
}

.skill .tooltip {
  display: none;
  text-decoration: none;
  padding: 0.2em;
}

.skill .rating_hover:hover .tooltip, .skill .name_hover:hover .tooltip {
  display: block;
  position: absolute; 
  top: 20px; 
  width: 260px;
  left: 0; 
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: left;
}

body.overview table.skill, body.overview .tooltip table {
  margin-bottom: 0;
}

body.overview .tooltip table {
  width: 260px;
}

body.overview table.skill .tooltip table td {
  padding: 0;
}

body.overview table.skill td {
  text-align: left;
  padding: 0 1em;
}

body.overview table.skill tr:hover {
  background-color: #ccc;
}

body.overview td.rating {
  min-width: 105px;
}
 
/*-------------------------------------------------
NEW HOME
-------------------------------------------------*/
 
body.overview h1 {
        font-size: 37px;
        font-weight: normal;
        line-height: 120%;
        font-family: georgia;
}
 
body.overview h1 span {
        color: #999;
        font-size: 58%;
}
 
div.message {
        margin: 50px auto 10px auto;
}
 
body.overview div.content {
        width: 700px;
        margin: 40px auto 0px auto;
        text-align: left;
}
 
 
body.overview div.content div.sub {
        float: left;
        width: 200px;
        text-align: right;
}
 
body.overview div.content div.sub h1 {
        font-family: georgia;
        font-size: 28px;
        font-weight: normal;
        text-align: right;
}
 
body.overview div.content div.main {
        float: right;
        width: 450px;
        margin-bottom: 25px;
}

body.overview div.content div.main .project-description {
  font-size: 120%;
  color: grey;
  /*text-align: justify;*/
}
  
body.overview div.content div.main .project-description img {
  float: right;
  margin-left: 2em;
  margin-bottom: 0.3em;
  width: 100px;
}

body.overview div.content div.main .project-facts {
  font-size: 80%;
  color: #aaa;
}

div.block {
  display: block;
  padding: 0.5em 0;
  border-top: 1px dotted #ddd;
}
 
body.overview div.content table.productgrid img {
        padding: 1px;
        border: 1px solid #ccc;
        margin-bottom: 5px;
}
 
body.overview div.content table.productgrid p {
        font-size: 10px;
        font-family: verdana;
        text-align: left;
}
 
body.overview div.content table.productgrid {
        margin-bottom: 0;
}
 
body.overview div.content table.productgrid td {
        text-align: left;
}
 
body.overview div.content p, body.overview div.content p.noindent {
        font-size: 16px; /*18px;*/
        font-weight: normal;
        line-height: 120%; /*140%;*/
        margin-top: 0;
        font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif; /*georgia;*/
        margin-bottom: 15px;
}
 
#quote-show {
        font-size: 16px;
        width: 600px;
        font-weight: normal;
        margin: 40px auto 30px auto;
        line-height: 140%;
        text-align: center;
        margin-top: 10px;
        font-family: georgia;
}
 
.class {
  zoom:1
}
 
body.overview div.content p a {
        color: #369;
}
 
body.overview div.content h2 {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: helvetica;
        padding: 0; margin: 40px 0 30px 0;
        text-align: center;
        color: #000;
}
 
body.overview div.content h2 span {
        color: #333;
        padding: 4px;
}
 
body.overview div.content img {
        margin: 0 10px 5px 0;
}
 
body.overview div.Container {
        text-align: center;
}
 
body.overview table {
        margin: 0 auto 50px auto;
}
 
body.overview table td {
        text-align: center;
}
 
body.overview div.content span.highlight {
        font-weight: normal;
        background-color: #ffc;
}
 
body.overview cite {
        font-size: 14px;
        color: #A69E8A;
}
 
body.overview cite a, body.overview cite a:visited {
        font-size: 14px;
        color: #A69E8A;
}
 
body.overview div.content cite {
        font-size: 14px;
        color: #A69E8A;
        margin-left: 25px;
}
 
body.overview div.content a:hover {
        background-color: #F4DDA6;
}
 
/*-------------------------------------------------
SLIVERS
-------------------------------------------------*/
 
div.slivers {
        margin: 0 auto;
        text-align: center;
        background:url("/images/herobackground.gif") repeat-x;
        border-top: 2px solid #F6E69F;
        border-bottom: 2px solid #F6E69F;
        padding: 10px;
        margin-bottom: 30px;
}
 
div.announce {
        margin: 0 auto 0 auto;
        text-align: center;
        background-color: #3399FF /*#981A21*/;
        font-size: 11px;
        padding: 5px;
        color: #fff;
}
 
div.slivers h2 {
        font-size: 22px;
        font-weight: normal;
        margin: 1px 0 15px 0;
        font-family: georgia;
        color:#0E3062;
}
 
div.slivers a {
  display: block;
  color: #000;
  text-decoration: none;
}
 
div.slivers a:hover {
  text-decoration: underline;
  background: none;
}
 
div.announce a, div.announce a:visited {
        color: #fff;
}
 
div.slivers h3 {
        font-size: 14px;
        margin: 4px 0;
}
 
div.slivers p {
        font-size: 10px;
        margin: 0;
}
 
div.slivers li {
        font-size: 9px;
        list-style: none;
        text-align: left;
        margin: 0; padding: 0;
}
 
table, div.slivers table {
        margin: 0 auto;
}
 
div.slivers table td {
        text-align: center;
        vertical-align: top;
        padding: 0 10px;
        width: 200px;
}
 
div.slivers img {
        padding: 1px;
        margin: 0 7px 5px 7px;
}
 
div.slivers img.bordered {
  border: 1px solid #ccc;
}
 
img.bordered {
  padding: 2px;
  border: 2px solid #ccc;
}
 
img { border-width:0; }
a.no_link_hover:hover { background: none !important; }
 
/*-------------------------------------------------
CASE STUDY
-------------------------------------------------*/
body.casestudy span.pullquote {
        float: right;
        border-left: 1px solid #ccc;
        padding: 0 0 0 10px;
        margin: 20px;
        width: 150px;
        font-size: 12px;
        font-family: verdana;
        color: #A69E8A;
        line-height: 16px;
}

body h3 {
  margin-top: 0px;
        font-size: 18px;
        font-weight: bold;
        color: #ccc; /*#900;*/
        font-family: georgia;
}
 

body.casestudy div.sub h2 {
        font-weight: bold;
        color: #900;
        margin: 0; !important
        padding: 0; !important
        text-indent: 0;
        text-align: right;
}
 
body.casestudy div.sub p {
        font-size: 75%;
        font-family: verdana;
        line-height: 1.2em;
}
 
body.casestudy div.sub h3 {
        font-size: 10px;
        font-weight: bold;
        color: #900;
        font-family: verdana;
}

/* ------------------------------------------------ */

div.content dl {
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 16em;
}

div.content dl dt {
  color: #ccc;
  font-weight: bold;
  margin-top: 1em;
}

div.content dl dt {
}