div.menu {position: relative; float: left}
div.menu ul, div.piped ul {list-style: none}
div.menu ul li {float: left}
div.menu ul li a {display: block; text-decoration: none}
div.piped li {border-left: 1px solid; margin: 0.1em .5em 0.1em -.5em; padding: 0.1em .5em 0.1em .5em}
div.piped {overflow: hidden}
div.masked-image {position: relative; float: right; margin: 0 0 20px 20px; height: 253px; width: 265px}
div.masked-image img{ position: absolute; z-index: 10}
div.masked-image div.mask {position: absolute}
div.masked-image div.mask, div.masked-image div.mask img {z-index: 11}
label.block-label {display: block}
div.button {height: 24px}
div.button a {float: left; line-height: 24px; height: 24px; padding-left: 10px; background: url('/images/sim/left-half-button_versioned_1.0.gif') no-repeat; cursor: pointer}
div.button a span{ float: left; padding-left: 5px; padding-right: 15px; background: url('/images/sim/right-half-button_versioned_1.0.gif') no-repeat top right}
div.button a:link,div.button a:visited,div.button a:active {color: #fff}
div.button a:hover {color: #f9ca24}
table.layout, table.layout thead tr, table.layout tbody tr, table.layout tfoot tr, table.layout thead tr th, table.layout thead tr td, table.layout tbody tr td, table.layout tfoot tr td, table.layout tfoot tr th {border: none; padding: 0; background: none; color: inherit}
table.form-table {border: none}
table.form-table tbody tr td {border: none}
table.form-table tfoot tr td {border: none}
table.form-table label {font-weight: bold;}
table.form-table tbody tr td.left-col {width: 20%}
table.form-table tbody tr td.right-col {}
table.form-table tr.heading {color: #000; text-align: left; padding: 3px 7px; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #CBCBCB}
table.form-table tr.heading th {padding: 0.1em}
h1.page-title span.subtitle {display: block; padding: 0; margin: -0.7em 0}
#welcome-options a.button {position: relative; display: block; width: 143px; height: 24px; margin: 10px auto}
#welcome-options a.button img {position: absolute; z-index: 10}
#welcome-options a.button div {width: 100px; padding-left: 43px; position: absolute; z-index: 11}
#butterfly {margin: 30px 0 0 0}
#header {height: 76px}
#logo {position: relative; float: left; padding-left: 10px; padding-top: 10px}
#client-logo {position: relative; float: right; width: 232px; margin: 6px 0 0 0; text-align: center}
#welcome-image {position: absolute; top: 0; left: 0}
#main {padding: 0 30px}
#sidebar {padding: 20px}
#navlist, #shortcuts, #utilities {float: right}
#welcome-message {display: block; float: left; margin-right: 25px}
#subnav {padding: 15px 30px; margin-bottom: 0.5em}
#nav-sidebar {width: 232px; height: 41px}
#nav-main {height: 41px; width: 718px}
#nav-main ul li a {margin: 16px 5px 0 8px; padding: 0 0 0 10px}
#nav-sidebar ul li a {margin: 16px 5px 0 8px; padding: 0 10px 0 0}
.content ul {margin-left: 0.3em}
.content ol {margin-left: 0.5em}
.content ul li, .content ol li {margin-left: 1em}
* html body {text-align: center}
#container {text-align: left; min-height: 575px; height: auto !important; height: 100%}
#footer, #container {width: 950px; position: relative; margin: 0 auto}
#footer {text-align: center; padding: 1em 0}
#footer ul li {display: inline; padding: 10px}
#main, #sidebar {clear: both}
#primary,#secondary {position: relative; float: left}
#promotion_id {width: 180px}
* html #primary,* html #secondary {display: inline}
body.l1 #primary {width: 718px}
body.l1 #secondary {width: 232px; float: right}
body.equal #container {overflow: hidden; padding-bottom: 0}
body.equal #primary,body.equal #secondary, #sidebar {margin-bottom: -32767px; padding-bottom: 32767px}
* html body.equal #container {padding-bottom: 0}
body.l1 #footer,body.l2 #footer {margin-bottom: 0}
@media all and (min-width: 0px) {body.l2 #secondary {left: .5em}
body.equal #primary,body.equal #secondary,body.equal #tertiary {padding-bottom: 0!important; margin-bottom: 0!important}
body.equal #primary[id^="primary"]:before,body.equal #secondary[id^="secondary"]:before,body.equal #tertiary[id^="tertiary"]:before {content: 'Q'; display: block; background: inherit; padding-top: 32767px!important; margin-bottom: -32767px!important; height: 0}
}
body {background: #fff url('/images/sim/cloud_loop_versioned_1.0.jpg') repeat-x 0 0; font-family: 'Trebuchet MS', Arial, sans-serif}
input[type='text'],input[type='password'],textarea {font-family: 'Trebuchet MS', Arial, sans-serif}
.error {color: #a00}
div.masked-image div.mask {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sim/tip-mask_versioned_1.0.png", sizingMethod='scale'); height: 253px; width: 265px}
div.masked-image div.mask img {filter:alpha(opacity=0)}
#container {background: #fff; border: 3px solid #00a250; border-top: none}
#nav-secondary {background: #ccc}
#nav-main, #nav-sidebar {background: url('/images/sim/nav_background_versioned_1.0.png') repeat-x; border-bottom: 3px solid #000}
#nav-main ul li a {text-transform: uppercase}
.piped ul li {border-left: 1px solid #00a250}
ul.navlist li a {font-size: 0.9em}
ul.navlist li.active a {font-size: 1em; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #efbb00}
#footer {font-size: 1.2em}
#nav-sidebar ul li a {font-size: 1em}
a, a:link, a:visited, a:hover, a:active {text-decoration: none; color: #2f9c2b}
a:hover {color: #f38014}
#subnav {font-size: 1em}
#subnav ul li.active a {font-size: 1.1em; font-weight: bold; padding-bottom: 3px; border-bottom: 2px solid #efbb00}
#subtabs {display: none; margin-bottom: 1em}
#welcome-message {color: #efbb00; font-weight: bold; display: block}
#welcome-message a.not-you {font-weight: normal; font-size: 0.9em}
div.menu ul li, #welcome-message {font-size: 1.3em}
#nav-main ul li a, #nav-sidebar ul li a {text-decoration: none; line-height: 25px; color: #fff}
h1.page-title span.subtitle {font-size: 0.6em; color: #efbb00}
#nav-main li.active {background: url('/images/sim/nav_selection_versioned_1.0.png') no-repeat}
#nav-main ul li:hover {background: url('/images/sim/nav_selection_versioned_1.0.png') no-repeat}
#nav-main ul li.active a, #nav-main ul li a:hover, #nav-sidebar ul li a:hover {color: #f9ca24}
body.l1 #secondary {background: #ebebeb url('/images/sim/bg-sidebar_versioned_1.0.gif') repeat-y}
#container.welcome #secondary {background: #fff url('/images/sim/bg-welcome-sidebar_versioned_1.0.gif') repeat-y}
a.button,a.button:link,a.button:visited,a.button:active {line-height: 24px; font-size: 1em; color: #fff; cursor: pointer}
a.button:hover {color: #efbb00}
a.button div {text-align: center; text-transform: uppercase; letter-spacing: 1px}
div.button-row {clear: both}
div.button-row div.link, div.button-row div.button {float: left}
div.button-row div.link {padding-right: 20px}
.content {font-size: 1.4em; line-height: 1.7em }
.content h1 {font-size: 1.7em; color: #00a250}
.content h2 {color: #efbb00}
.content h3 {font-size: 1.35em; color: #00a250}
.content h4 {color: #efbb00}
.content hr {background: #00a250; color: #00a250}
.content th {background: #f9ca24; color: #fff; font-weight: bolder; font-size: 1.1em}
.content table tr.odd td {background: #fff}
.content table tr.even td {background: #ebebeb}
.chart-label{ padding:0 3px 3px 0; position:absolute}
.chart-label-main{ border: 2px solid #acacac; padding:5px 15px; background-color:#ebebeb}
.chart-label-title{ font-size:1.1em; color:#00a250; font-weight:bold}
.chart-label-text{ font-size:.8em; font-weight:bold}
fieldset {background: #ebebeb; border: 1px solid #00a250}
legend {font-size: 1.1em; font-weight: bold; color: #00a250}
div.fieldset {background: #ebebeb; border: 1px solid #00a250; padding: 1em; margin: 1em 0}
div.fieldset p.legend {margin: 0.3em 0; font-size: 1.2em; font-weight: bold; color: #00a250}
.validation-advice, .custom-advice {color: red}
.custom-advice {font-weight: bold}
#help-tip-box {width: 251px; padding:5px; background: #fff; font-size: 1.2em}
#help-tip-box p {margin: 0; padding: 1em 0}
#help-tip-box div.main {width: 240px; padding: 5px; margin: 0; padding: 0 10px; width: 231px; background: #fff}
#help-tip-box div.main p.legend {margin: 0; padding: 0; font-size: 1.2em; font-weight: bold}
#help-tip-box {border: 2px solid #00a250}
#help-tip-box div.main p.legend {color: #00a250}
#container {min-height: 600px; height: auto !important; height: 600px; width: 950px; border: 3px solid #00a250; border-top: none}
#notice, #marketing {background: url('/images/marketing-layout.jpg') no-repeat 0 -39px; height: 600px}
#demo {background: url('/images/marketing-layout.jpg') no-repeat 0 -639px; text-align: right; padding: 5px 20px 0 0; height: 600px}
#sidebar {float: right; width: 210px; padding: 70px 10px 10px 10px}
#sidebar div.launch {margin-bottom: 1em}
#sidebar div.launch p {margin: 0}
#sidebar div.launch p.date {font-size: 1.3em; font-weight: bold}
#coming-soon {position: absolute; left: 460px; top: 105px; font-size: 1.9em}
#footer {clear: both}
#khph {position: absolute; bottom: 0; left: 10px; height: 39px; line-height: 39px;}
#khph a:link, #khph a:visited, #khph a:active {color: #fff}
#khph a:hover {color: #efbb00}
#khph div {float: left; padding-right: 5px}
#khph div.slogan {background: url('/images/marketing-layout.jpg') no-repeat 0 0; height: 39px; width: 239px; text-align: center}
#launch_notification_email {width: 120px}
#submit-btn {float: right}
#demo {font-size: 1.2em}
label.validation-failed {color: #00a250}
input.validation-failed, select.validation-failed {background-color: #FFEFAF}
.example {font-size: .9em; color: #17B171}
#thank-you {position: absolute; right: 20px; top: 100px; width: 300px; text-align: left}
#notes {position: absolute; height: 60px; bottom: 0; left: 10px; text-align: left; color: #999}