/*
-----------------------------------------------
Client Insights - base styles
----------------------------------------------- */

@import 'blueprint/screen.css';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Roboto+Slab:400,700');

/* Page Structure
----------------------------------------------- */
body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #717171;
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-size: 17px;
}

#container {
    width: 1140px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #fff;*/
    text-align: left;
}

#header {
    background-color: #fbfbfb;
    padding: 15px 0 5px 0;
    margin: 0;
}

#content-container {
    /*background: url(../img/content_container_bg.gif) 0 0 repeat-y;*/
    /*margin-bottom: 20px;*/
    /*padding-bottom: 20px;*/
}

#content-left-narrow {
    float: left;
    width: 180px;
    margin: 0 0 20px 0;
    padding: 0;
}

#content-right-narrow {
    padding: 0px;
    margin-left: 500px;
    margin-right: 0px;
}

#content-right-wide {
    padding: 0 0 0 10px;
    margin-left: 200px;
    margin-right: 0px;
}

#content-left-wide {
    position: relative;
    float: left;
    width: 450px;
    margin: 0px;
    padding: 0px;
}

#content-right-no-left {
    margin-right: 200px;
}

div#content-left-wide,
div#content-right-wide {
    min-height: 400px;
}

#footer { clear: both; background: #878787; margin: 60px 0 0 0; padding: 0; text-align: center; }


/* Navigation
----------------------------------------------- */
.site-nav-container {
    background-color: #6d6a6a;
    min-height: 48px;
    margin-bottom: 40px;
}
#nav          { list-style: none; margin: 0; padding: 0; }
#nav li       { float: left; padding: 10px 20px 11px 20px; background: none; }
#nav a        { font-family: 'Roboto Slab', serif; text-decoration: none; font-size: 18px; color: #fff; }
#nav a.sp     { font-family: 'Roboto Slab', serif; padding: 0 0 0 30px; text-decoration: none; color: #fff; }
#nav a:hover  { text-decoration: underline; }

body#login #nav #nav-login,
body#home #nav #nav-home,
body#customization #nav #nav-customization,
body#registration #nav #nav-registration,
body#my-dashboard #nav #nav-dashboard,
body#my-dashboard-v2 #nav #nav-dashboard,
body#my-profile #nav #nav-profile,
body#ask-a-question #nav #nav-ask-a-question,
body#process-overview #nav #nav-process-overview { background-color: #ce4430; color: #fff; }

body#renewal-process #nav #nav-renew { background: url(../img/l_nav_bg_renew.gif) no-repeat 0 -24px; color: #FFFFFF; }

.tab-container { border: 1px solid #CFCFCF; border-top: 4px solid #CFCFCF; background-color: #FFFFFF; padding: 25px; margin-top: 7px; margin-bottom: 10px; }

#tab-nav             { list-style: none; margin: 0; padding: 0; }
#tab-nav li          { display: inline; margin: 0; padding: 0; background: none; }
#tab-nav li a        { padding: 10px 20px; border: 1px solid #CFCFCF; border-bottom: none; text-decoration: none; color: #000; }
#tab-nav li a:hover  { text-decoration: underline; }

body#customization.tab-1 #tab-nav #tab-nav-custom-survey-tab-1,
body#customization.tab-2 #tab-nav #tab-nav-custom-survey-tab-2,
body#customization.tab-3 #tab-nav #tab-nav-custom-survey-tab-3,
body#customization.tab-4 #tab-nav #tab-nav-custom-survey-tab-4,
body#customization.tab-5 #tab-nav #tab-nav-custom-survey-tab-5 { background-color: #CFCFCF; }

#breadcrumb         { color: #908F8F; margin: 15px 0; font-size: 15px; background-color: #f3f3f3; padding: 7px 15px; border-radius: 5px; }
#breadcrumb a       { color: #e82c32; text-decoration: none; }
#breadcrumb a:hover { color: #e82c32; text-decoration: underline; cursor: hand; }

#footer ul             { list-style: none; margin: 0; padding: 15px 0; }
#footer li             { display: inline; margin: 0; padding: 0; background: none; }
#footer li a           { font-size: 0.95em; padding: 0 10px; border-right: 1px solid #CFCFCF; text-decoration: none; color: #FFF; }
#footer li a.no-border { border: 0; }
#footer li a:hover     { text-decoration: underline; }


/* Content
----------------------------------------------- */
h1, h2, h3, h4, h5 {
    font-family: 'Roboto Slab', serif;
}
h1 {
    font-size: 28px;
    color: #000;
}

h3               { margin-bottom: 10px; font-size: 1.4em; }
h4               { font-size: 19px; font-weight: bold; margin-bottom: 5px; }
h5               { font-size: 1.2em; font-weight: bold; margin: 20px 0 5px 0; }
h5.no-top-margin { margin-top: 0; }

a       { color: #e82c32; text-decoration: none; outline: none; }
a:hover { color: #e82c32; text-decoration: underline; cursor: hand; }

label { font-weight: normal; }

ul                       { list-style-type: none; }
ul li                    { background: url(../img/list_bullet.gif) 0 12px no-repeat; padding: 3px 0 0 14px; }
ul.lightview-override li { background: url(../img/list_bullet.gif) 0 12px no-repeat; padding: 3px 0 0 14px; }
ul li.pdf                { background: url(../img/icon_pdf.gif) 0 5px no-repeat; padding-left: 20px; }
ul li.xls                { background: url(../img/icon_xls.gif) 0 5px no-repeat; padding-left: 20px; }
ul li.doc                { background: url(../img/icon_doc.gif) 0 5px no-repeat; padding-left: 20px; }
ul li.file-type-none     { background-position: 5px 10px; padding-left: 20px; }

ul.tight  { padding: 0; margin: 0; }

ul li.no-bullet { background: none; padding-left: 0; }

ul.steps           { list-style-type: none; padding: 0; }
ul.steps li        { padding: 8px 0 20px 50px; }
ul.steps li.step-1 { background: url(../img/icon_1.gif?v=2.0) 0 0 no-repeat; }
ul.steps li.step-2 { background: url(../img/icon_2.gif?v=2.0) 0 0 no-repeat; }
ul.steps li.step-3 { background: url(../img/icon_3.gif?v=2.0) 0 0 no-repeat; }
ul.steps li.step-4 { background: url(../img/icon_4.gif?v=2.0) 0 0 no-repeat; }
ul.steps li.step-5 { background: url(../img/icon_5.gif?v=2.0) 0 0 no-repeat; }
ul.steps li.step-6 { background: url(../img/icon_6.gif?v=2.0) 0 0 no-repeat; }
ul.steps ul li     { padding: 3px 0 0 12px; margin-left: 10px; }

ol.terms { font-weight: bold; }
ol.terms li { margin-top: 20px; }
ol.lower-alpha { list-style-type: lower-alpha; font-weight: normal; }
ol.lower-alpha li { margin-top: 10px; }
ol.lightview-override li { list-style-type: decimal; }

ul.red li, ol.red li {
    color: #ec2c2b;
}
ul.red li span, ol.red li span {
    color: #717171;
}

.bullet { background: url(../img/list_bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0; }

.err { color: red; }

.cut-and-paste-container    { border: 1px solid #DBDBDB; background-color: #F8FDDC; padding: 10px; }
.highlight-container        { border: 1px solid #cccccc; background-color: #f9f9f9; padding: 25px 35px; margin-bottom: 10px; }
.highlight-container-subtle { border: 1px solid #DDDDDD; background-color: #f9f9f9; padding: 15px; margin-bottom: 10px; }

.form-container-readonly                        { border: 1px solid #DDDDDD; background-color: #EAE9E9; padding: 0; margin-bottom: 10px; font-size: .95em; }
.form-container-readonly table                  { width: 100%; }
.form-container-readonly table.grid th          { background-color: #D2D1D1; padding: 5px 10px; border-bottom: 1px solid #BEBDBD; }
.form-container-readonly table.grid td          { border-bottom: 1px solid #DDDDDD; padding: 5px 10px; }
.form-container-readonly table.grid td.label    { font-weight: bold; }
.form-container-readonly table.grid td.sub-head { background-color: #FFF; font-weight: bold; border-bottom: 1px solid #D2D1D1; padding-top: 10px; padding-bottom: 2px; }
.form-container-readonly table.grid td.filetype { padding-right: 0; vertical-align: middle; }
.form-container-readonly table.grid td.center   { text-align: center; }
.form-container-readonly table.grid td.last     { border-bottom: none; }
.form-container-readonly p.msg                  { margin: 0; padding: 15px; font-weight: bold; }

#success     { background: #E1FFD1 url(../img/icon_success.gif) 10px 14px no-repeat; border: 1px solid #C5F8AC; color: #468D3F; padding: 10px 10px 10px 35px; margin: 0 0 20px 0; }
#failure     { background: #FFE4D1 url(../img/icon_failure.gif) 10px 14px no-repeat; border: 1px solid #FBC8A4; color: #DD4917; padding: 10px 10px 10px 35px; margin: 0 0 20px 0; }
#alert       { background: #F8FDDC url(../img/icon_alert.gif) 10px 14px no-repeat; border: 1px solid #F5FFBA; color: #000; padding: 10px 10px 10px 35px; margin: 0 0 20px 0; }
#information { background: #F8FDDC url(../img/icon_information.gif) 12px 14px no-repeat; border: 1px solid #F5FFBA; color: #000; padding: 10px 10px 10px 35px; margin: 0 0 20px 0; }

.program-process td { padding-bottom: 20px; }
.program-process p  { margin-bottom: 10px; }
.program-process ul { margin-left: 0; }

.login-legal { clear: both; font-size: 0.75em; }

.text-center { text-align: center; }
.text-right  { text-align: right; }

.lead {
    font-size: 19px;
}
.icon-video {
    background: url(../img/icon-video.png) 0 2px no-repeat;
    padding-left: 18px;
}
#terms-and-conditions-content ul {
    list-style-type: disc;
}
#terms-and-conditions-content ul li {
    background: none;
    padding: 0;
}
ul.unstyled-list {
    list-style-type: disc;
}
ul.unstyled-list li {
    background: none;
    padding: 0;
}

/* Tables
----------------------------------------------- */
table td { vertical-align: top; }

table.table-header                   { margin-bottom: 15px; color: #797979; font-size: 15px; }
table.table-header th                { height: 27px; font-size: 15px; font-weight: 600; color: #000000; background-color: #e6e6e6; padding-left: 15px; }
table.table-header th.header-left    { padding-left: 15px; }
table.table-header th.header-right   { padding-right: 15px; }
table.table-header td                { border-bottom: 1px solid #E9E9E9; padding: 3px 6px; font-size: 15px; }
table.table-header td.cell-left      { padding-left: 15px; }
table.table-header tr.last td        { border: none; }
table.table-header tr:hover          { background-color: #f6f6f6; }
table.table-header td.footer-left    { background: url(../img/table_footer_left.gif) top left no-repeat; padding-left: 15px; height: 27px; }
table.table-header td.footer-middle  { background: url(../img/table_footer.gif) top left no-repeat; }
table.table-header td.footer-right   { background: url(../img/table_footer_right.gif) top right no-repeat; padding-right: 15px; }

table.table-header th.header-left.row2  { background-image: none; border-left: 1px solid #000; border-bottom: 1px solid #000; background-color: #c3c3c3; }
table.table-header th.row2              { background-image: none; border-bottom: 1px solid #000; background-color: #c3c3c3; vertical-align: top; padding-top: 5px; }

th.cell-center,
td.cell-center { text-align: center; }

table.form td               { vertical-align: middle; padding: 3px 0; }
table.form td.top           { vertical-align: top; }
table.form td.border-bottom { height: 10px; line-height: 1px; border-bottom: 1px solid #DDDDDD; }

.table-actions-left  { float: left; }
.table-actions-right { text-align: right; margin-bottom: 15px; }

.registration-form-table            { background-color: #fff; color: #414040; }
.registration-form-table th.center,
.registration-form-table td.center  { text-align: center; }
.registration-form-table th         { padding: 0; margin: 0; background-color: #eae9e9; }
.registration-form-table td         { padding: 5px 10px; }
.registration-form-table td.col1    { width: 106px; border-top: 1px solid #ebebeb; font-weight: bold;; }
.registration-form-table td.col2    { width: 185px; background-color: #346ea0; border-top: 1px solid #5287b5; color: #e0e0e0; }
.registration-form-table td.col2.title { padding-top: 0; color: #fff; font-size: 17px; font-weight: bold; line-height: 20px; }
.registration-form-table td.col2.border-bottom { border-bottom: 1px solid #2a5f8d; }
.registration-form-table td.col2 span.amount { color: #c3e6fd; font-size: 15px; font-weight: bold; }
.registration-form-table td.col3    { width: 167px; border-top: 1px solid #ebebeb; }
.registration-form-table td.col3.title { color: #303030; font-size: 16px; font-weight: bold; line-height: 20px; }
.registration-form-table td.col3 span.amount { color: #929292; font-size: 15px; font-weight: bold; }
.registration-form-table td.middle  { vertical-align: middle; }
.registration-form-table td.no-border-top { border-top: none; }
.registration-form-table #select-premium,
.registration-form-table #select-basic { margin-left: auto; margin-right: auto; cursor: pointer; cursor: hand; font-size: 14px; width: 150px; height: 29px; }
.registration-form-table #select-premium.off { background: url(../img/btn_fee_types_select.gif) 0 0; }
.registration-form-table #select-premium.on  { background: url(../img/btn_fee_types_select.gif) 0 -29px; }
.registration-form-table #select-basic.off   { background: url(../img/btn_fee_types_select.gif) -150px 0; }
.registration-form-table #select-basic.on    { background: url(../img/btn_fee_types_select.gif) -150px -29px; }

.program-info-table            { background-color: #fff; color: #414040; }
.program-info-table th.center,
.program-info-table td.center  { text-align: center; }
.program-info-table th         { padding: 0; margin: 0; background-color: #eae9e9; }
.program-info-table td         { padding: 0 10px; }
.program-info-table td.col1               { width: 175px; border-top: 1px solid #ebebeb; }
.program-info-table td.col2               { width: 150px; border-top: 1px solid #5287b5; background-color: #346ea0; color: #e0e0e0; }
.program-info-table td.col2.shade         { background-color: #f5f5f5; font-weight: bold; }
.program-info-table td.col2 span.amount   { color: #c3e6fd; font-size: 14px; font-weight: bold; }
.program-info-table td.col2.title         { padding-top: 0; color: #fff; font-size: 15px; font-weight: bold; line-height: 20px; }
.program-info-table td.col2.border-bottom { border-bottom: 1px solid #2a5f8d; }
.program-info-table td.col3               { width: 133px; border-top: 1px solid #ebebeb; }
.program-info-table td.col3.shade         { background-color: #f5f5f5; font-weight: bold; }
.program-info-table td.col3 span.amount   { color: #929292; font-size: 13px; font-weight: bold; }
.program-info-table td.col3.title         { color: #303030; font-size: 13px; font-weight: bold; line-height: 20px; padding-left: 0; padding-right: 0; }
.program-info-table td.middle        { vertical-align: middle; }
.program-info-table td.no-border-top { border-top: none; }
table.program-info-table td          { padding: 3px 10px; vertical-align: top; }
.program-info-table td a       { font-weight: normal; text-decoration: none; }
.program-info-table td a:hover { font-weight: normal; text-decoration: underline; }
.program-info-table td.shade         { background-color: #f5f5f5; font-weight: bold; }
.program-info-table td.border-top    { border-top: 1px solid #ebebeb; }

.table-striped td {
    padding: 4px 0;
    border-bottom: 1px solid #ddd;
}


/* Forms
----------------------------------------------- */
select, textarea, input.text { font: inherit; border-color: #ccc; background-color: #fff; padding: 3px 10px; }
select:focus, textarea:focus, input.text:focus { border-color: #6d6a6a; outline: none; }
select { height: 32px; }

/* Buttons
----------------------------------------------- */
.btn-ci {
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    background-color: #e82c32;
    padding: 6px 25px;
    cursor: pointer;
    border: 0;
    text-align: center;
}
.btn-ci:hover {
    color: #fff;
    background-color: #bf272c;
    text-decoration: none;
}
.btn-ci-sm {
    font-size: 14px;
    padding: 4px 15px;
}
.btn-ci-lg {
    font-size: 20px;
    padding: 15px 45px;
}


/* Home/Login
----------------------------------------------- */
.section { padding: 40px 0; }
.section-login { background-color: #e42d38; color: #fff; margin-top: -40px; }
.section-container { margin: 0 auto; width: 1140px; }
.section-login h2 { color: #fff; font-weight: bold; font-size: 38px; }
.section-login .login-container { background-color: #fff; padding: 20px; color: #000; }

.section-how-does-it-work p { font-size: 18px; line-height: 25px; }

.section-get-started { background-color: #eaeaea; }
.section-get-started p { font-size: 18px; line-height: 25px; }

.home-action-wrapper       { float: left; margin-right: 25px; margin-bottom: 20px; }
.home-action-wrapper .last { margin-right: 0; }
.home-action-container     { width: 350px; min-height: 325px; border: 1px solid #cccccc; background: #fff;}
.home-action-header        { font-size: 20px; font-family: 'Roboto Slab', serif; color: #FFF; background-color: #6d6a6a; padding: 8px 0 8px 20px; text-transform: uppercase; }
.home-action-body          { padding: 20px;}

#login          { margin-top: 10px; }
#login td       { height: 30px; vertical-align: middle; }
#login td.right { text-align: right; padding: 3px 10px 3px 0; font-weight: 600; }


/* Client Insights
----------------------------------------------- */
.section-client-insights {
    background: #f5f6f8 url('../img/masthead-client-insights.jpg') top center no-repeat;
    height: 316px;
    margin-top: -40px;
}
.section-dark {
    background-color: #f4f4f4;
}


/* Survey Customization
----------------------------------------------- */
.customize-level-1            { margin-bottom: 5px; font-weight: bold; }
.customize-level-2            { margin-bottom: 5px; }
.customize-level-3            { background-color: #E9EACD; font-weight: bold; padding: 5px 10px; margin: 15px 0 5px 0; }
.customize-question-container { background-color: #FEFFE0; border: 1px solid #E9EACD; padding: 10px; }
.customize-divider            { margin: 8px 0; }
.customize-questions td       { padding: 3px 0; }


/* Survey Templates
----------------------------------------------- */
.question                     { font-weight: normal; background-color: #efefef; }
td.actions                    { padding-left: 15px; text-align: right; }
.question table td.code       { padding-right: 5px; text-align: left; }
.question table td.mandatory  { color: red; }
.question table td.border-all { border: 1px solid #ccc; width: 150px; }
.question-group-1             { margin-bottom: 20px; }
.question-group-1 table td    { font-weight: 600; }
.question-group-1 .question   { border: 1px solid #e4e2e2; padding: 10px; margin-bottom: 30px; margin-top: 10px; }
.question-group-1 .question table td { padding: 3px; font-weight: normal; }
.question-group-2           { background-color: #efefef; border: 1px solid #e4e2e2; padding: 10px; font-weight: normal; margin-bottom: 30px; margin-top: 20px; }
.question-group-2 .question { border: none; margin-bottom: 0; margin-top: 10px; padding: 0; }
.question-group-2 table td  { margin-bottom: 5px; font-weight: normal; }
.question-group-2 .question table td { padding: 3px; }
.question-group-3           { margin: 15px 0 5px 0; }
.question-group-3 table td  { background-color: #e82c32; color: #fff; margin-bottom: 5px; padding: 5px 10px; vertical-align: middle; }
.question-group-3 .question { border: none; color: #717171; margin-bottom: 0; margin-top: 5px; padding: 0 10px; }
.question-group-3 .question table td { background-color: #efefef; color: #717171; font-weight: normal; padding: 3px; vertical-align: top; }


/* Modal windows
----------------------------------------------- */
.modal-window { float: left; width: 900px; clear: both; padding: 20px; }

.testimonial        { margin-top: 30px; margin-bottom: 5px; }
.testimonial-source { text-align: right;  }

/* Messages
----------------------------------------------- */
#message-container                { border: 1px solid #fdf537; background: #fffdc6; padding: 10px 15px; color: #4a4a4a; margin-bottom: 10px; -moz-border-radius: 5px; webkit-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; outline: 0; }
#message-container ul             { margin: 0; }
#message-container ul li          { margin: 5px 0 0 0; padding: 0 0 5px 25px; border-bottom: 1px solid #ece547; }
#message-container ul li:last-child { border-bottom: 0; }

#message-container ul li.bullet   { background: url(../img/icon_message_bullet.png) -1px 1px no-repeat; }
#message-container ul li.alert    { background: url(../img/icon_message_alert.png) 0 4px no-repeat; }
#message-container ul li.reminder { background: url(../img/icon_message_reminder.png) 0 4px no-repeat; }
#message-container ul li.flag     { background: url(../img/icon_message_flag.png) 0 4px no-repeat; }
#message-container ul li.question { background: url(../img/icon_message_question.png) 0 4px no-repeat; }
#message-container ul li.info     { background: url(../img/icon_message_info.png) 0 4px no-repeat; }


/* Slider
----------------------------------------------- */
.l-sidebar-slider-wrapper       { margin-top: 20px; width: 166px; }
.l-sidebar-slider-wrapper ul    { list-style: none; margin:0; padding: 0; }
.l-sidebar-slider-wrapper ul li { margin:0; padding: 0; }
.l-sidebar-slider-wrapper p     { margin: 0 0 10px 0; }