/* DEFAULT */
html {height: 100%; }
body {height: 100%; font-family: Verdana, Tahoma, Arial; font-size: 12pt; background: #FFFFFF url(img/header.png) repeat-x; margin: 0; padding: 0; text-align: center; }
p {color: #333333; margin: 10px 0 0 0; }
a {color: #555555; font-weight: normal; text-decoration: none; }
a:hover {color: #777777; }
h1 {color: #008888; font-weight: normal; font-size: 20pt; text-align: center; margin: 0; padding: 15px 0 15px 0; clear: left; }
h1 a, h1 a:hover {color: #008888; padding: 15px 20px 15px 20px; }
h2 {color: #008888; font-weight: normal; font-size: 18pt; text-align: center; border: solid #EEEEEE; border-width: 0 0 1px 0; margin: 15px 0 5px 0; padding: 0 0 3px 0; clear: left; }
h3 {color: #777777; font-weight: normal; font-size: 13pt; text-align: left; background: url(img/grey_out_top.png) bottom repeat-x; margin: 15px 0 0 0; padding: 0 0 3px 0; }
ul {text-align: left; list-style: disc; margin: 10px 0 0 20px; padding: 0; }
li {color: #000000; margin: 5px 0 0 0; line-height: 16px; }
table {width: 100%; border: 0; border-collapse: collapse; vertical-align: top; margin: 10px 0 0 0; padding: 0; }
tr {border: 0; margin: 0; padding: 0; }
td {vertical-align: top; border: 0; margin: 0; padding: 0; }
div, span {border: 0; margin: 0; padding: 0; }
hr {border: dotted #CCCCCC; border-width: 0 0 1px 0; margin: 10px 0 10px 0; }
img {border: 0; margin: 0; padding: 0; }
input, select, button, textarea {font-family: Arial; font-size: 10pt; margin: 0; padding: 0; }
input[type=submit] {width: 150px; padding: 0 15px 0 15px; }
input[type=button], button {width: 150px; padding: 0 15px 0 15px; }
input[type=radio] {vertical-align: text-bottom; }
input[type=checkbox] {vertical-align: text-bottom; }
label {margin: 0; padding: 0; }
form {margin: 0; padding: 0; }
fieldset {border: 0; margin: 0; padding: 0; }
/* TEXT */
.left {text-align: left; }
.right {text-align: right; }
.center {text-align: center; }
.top {vertical-align: top; }
.bottom {vertical-align: bottom; }
.middle {vertical-align: middle; }
.bold {font-weight: bold; }
.italic {font-style: italic; }
.underline {text-decoration: underline; }
.dashed {border-bottom: 1px dashed #AAAAAA;}
.strike {text-decoration: line-through; }
.normal {font-weight: normal; font-style: normal; text-decoration: none; }
.smaller {font-size: 0.75em; }
.bigger {font-size: 1.25em; }
.highlight {background: #FFFF00; }
/* COLORS */
.red {color: #FF0000; }
.green {color: #00AA33; }
.blue {color: #0000FF; }
.yellow {color: #FFFF00; }
.orange {color: #FF8000; }
.black {color: #000000; }
.white {color: #FFFFFF; }
.grey {color: #808080; }
.pccolor {color: #008888; }
/* MAIN */
div.main {width: 900px; border: 0; margin: 0 auto 0 auto; text-align: left; }
div.login {width: 900px; border: 0; margin: 0; padding: 2px 0 2px 0; }
input.login {width: 100px; border: solid #CCCCCC; border-width: 1px 1px 1px 1px; background: #EEEEEE; }
div.header {width: 900px; height: 125px; text-align: left; }
img.headerleft {margin: 25px 20px 0 20px; float: left; }
img.headerright {margin: 25px 20px 0 20px; float: right; }
div.navigation {width: 900px; border: solid #CCCCCC; border-width: 1px 0 1px 0; margin: 0; padding: 12px 0 10px 0; }
div.navigation ul {text-align: center; list-style: none; margin: 0; padding: 0; }
div.navigation li {display: inline; margin: 0; padding: 0; }
div.navigation a {font-size: 13pt; border: solid #FFFFFF; border-width: 0 1px 0 1px; margin: 0; padding: 10px 20px 10px 20px; }
div.navigation a:hover {color: #000000; background: url(img/nav.png) center repeat-x; border: solid #FFFFFF; border-width: 0 1px 0 1px; }
div.navigation a.active {color: #000000; background: url(img/nav.png) center repeat-x; border: solid #CCCCCC; border-width: 0 1px 0 1px; }
div.content {width: 900px; text-align: left; margin: 0; padding: 15px 0 15px 0; }
/* FORM */
table.form {background: url(img/grey.png); border: solid #CCCCCC; border-width: 1px 1px 1px 1px; }
tr.form {border: solid #CCCCCC; border-width: 1px 0 1px 0; }
td.form {text-align: left; padding: 5px 5px 5px 5px; }
th.form {text-align: left; padding: 5px 5px 5px 5px; }
div.form {background: url(img/grey.png); border: solid #CCCCCC; border-width: 1px 1px 1px 1px; margin: 5px 0 0 0; padding: 5px 5px 5px 5px; }
/* FORM2 */
table.form2 {background: url(img/grey.png); border: solid #CCCCCC; border-width: 1px 1px 1px 1px; }
tr.form2 {border: solid #CCCCCC; border-width: 1px 0 1px 0; }
td.form2 {text-align: left; padding: 2px 5px 2px 5px; font-size: 10pt; }
th.form2 {text-align: left; padding: 2px 5px 2px 5px; font-size: 10pt; }
.form2 input, .form2 textarea {font-family: Arial; font-size: 8pt; margin: 0; padding: 0; }
/* INFO */
table.info {height: 25px; background: url(img/grey.png); border: solid #AAAAAA; border-width: 1px 1px 1px 1px; }
table.info_pos {height: 25px; background: url(img/pos.png); border: solid #00AA00; border-width: 1px 1px 1px 1px; }
table.info_neg {height: 25px; background: url(img/neg.png); border: solid #AA0000; border-width: 1px 1px 1px 1px; }
td.info {vertical-align: middle; padding: 5px 5px 5px 5px; }
/* SPECIAL BUTTONS */
a.special {color: #FFFFFF; font-family: Verdana, Tahoma, Arial; font-style: normal; font-weight: normal; font-size: 12pt; text-align: center; background: #00AAAA url(img/special.png) top repeat-x; border: solid #00AAAA; border-width: 1px 1px 1px 1px; margin: 1px 1px 1px 1px; padding: 5px 15px 5px 15px; }
a.special:hover {color: #FFFFFF; background: #808080 url(img/special.png) top repeat-x; }
input.special {color: #FFFFFF; font-family: Verdana, Tahoma, Arial; font-style: normal; font-weight:normal; font-size: 12pt; text-align: center; background: #00AAAA url(img/special.png) top repeat-x; border: solid #00AAAA; border-width: 1px 1px 1px 1px; margin: 1px 15px 1px 15px; padding: 5px 15px 5px 15px; }
input.special:hover {color: #FFFFFF; background: #808080 url(img/special.png) top repeat-x; }
/* SPECIALS */
span.smaller ul {text-align: left; list-style: disc; margin: 0 0 0 20px; padding: 0; }
span.smaller li {color: #000000; margin: 0 0 3px 0; }
tr.border {border: solid #CCCCCC; border-width: 1px 0 1px 0; }
td.border {border: solid #CCCCCC; border-width: 0 1px 0 1px; }
td.h_padding {padding: 15px 0 0 0; }
img.border {border: solid #008888; border-width: 1px 1px 1px 1px; }
label.language {vertical-align: top; float: left; width: 15px; }
.products {display: block; width: 100%; font-family: Tahoma; font-size: 13pt; background: url(img/bg/grey.png); padding: 5px 0 5px 0; }
.links {text-align: center; margin: 0; }
.quote {color: #008888; font-style: italic; font-weight: bold; margin: 10px 0 0 25px; }
.no_margin {margin: 0; padding: 0; }
.no_lineheight {line-height: 0; }
.layer {display: none; position: fixed; height: 100%; width: 100%; margin: 0; padding: 0; background: url(img/bg/layer.png); }
.agencybox {display: none; position: absolute; top: 25%; left: 50%; width: 400px; margin-left: -200px; padding: 15px 15px 15px 15px; border: solid #008888; border-width: 2px 2px 2px 2px; background: #FFFFFF url(img/bg/infobox.png) top repeat-x; }
.marketingbox {display: none; position: absolute; top: 25%; left: 50%; width: 500px; margin-left: -250px; padding: 15px 15px 15px 15px; border: solid #008888; border-width: 2px 2px 2px 2px; background: #FFFFFF url(img/bg/infobox.png) top repeat-x; }
.jobbox {display: none; position: absolute; top: 25%; left: 50%; width: 600px; margin-left: -300px; padding: 15px 15px 15px 15px; border: solid #008888; border-width: 2px 2px 2px 2px; background: #FFFFFF url(img/bg/infobox.png) top repeat-x; }
.picbox {display: none; position: absolute; top: 25%; left: 50%; width: 400px; margin-left: -200px; padding: 15px 15px 15px 15px; border: solid #008888; border-width: 2px 2px 2px 2px; background: #FFFFFF; }
.specialbutton {display: block; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12pt; text-align: center; background: #00AAAA url(img/img/h4.png) top repeat-x; border: solid #008888; border-width:0 0 1px 0; margin: 15px 0 0 0; padding: 5px 0 5px 0; }
.pointer {cursor: pointer; }