/*
	Early css build for cmCore
*/

/* reset all */
html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
img {border: 0;}

body {font-family:Arial, Helvetica, sans-serif;font-size:12px;}

/* layout */
.block-pad {padding:10px 0;}
.block-middle {clear:both;text-align:center;}

/* typography */
h1 {font-size:28px;line-height:29px;color:#2e92b8;font-weight:normal;}
h1.cat-buy {padding-left:35px;background:url('../images/icon-buy.gif') left bottom no-repeat;}
h1.cat-sell {padding-left:35px;background:url('../images/icon-sell.gif') left bottom no-repeat;}
h1.cat-own {padding-left:35px;background:url('../images/icon-own.gif') left bottom no-repeat;}
h1.cat-advice {padding-left:35px;background:url('../images/icon-own.gif') left bottom no-repeat;}
.qshell h2, #cmContent_1 h2 {font-size:16px;line-height:18px;color:#1363a0;font-weight:bold;padding-bottom:10px;}
label {font-weight:bold;font-size:15px;padding-right:5px;}

/* splash screens*/
.splash-box {display:block;clear:both;padding-top:5px;}
.splash-box .item {float:left;padding-right:5px;}
.splash-box .item.last {padding-right:0;}

/* general formatting */
.cat-intro-text {line-height:14px;padding:3px 0 8px 0;}
#nav_3 {border-bottom:1px dotted #9b9a9a;padding:10px 0 20px;margin-bottom:20px;}
.highlight {font-weight:bold;}

/* control panel bar */
.qcontrol {position:relative;width:590px;border:1px solid #98a4af;background: url('../images/qcontrol-bg.gif') repeat-x #bcc4c9;}
.qcontrol #cmControls {float:left;width:auto;height:38px;margin:5px 0;padding:0 10px;border-right:1px dotted #6a6a6a;}
.qcontrol #cmUser {float:right;width:430px;}
.qcontrol #cmUser #cmLogin_username, .qcontrol #cmUser #cmLogin_pwd {width:100px;}
.qcontrol #qLoginForm {display:none;position:absolute;width:430px;background: url('../images/qcontrol-bg.gif') repeat-x #bcc4c9;height:40px;padding-top:6px;}
.qcontrol #qLoginForm #cmLogin_submit {border:none;background:url('../images/en/login.gif') no-repeat;width:54px;height:28px;cursor:pointer;overflow:hidden;text-indent:-3000px;color: transparent;text-transform: capitalize;}
.qcontrol .AccountLinks, .qcontrol .AccountLinksLogged {padding:10px 12px 0 0;text-align:right;}
.qcontrol .AccountLinks #cmUserLogin {display:block;float:right;padding:5px;background-color:#929a9f;color:#fff;font-weight:bold;font-size:11px;border:1px solid #8d98a3;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-right:5px;}
.qcontrol .AccountLinks #cmUserAcctURL {display:block;float:right;padding:5px;background-color:#929a9f;color:#fff;font-weight:bold;font-size:11px;border:1px solid #8d98a3;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-right:5px;}
.qcontrol .AccountLinks #socializeDiv_mini {display:block;float:right;padding-right:5px;}
.qcontrol .AccountLinks #cmUserLogin:hover, .qcontrol .AccountLinks #cmUserAcctURL:hover {background-color:#a7d000;text-decoration:none;}
.qcontrol .small-close {position:absolute;top:2px;right:2px;background:url('../images/close-x-small.gif') no-repeat;width:10px;height:10px;}

.qcontrol .AccountLinksLogged #cmLogin_submit {display:none;}
.AccountLinksLogged #cmPartnerAcctLink a, .AccountLinksLogged #cmUserLogout {color:#585b5d;font-size:11px;}

/* main shell & child ui elements */
.qshell {width:560px;border:1px solid #a4afb8;background-color:#ebfcfc;padding:5px 15px 15px;margin-top:10px;}
.qshell .item-box {background-color:#fbfcfc;border:2px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.qshell .item-box .qtitle {display:block;position:relative;color:#1363a0;background-color:#e2e5e6;font-size:14px;font-weight:bold;line-height:17px;margin:6px;padding:6px 8px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.qshell .item-box .qtitle .title {display:block;width:85%;}
.qshell .item-box .qsubtitle {display:block;color:#3e4042;font-weight:normal;font-size:12px;}
.qshell .item-box .qselected {font-weight:normal;font-size:12px;width:80%;}
.qshell .item-box .qtitle .qnav {position:absolute;right:10px;top:10px;}
.qshell .item-box label {color:#5b5a5a;font-size:14px;line-height:30px;font-weight:bold;padding-right:5px;}
.qshell .item-box input.answer {border:1px solid #abacac; color:#6a6a6a; font-weight:normal; font-size:22px; width:100px; padding:5px; text-align:center;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.qshell .ui-comp-slider {display:block;width:85%;margin-left:auto;margin-right:auto;}
.qshell .ui-comp-select select {display:block;margin-left:auto;margin-right:auto;}
.qshell .ui-comp-position {padding:20px 0;}
.qshell #leftvalue {width:18%;float:left;text-align:center;font-weight:bold;font-size:16px;color:#6a6a6a;}
.qshell #rightvalue {width:18%;float:right;text-align:center;font-weight:bold;font-size:16px;color:#6a6a6a;}
.qshell #measure_val {padding-left:5px;font-weight:bold;font-size:16px;color:#6a6a6a;}
.qshell #slider {width:62%;float:left;}
.qshell .feedback {text-align:center;padding:5px 0;}
.qshell .form-submit {display:block;border:none;background:url('../images/en/submit-en.gif') no-repeat;width:107px;height:34px;cursor:pointer;overflow:hidden;text-indent:-3000px;margin:15px;margin-left:auto;margin-right:auto;color: transparent;text-transform: capitalize;}
.es .qshell .form-submit {background:url('../images/es/submit-es.gif') no-repeat;}
/* component formatting */
.qshell .item-box.uiOptions .option {display:none;}
.qshell .item-box.uiOptions label {display:block;width:280px;font-weight:normal;font-size:16px;line-height:28px;cursor:pointer;margin-left:auto;margin-right:auto;padding:1px;margin-bottom:2px;}
.qshell .item-box.uiOptions label:hover {border:1px solid #77a61a;background-color:#99cc33;padding:0px;-moz-border-radius: 6px;-webkit-border-radius: 6px;color:#fff;font-weight:bold;}
.qshell .item-box.uiOptions label.selected {font-weight:bold;}
.qshell .item-box.uiOptions label.clicked {border:1px solid #77a61a;background-color:#99cc33;padding:0px;-moz-border-radius: 6px;-webkit-border-radius: 6px;color:#fff;font-weight:bold;}
.qshell .item-box.uiOptions .feedback {padding-top:10px;}

.qshell .chart-footer {padding-bottom:10px;}

/* landing */
.qshell.landing h1.divider {display:block;position:relative;margin:25px 0 15px -15px;font-size:16px;color:#fffccd;background-color:#45aae1;line-height:36px;width:570px;text-indent:15px;}
.qshell.landing .result {border-bottom:1px dotted #ccc;padding-bottom:10px;}
.qshell.landing .result h3 a {color:#1363a0;font-weight:bold;font-size:14px;text-decoration:none;padding-bottom:5px;}
.qshell.landing .result .read-more a {color:#e48701;font-weight:bold;font-size:12px;text-decoration:none;background:url('../images/more-link-arrow-right.gif') no-repeat center right;padding:0 8px 2px 0;}
.qshell.landing .result .read-more a:hover {text-decoration:underline;}
.qshell.landing .result p {color:#303233;font-size:12px;line-height:15px;}
.qshell.landing .result-charts {display:block;height:auto;padding:10px;width:540px;margin-left:auto;margin-right:auto;}
.qshell.landing .result-charts .qshell {padding:0;margin:0;width:520px;border:none;background-color:#fff;}
.qshell.landing .result-charts .qshell .chart-footer {display:none;}
.qshell.landing .result-charts .chart {float:left;}
.qshell.landing .result-charts .chart .thumb {float:left;width:170px;height:auto;margin-right:15px;background-color:#fff;border:1px solid #ccc;padding:10px;cursor:pointer;}
.qshell.landing .result-charts .chart .thumb .header {width:170px;padding:2px 1px 10px;font-size:11px;height:24px;}
.qshell.landing .result-charts .chart .thumb .img {width:170px;height:100px;background:url('../images/en/chart-preview.gif') no-repeat;}
.qshell.landing .result-charts .chart .full {position:absolute;left:22px;display:none;width:540px;height:auto;border:3px solid #cfcfcf;background-color:#fff;padding-left:5px;padding-bottom:10px;z-index:1;}
.qshell.landing .result-charts .chart .full .navbar {display:block;text-align:right;}
.qshell.landing .result-charts .chart .full .navbar .close {cursor:pointer;padding:4px;color:#666666;font-weight:bold;font-size:18px;}

/* joverlay chart display */
#jOverlayContent .chart-footer {display:none;}
#jOverlayContent .full {width:540px;height:auto;background-color:#fff;padding-left:5px;padding-bottom:10px;border:3px solid #cfcfcf;}
#jOverlayContent .full .navbar {display:block;text-align:right;}
#jOverlayContent .full .navbar .close {cursor:pointer;padding:4px;color:#666666;font-weight:bold;font-size:18px;}
#jOverlayContent .qshell {padding:0;margin:0;width:520px;border:none;background-color:#fff;}

.qshell.landing .result-offers {display:block;clear:both;border:1px solid #ccc;background-color:#fdffec;margin:8px 0;}
.qshell.landing .result-offers .result {padding:4px;}
.qshell.landing .result-content {margin:10px 0;}
.qshell.landing .result-info h1 {line-height:40px;}

/* selector */
.cmNavPrevNext {cursor:pointer;}
#cmNavSection {padding:5px 0 10px 0;margin:0 20px 10px;border-bottom:1px dashed #ccc;}
#cmNavSection-head {cursor:pointer;text-align:left;line-height:30px;}

/* content */
#cmQnav {width:65px;height:27px;display:block;position:relative;}
#cmQnav .cmContentPrev {cursor:pointer;display:none;position:absolute;left:0;}
#cmQnav .cmContentNext {cursor:pointer;display:none;position:absolute;right:0;}
#cmQnav .cmContentPrev .btn-left {display:block;width:30px;height:27px;background:url('../images/icon-box-arrow-left-on.gif') no-repeat center center;overflow:hidden;text-indent:-3000px;}
#cmQnav .cmContentNext .btn-right {display:block;width:30px;height:27px;background:url('../images/icon-box-arrow-right-on.gif') no-repeat center center;overflow:hidden;text-indent:-3000px;}
#cmQnav .cmContentPrev:hover .btn-left {background:url('../images/icon-box-arrow-left.gif') no-repeat center center;}
#cmQnav .cmContentNext:hover .btn-right {background:url('../images/icon-box-arrow-right.gif') no-repeat center center;}

/* forms */
.user-form {background-color:#eeffff;border:1px solid #a4afb8;font-size:12px;}
.user-form.full {width:560px;padding:15px;}
.user-form fieldset {border:none;width:60%;}
.user-form fieldset p.sub {font-size:11px;font-style:italic;}
.user-form legend {font-size:18px;line-height:22px;}
.user-form #cmRegistration {position:relative;width:100%;}
.user-form .row {clear:both;padding:5px 0;}
.user-form .row .input-text {padding:2px;font-size:12px;width:150px;}
.user-form .row .input-text-zip {padding:2px;font-size:12px;width:50px;}
.user-form .row.center {text-align:center;}
.user-form .row.right {text-align:right;}
.user-form .row label {display:block;float:left;width:150px;padding-right:5px;text-align:right;font-weight:normal;}
.user-form .row .form-submit {border:none;background:url('../images/en/save-en.gif') no-repeat;width:87px;height:34px;cursor:pointer;overflow:hidden;text-indent:-3000px;margin:15px;}
.qshell .input-select {width:200px;padding:5px;font-size:13px;}
.user-form .req {color:red;}
.user-form .row .error {color:red;border:1px solid red;}
.user-form label.error, .user-form .row label.error {border:none;font-size:11px;float:right;}

#socializeReg #socializeFeedback {padding:3px 0;}
#socializeOpt {position:absolute;width:115px;right:0;top:0;border:1px solid #ccc;padding:5px;}
#socializeOpt h2, #socializeReg h2 {font-size:18px;line-height:22px;color:#000;font-weight:normal;padding:0;margin:0;}
#socializeOpt #socializeDiv {margin-left:auto;margin-right:auto;}

/* external views */
.view-app-content {display:block;width:540px;border:1px solid #a4afb8;background-color:#ebfcfc;padding:15px;} /* match this to .qshell */
.view-app-content .views-row {padding-bottom:10px;}
.view-app-content .views-field-title, .view-app-content .views-field-title a {color:#1363a0;font-weight:bold;font-size:14px;text-decoration:none;padding-bottom:5px;}
.view-app-content .views-field-title a:hover {text-decoration:underline;}
.view-app-content .views-row-first .views-field-title a {font-size:16px;}
.view-app-content .views-field-teaser {color:#303233;font-size:12px;line-height:15px;}
.view-app-content .views-field-view-node a {color:#e48701;font-weight:bold;font-size:12px;text-decoration:none;background:url('../images/more-link-arrow-right.gif') no-repeat center right;padding:0 8px 2px 0;}
.view-app-content .views-field-view-node a:hover {text-decoration:underline;}

/* helpers */
.clear {width: 100%;clear: both;}

/* prompts [in-progress] */
#cmUserMsgBox {display:none;} /* .validate will show/hide as needed */
#cmUserValidateError {color:#f00;font-weight:bold;padding:2px;margin:2px 0;}
#cmUserSubmitError {color:#f00;font-weight:bold;padding:2px;margin:2px 0;}
#messageBox {display:none;} /* .validate will show/hide as needed */
#errorBox {background-color:red;color:#fff;font-weight:bold;padding:2px;margin:2px 0;}
.errorReturn {color:red;padding:4px 0;}
#cmLogin {font-size:11px;}
#cmLogin label, #cmLogin input {font-size:11px;}
#cmLogin .input-text {width:100px;padding:1px;}
.prompt-user {padding:6px;background-color:#fff;border:2px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.prompt-user .row {display:block;width:100%;}
.prompt-user label {width:140px;}
.prompt-user input {}

/* xlate */
.xlateFound {background-color:#0f0;}
.xlateEng {background-color:#0ff;}
.xlateNoLang {background-color:#ff0;}
.xlateNoRecord {background-color:#f33;}