* { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: 100; line-height: 150%; }
h1, h2, h3, h4, h5, h6 { font-family: "Gill Sans","Calibri","Trebuchet MS","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: normal; }
html { background: white url('hatch.png') repeat-x scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
body { margin: 0px; padding: 10px; background: white url('hatch.png') repeat-x scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
strong { font-weight: bold; }
b { font-weight: bold; }
em { font-weight: normal; }
tt { font-family: "Monaco","Courier","Courier New",monospace; }
a img { border: medium none ; }
a.clean { color: inherit; text-decoration: none; }
a { font-family: inherit; }
button { overflow: visible; width: auto; }
.legal { font-size: x-small; }
div#pagecontainer { position: relative; margin-left: auto; margin-right: auto; width: 820px; }
div#page { margin: 0px; padding: 1px 22px; background: transparent url('page-mid.png') repeat-y scroll left top; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 776px; }
div#pagetop { background: transparent url('page-top.png') no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 820px; height: 19px; }
div#pagebot { background: transparent url('page-bot.png') no-repeat scroll left bottom; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 820px; height: 19px; }
div#content { padding-bottom: 10px; }
div#copyright { font-family: "Gill Sans","Calibri","Trebuchet MS",sans-serif; color: rgb(136, 136, 136); font-size: 10px; padding-left: 54px; width: 500px; text-align: justify; }
div#compliance { float: right; padding-right: 32px; }
div#header { margin: 0px 0px 10px; padding: 0px; position: relative; top: 0px; left: 0px; width: 100%; height: 4.5em; }
div#logo { background: transparent url('logo.jpg') no-repeat scroll left top; position: absolute; top: 0px; left: 0px; width: 57px; height: 50px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
div#controls { position: absolute; top: 0px; right: 10px; }
div#controls h1 { display: none; }
div#controls ul { margin: 0px; padding: 0px; }
div#controls ul li { display: inline; vertical-align: bottom; padding-left: 14px; font-family: "Helvetica Neue","Helvetica",Arial,sans-serif; font-weight: normal; font-size: 11px; }
div#controls ul li a { display: inline; vertical-align: bottom; font-family: "Helvetica Neue","Helvetica",Arial,sans-serif; font-weight: normal; font-size: 11px; text-decoration: none; padding-bottom: 2px; color: rgb(51, 51, 51); }
div#controls ul li a:hover { border-bottom: 2px solid rgb(204, 204, 204); }
div#controls ul li img { vertical-align: middle; padding-right: 2px; }
div#menu { position: absolute; right: 10px; bottom: 0px; }
div#menu h1 { display: none; }
div#menu ul { margin: 0px; padding: 0px; }
div#menu ul li { padding-left: 10px; display: inline; }
div#menu ul li a { font-family: "Gill Sans","Calibri","Trebuchet MS",sans-serif; font-weight: normal; font-size: 16px; color: rgb(51, 51, 51); text-decoration: none; }
div#menu ul li a:hover { border-bottom: 4px solid rgb(204, 204, 204); }
table { border-style: none; font-size: smaller; }
th { font-weight: bold; padding-bottom: 8pt; text-align: left; }
th label { font-weight: inherit; }
td.fieldName { font-weight: bold; }
td.fieldName label { font-weight: inherit; }
th { padding-right: 0.5em; vertical-align: top; }
td { padding-right: 0.5em; vertical-align: top; }
div#ShadowBox table tbody td { margin: 0px; padding: 0px; }
div.box { border: 1px solid rgb(204, 204, 204); margin: 8px; padding: 6px; position: relative; }
div.box div.tl { background: transparent url('box-tl.png') no-repeat scroll left top; position: absolute; top: -1px; left: -1px; width: 6px; height: 6px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 100; }
div.box div.tr { background: transparent url('box-tr.png') no-repeat scroll right top; position: absolute; top: -1px; right: -1px; width: 6px; height: 6px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 100; }
div.box div.bl { background: transparent url('box-bl.png') no-repeat scroll left bottom; position: absolute; bottom: -1px; left: -1px; width: 6px; height: 6px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 100; }
div.box div.br { background: transparent url('box-br.png') no-repeat scroll right bottom; position: absolute; bottom: -1px; right: -1px; width: 6px; height: 6px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 100; }
div.centre { text-align: center; }
table.form { border: 2px solid rgb(204, 204, 221); padding: 8px; font-size: smaller; background-color: rgb(238, 238, 255); }
input, textarea, select, option { font-family: "Lucida Grande","Helvetica","Arial",sans-serif; font-size: 11px; }
button.img { border: medium none ; margin: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; cursor: pointer; }
table.featureTable {  }
table.key { margin-left: 32px; }
table.spinner { font-size: inherit; }
table.spinner tr { vertical-align: middle; }
.wrong { background-color: rgb(255, 204, 204); }
li.error { color: rgb(255, 0, 0); }
label.clickable { cursor: default; }
.ccardNumber { font-family: "Courier","Courier New",monospaced; font-size: 11px; }
.invisible { display: none; }
div.warning { border: 2px solid rgb(136, 136, 0); margin: 10px 8em; padding: 2px 16px 2px 52px; background-color: rgb(255, 255, 136); font-size: 10pt; position: relative; }
div.warning h3 { font-family: inherit; font-weight: bold; }
div.warning p {  }
div.warning img { position: absolute; top: 12px; left: 12px; width: 32px; height: 32px; }
div.info { border: 2px solid rgb(0, 0, 136); margin: 10px 8em; padding: 2px 16px 2px 52px; background-color: rgb(204, 204, 255); color: rgb(0, 0, 68); font-size: 10pt; position: relative; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; }
div.info h3 { font-family: inherit; font-weight: bold; }
div.info p { font-weight: normal; }
div.info img { position: absolute; top: 12px; left: 12px; width: 32px; height: 32px; }
div.threeds-logo { margin: 24px; width: 128px; text-align: center; font-size: small; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; }
div.threeds-logo a img { border: medium none ; position: relative; top: auto; bottom: auto; left: auto; right: auto; width: auto; height: auto; }
div.threeds-logo a { text-decoration: none; }
div.threeds-logo a span.link { display: block; text-decoration: underline; margin-top: 8px; }

/* ::::: null ::::: */

#Colors { position: absolute; top: 16px; left: 16px; width: 740px; }
#ColorsLogo { position: absolute; left: 16px; top: 16px; }
#ColorsText { position: absolute; left: 280px; top: 16px; }
#ColorsButtons { position: absolute; right: 16px; top: 260px; }
#ColorsSourceDownload h1 { font-family: inherit; font-size: 24px; }
#cardLogos { margin: 20px; text-align: center; }
#cardLogos img { margin: 0px 0px 0px 4px; padding: 0px; vertical-align: middle; }
#ColorsSourceDownload { border: medium none ; background: transparent url('ipupg-ad-box.jpg') no-repeat scroll left top; position: absolute; width: 230px; height: 172px; left: 259px; top: 0px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
#ColorsUpgradeBtn { position: absolute; bottom: 20px; left: 72px; }
#discountBox { border: medium none ; background: transparent url('discount-ad-box.jpg') no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
#jobBox { border: medium none ; background: transparent url('job-ad-box.jpg') no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
#jobLearnMoreBtn { position: absolute; bottom: 20px; left: 72px; }
#ColorsMiniAd { border: medium none ; background: transparent url('Colors-ad-box.jpg') no-repeat scroll left top; display: none; position: absolute; width: 230px; height: 172px; left: 0px; top: 0px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
#ColorsMiniAdButtons { position: absolute; right: 22px; bottom: 12px; }
#headlines { padding: 2px 4px; background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); margin-top: 16px; margin-bottom: 16px; font-size: smaller; font-family: 'Gill Sans','Calibri','Trebuchet MS','Helvetica Neue','Helvetica','Arial',sans-serif; }
#headlines h2 { margin: 0px; padding: 0px 6px; display: inline; color: inherit; font-size: 12px; font-family: inherit; font-weight: bold; }
.headlineContainer h2 a { text-decoration: none; color: rgb(51, 51, 51); font-weight: inherit; }
.headlineContainer ul { margin: 0px; padding: 0px; color: inherit; font-size: inherit; font-family: inherit; }
.headlineContainer ul li { margin: 0px; padding: 2px 8px; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: inherit; font-family: inherit; position: absolute; top: 0px; left: 5.5em; }
.headlineContainer ul li a { color: rgb(51, 51, 51); text-decoration: none; font-weight: inherit; }
.headlineContainer ul li a:hover { text-decoration: underline; }
#mainBox { height: 310px; }

/* ::::: null ::::: */

#firebugBody { margin: 0pt; padding: 0pt; overflow: visible; position: fixed; top: 0pt; left: 0pt; width: 1px; height: 1px; }
.firebugCanvas { border: 0pt none ; margin: 0pt; padding: 0pt; position: fixed; top: 0pt; left: 0pt; display: none; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugHighlight { border: 0pt none ; margin: 0pt; padding: 0pt; z-index: 2147483647; position: absolute; background-color: rgb(56, 117, 215); outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugLayoutBoxParent { border-style: none dashed dashed none; border-color: -moz-use-text-color rgb(187, 187, 187) rgb(187, 187, 187) -moz-use-text-color; border-width: 0pt 1px 1px 0pt; margin: 0pt; padding: 0pt; z-index: 2147483647; position: absolute; background-color: transparent; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugRuler { border: 0pt none ; margin: 0pt; padding: 0pt; position: absolute; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugRulerH { border-top: 1px solid rgb(187, 187, 187); border-right: 1px dashed rgb(187, 187, 187); border-bottom: 1px solid rgb(0, 0, 0); background: transparent url('rulerh.png') repeat-x scroll 0% 0%; top: -15px; left: 0pt; width: 100%; height: 14px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
.firebugRulerV { border-left: 1px solid rgb(187, 187, 187); border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px dashed rgb(187, 187, 187); background: transparent url('rulerv.png') repeat-y scroll 0% 0%; top: 0pt; left: -15px; width: 14px; height: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
.overflowRulerX > .firebugRulerV { left: 0pt; }
.overflowRulerY > .firebugRulerH { top: 0pt; }
.firebugLayoutBox { border: 0pt none ; margin: 0pt; padding: 0pt; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugLayoutBoxOffset { z-index: 2147483647; position: absolute; opacity: 0.8; }
.firebugLayoutBoxMargin { background-color: rgb(237, 255, 100); }
.firebugLayoutBoxBorder { background-color: rgb(102, 102, 102); }
.firebugLayoutBoxPadding { background-color: SlateBlue; }
.firebugLayoutBoxContent { background-color: SkyBlue; }
.firebugLayoutLine { border: 0pt none ; margin: 0pt; padding: 0pt; z-index: 2147483647; background-color: rgb(0, 0, 0); opacity: 0.4; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; }
.firebugLayoutLineTop, .firebugLayoutLineBottom { position: absolute; width: 100%; height: 1px; }
.firebugLayoutLineTop { border-top: 1px solid rgb(153, 153, 153); margin-top: -1px; }
.firebugLayoutLineRight { border-right: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineBottom { border-bottom: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineLeft { border-left: 1px solid rgb(153, 153, 153); margin-left: -1px; }
