@import "/fonts.googleapis.com/css?family=Droid+Sans";
@import "/fonts.googleapis.com/css?family=Voltaire";
* {
    margin: 0;
    padding: 0
    }
html, body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #c3d6c3 url(../../images/content_bg.png) center top repeat
    }
body {
    font: 0.75em Helvetica, Arial, sans-serif;
    letter-spacing: 0
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, select, textarea {
    margin: 0;
    padding: 0
    }
body, h1, h2, h3, h4, h5, h6, p, select, textarea {
    color: #555;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none
    }
a, img, a img {
    border: 0 none;
    outline: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
fieldset {
    border: 0 none
    }
input {
    outline: none;
    color: #333;
    font-family: Arial, Helvetica, Tahoma, sans-serif
    }
blockquote, input, .select-wrap, textarea {
    color: #000;
    background-color: #E8F1D5;
    border: medium none;
    border-radius: 5px
    }
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], input[type="url"] {
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    margin: 2px
    }
input[type="radio"] {
    margin: 2px
    }
.select-wrap {
    padding: 0;
    margin-top: 1px;
    display: inline-block
    }
.select-wrap select {
    margin: 0;
    height: 22px;
    padding: 1px 1px 1px 10px;
    border: medium none;
    color: #000;
    background-color: #E8F1D5;
    border-radius: 5px
    }
.select-wrap select option {
    padding: 3px
    }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
    }
h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
    font-family: "Voltaire", Helvetica, arial, sans-serif
    }
h1 {
    font-size: 180%
    }
h2 {
    font-size: 160%
    }
h3 {
    font-size: 130%
    }
h4 {
    font-size: 110%
    }
h5 {
    font-size: 100%
    }
h6 {
    font-size: 100%
    }
p {
    margin: 0 0 15px 0;
    text-align: justify;
    line-height: 1.4
    }
a {
    color: #008dcf;
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
a:active {
    outline: none
    }
:focus {
    -moz-outline-style: none
    }
.blue {
    color: #1c7a9d
    }
.ltblue {
    color: #2187af
    }
.dkblue {
    color: #05729a
    }
.lt_blue {
    color: #aae8ff
    }
.red {
    color: #c41e20
    }
.gold {
    color: #fec838
    }
.black {
    color: #000
    }
.white {
    color: #fff
    }
.dkgray {
    color: #333
    }
.gray {
    color: #666
    }
.ltgray {
    color: #ccc
    }
.blue-bg {
    background-color: #1c7a9d
    }
.ltblue-bg {
    background-color: #2187af
    }
.dkblue-bg {
    background-color: #05729a
    }
.red-bg {
    background-color: #c41e20
    }
.gold-bg {
    background-color: #fec838
    }
.black-bg {
    background-color: #000
    }
.white-bg {
    background-color: #fff
    }
.dkgray-bg {
    background-color: #333
    }
.gray-bg {
    background-color: #666
    }
.ltgray-bg {
    background-color: #ccc
    }
.bold {
    font-weight: bold
    }
.italic {
    font-style: italic
    }
.uppercase {
    text-transform: uppercase
    }
.nomargin {
    margin: 0 !important
    }
.nopadding {
    padding: 0 !important
    }
.noborder {
    border: 0 none !important
    }
.nowrap {
    white-space: nowrap !important
    }
.nobullets {
    list-style-type: none !important
    }
.floatlt, .floatleft {
    float: left
    }
.floatrt, .floatright {
    float: right
    }
.center {
    text-align: center
    }
.justify {
    text-align: justify
    }
.right {
    text-align: right
    }
.left {
    text-align: left
    }
.clearboth {
    clear: both
    }
.clearrt {
    clear: right
    }
.clearlt {
    clear: left
    }
.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin-top: -1px
    }
.hidden {
    display: none !important
    }
.visible {
    display: block
    }
.full-width {
    width: 100%
    }
.hrule {
    clear: both;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background: #E8F1D5;
    border: 1px solid #E8F1D5;
    margin: 15px auto;
    border-radius: 2px
    }
.onexone {
    width: 1px;
    height: 1px;
    overflow: hidden
    }
.onextwo {
    width: 1px;
    height: 2px;
    overflow: hidden
    }
.onexthree {
    width: 1px;
    height: 3px;
    overflow: hidden
    }
.onexfive {
    width: 1px;
    height: 5px;
    overflow: hidden
    }
.onexsix {
    width: 1px;
    height: 6px;
    overflow: hidden
    }
.onexten {
    width: 1px;
    height: 10px;
    overflow: hidden
    }
.onexfifteen {
    width: 1px;
    height: 15px;
    overflow: hidden
    }
.onextwenty {
    width: 1px;
    height: 20px;
    overflow: hidden
    }
.onexthirty {
    width: 1px;
    height: 30px;
    overflow: hidden
    }
.onexforty {
    width: 1px;
    height: 40px;
    overflow: hidden
    }
.onexfifty {
    width: 1px;
    height: 50px;
    overflow: hidden
    }
#uberwrap {
    margin: 0 auto;
    background: transparent url(../../images/header_bg2.png) 0 0 repeat-x
    }
#wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0
    }
#header {
    width: 960px;
    height: 140px;
    margin: 0 auto;
    background: transparent url(../../images/new_cc_logo21.jpg) 0 0 no-repeat
    }
#header #logo, #header #logo a {
    display: block;
    float: left;
    height: 120px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 360px
    }
#header #ad, #header #user-menu {
    float: right
    }
#header #user-menu {
    margin: 20px 0 0;
    width: 550px
    }
#header #user-menu ul {
    float: right;
    padding: 0
    }
#header #user-menu li {
    display: block;
    float: left;
    list-style-type: none;
    font-size: 11px;
    padding: 2px 3px;
    color: #004e6e
    }
#header #user-menu li a {
    color: #004e6e;
    font-size: 11px;
    text-decoration: none
    }
#header #user-menu li a:hover {
    text-decoration: underline
    }
#nav {
    border-radius: 10px 10px 0 0;
    clear: both;
    color: #EEE;
    font-family: "Voltaire", arial, serif;
    margin: 0 auto;
    overflow: hidden;
    text-shadow: 1px 1px #A8E4E5;
    width: 960px
    }
#nav ul {
    float: left;
    padding: 0 0 0 10px;
    width: 950px
    }
#nav li {
    float: left;
    list-style-type: none
    }
#nav li a {
    color: #FFF;
    display: block;
    font-size: 18px;
    padding: 13px 18px 12px 16px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 #000
    }
#content {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 10px 10px 10px 10px;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 25px 29px 30px;
    width: 900px
    }
#footer {
    border-radius: 3px 3px 3px 3px;
    clear: both;
    color: #000;
    font-size: 11px;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    text-transform: uppercase;
    width: 960px
    }
#footer #gototop {
    float: left;
    padding: 0 0 0 5px;
    width: 200px
    }
#footer #copyright {
    float: right;
    padding: 0 5px 0 0;
    text-align: right;
    width: 745px
    }
#footer #gototop a {
    background: url(../../images/footer-top.png) no-repeat scroll left center transparent;
    margin: 0;
    padding: 2px 0 0 15px
    }
#footer a, #footer a:visited {
    color: #000;
    text-decoration: none
    }
#footer a:hover {
    color: #008dcf
    }
a.external-link {
    font-weight: normal !important;
    display: inline-block;
    padding-right: 14px;
    background: url(../../images/icon_external.gif) no-repeat scroll right center transparent
    }
a.pdf {
    font-weight: normal !important;
    display: inline-block;
    padding-left: 20px;
    background: url(../../images/icon_pdf.png) no-repeat scroll left center transparent
    }
.survey-question {
    float: left;
    margin: 12px 0;
    clear: both;
    width: 100%
    }
.survey-question label {
    font-style: italic
    }
.survey-question div.label {
    font-weight: bold;
    float: left;
    line-height: 23px
    }
.survey-question div.input {
    float: right
    }
.survey-question div.left-input {
    float: left;
    clear: left
    }
.button {
    background: url(../../images/button-a-bg-a.png) repeat-x scroll 0 0 #215773;
    font: 14px/24px "Voltaire", Helvetica, Arial, sans-serif;
    overflow: visible;
    border: 1px solid #C7D5DC;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 0 0 1px #023D5B;
    height: 26px;
    border-radius: 6px;
    padding: 0 20px !important;
    display: inline-block
    }
a.button {
    height: 24px;
    line-height: 24px
    }
.button.large {
    background: url(../../images/button-a-bg-b.png) repeat-x scroll 0 0 #215773;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    padding: 0 35px !important;
    border-radius: 10px
    }
.button:hover {
    background-color: #033e5c;
    background-position: 0 -24px
    }
.button.large:hover {
    background-position: 0 -38px
    }
.form-block {
    width: 870px;
    padding: 0 15px;
    float: left
    }
.form-block-half {
    width: 50%;
    float: left
    }
.form-block-third {
    width: 33%;
    float: left
    }
.form-block-two-thirds {
    width: 570px;
    float: left;
    padding: 0 15px;
    margin-right: 15px
    }
.info-block {
    width: 240px;
    padding: 15px;
    margin: 0 0 10px 0;
    float: left;
    background-color: #dcecf4;
    border-radius: 10px
    }
.message-block {
    width: 870px;
    padding: 15px;
    margin: 5px 0;
    float: left;
    background-color: #dcecf4;
    border-radius: 10px;
    color: green;
    clear: both
    }
.error-block {
    width: 870px;
    padding: 15px;
    margin: 5px 0;
    float: left;
    background-color: #fccdcc;
    border-radius: 10px;
    color: #8e020e;
    clear: both
    }
.alert-block {
    width: 240px;
    padding: 15px;
    margin: 0 0 10px 0;
    float: left;
    background-color: #fccdcc;
    border-radius: 10px;
    color: #8e020e
    }
input.number {
    width: 60px;
    text-align: center
    }
input.name {
    width: 200px
    }
input.car-year {
    width: 60px;
    text-align: center
    }
input.car-make {
    width: 120px
    }
input.car-model {
    width: 200px
    }
input.car-mpg {
    width: 60px;
    text-align: center
    }
input.car-mileage {
    width: 100px;
    text-align: center
    }
.readonly {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important
    }
p.error-item {
    margin-bottom: 5px !important
    }
.form-table-wrap, .form-table-wrap-half, .result-table-wrap, .charts {
    float: left;
    margin: 5px 0 15px;
    padding: 15px;
    border: 1px solid #E8F1D5;
    border-radius: 10px
    }
.form-table-wrap, .result-table-wrap, .charts {
    width: 868px
    }
.form-table-wrap-half {
    width: 400px
    }
.form-table, .result-table {
    width: 100%;
    margin: 0
    }
.form-table th {
    padding: 4px;
    font-size: 12px
    }
.form-table td {
    padding: 4px;
    text-align: center
    }
.form-table td.label {
    text-align: left;
    padding-right: 10px
    }
.form-table td.input {
    text-align: right;
    padding-right: 10px
    }
.form-table td.field {
    text-align: right;
    padding-right: 0
    }
.result-table th {
    padding: 2px 4px;
    background-color: #E8F1D5;
    text-transform: uppercase;
    font-size: 11px
    }
.result-table td {
    padding: 2px 4px;
    border-bottom: 1px dotted #E8F1D5;
    font-size: 11px;
    text-align: right
    }
.result-table td.label, .result-table th.left {
    text-align: left
    }
.result-table th.right {
    text-align: right
    }
.result-table tr.sum.main td {
    border-top: 2px solid #E8F1D5;
    font-size: 13px;
    font-weight: bold;
    padding: 4px
    }
.result-table tr.sum td {
    border-bottom: 0 none
    }
.chart {
    width: 400px;
    margin: 0 15px;
    float: left
    }
.chart h3 {
    text-align: center
    }
ul.sub-components {
    list-style-type: none !important;
    margin-bottom: 15px
    }
ul.sub-components li {
    padding: 4px 0;
    text-align: justify
    }
ul.sub-components li h4 {
    margin: 0 !important;
    display: inline
    }
.pledge-number {
    width: 33%;
    float: left
    }
.pledge-number .label {
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: bold
    }
.pledge-number .value {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px
    }
.pledge-row {
    width: 100%;
    float: left;
    border-top: 1px dotted #E8F1D5
    }
.pledge-row.header {
    margin: 10px 0 0;
    border-top: 0 none !important;
    border-bottom: 1px solid #E8F1D5
    }
.pledge-row .bold.uppercase {
    font-size: 11px
    }
.pledge-row .action {
    width: 750px;
    float: left
    }
.pledge-row .action input[type="text"] {
    width: 100%;
    padding: 0
    }
.pledge-row .lbs {
    width: 120px;
    float: left;
    text-align: right
    }
.pledge-row .lbs input[type="text"] {
    width: 100px;
    text-align: right;
    padding: 0
    }
#pledges-list {
    width: 748px
    }
.tabs-wrapper {
    float: left;
    width: 900px
    }
.tabs {
    background: none repeat scroll 0 0 #EAFEC0;
    border-bottom: 2px solid #B2D06E;
    margin-bottom: 14px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
    }
.tabs {
    background: -moz-linear-gradient(#EAFEC0, #C4DF85) repeat scroll 0 0 transparent
    }
.tabs ul {
    height: 40px;
    list-style: none outside none;
    margin: 0 0 -2px;
    overflow: hidden;
    padding: 10px 0 0;
    width: 100%
    }
.tabs ul li {
    float: left;
    height: 40px;
    margin: 0 0 0 6px;
    position: relative;
    z-index: 2
    }
.tabs ul li:first-child {
    margin-left: 8px
    }
.tabs ul li a {
    background: none repeat scroll 0 0 #B2D06E;
    color: #4A5929;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    position: relative;
    text-decoration: none !important
    }
.tabs ul li a {
    border-radius: 5px 5px 0 0
    }
.tabs ul li a:hover {
    background: none repeat scroll 0 0 #A8CA5B
    }
.tabs ul li a.active {
    background: none repeat scroll 0 0 #FFF;
    color: #333
    }
.tabs div.tab {
    padding: 8px;
    position: relative;
    z-index: 2
    }
a.dashboard-link {
    display: block;
    float: left;
    margin: 5px 15px 5px 0;
    padding: 10px 10px 0 70px;
    width: 64px;
    height: 54px;
    line-height: 15px !important;
    background-repeat: no-repeat;
    background-color: transparent;
    font-weight: bold;
    color: #004e6e;
    font: 14px/24px "Voltaire", Helvetica, Arial, sans-serif;
    overflow: visible;
    border: 1px solid #C7D5DC;
    text-decoration: none !important;
    box-shadow: 0 0 0 1px #023D5B;
    border-radius: 5px
    }
a.dashboard-link:hover {
    background-color: #E8F1D5
    }
#users-link {
    background-image: url(../../images/icon-users.png)
    }
#data-link {
    background-image: url(../../images/icon-data.png)
    }
#mail-link {
    background-image: url(../../images/icon-mail.png)
    }
#baselines-link {
    background-image: url(../../images/icon-vectors.png)
    }
#vectors-link {
    background-image: url(../../images/icon-vectors.png)
    }
#actions-link {
    background-image: url(../../images/icon-vectors.png)
    }
#vendors-link {
    background-image: url(../../images/icon-vectors.png)
    }
#benchmarks-link {
    background-image: url(../../images/icon-vectors.png)
    }
/*
.checklist { list-style-type:none; margin:0; padding:0; }
.checklist li { list-style-type:none; margin:0; padding:2px 0; }

.modal { display:none; background-color:#fff; width:450px; padding:15px; text-align:left; border:2px solid #333; color:#333; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 0 50px #ccc; -webkit-box-shadow:0 0 50px #ccc; }
.modal h3 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #333; font-size:20px; color:#2187af; }
.modal .close-wrap { width:100%; text-align:center !important; margin:10px auto; padding:10px 0 0; border-top:1px solid #333; }

.help { width:14px; padding-right:0 !important; }
.help a { display:block; float:left; margin:4px 0; height:14px; width:14px; background:url(../../images/buttons/help.png) 0 0 no-repeat; cursor:pointer; }
.error { text-align:left; width:325px; height:40px; background:url(../../images/backgrounds/bg_errortip.png) 0 0 no-repeat; font-size:11px; color:#fff; padding:16px; }
.invalid { background-color:#fccdcc !important; border:2px solid #bb0101 !important; }

.tooltip { position:relative; color:#fff; padding:8px 16px; font-size:11px; border-radius:4px; background:#40586b; z-index:98; }
.tooltip:before { border:solid; border-color:#40586b transparent; border-width:6px 6px 0 6px; bottom:-6px; content:""; display:block; left:16px; position:absolute; z-index:99; }

.uploadifyQueue { color:#000; }
.uploadifyQueueItem { background-color:#f5f5f5; border:2px solid #e5e5e5; font:11px Geneva, sans-serif; margin-top:5px; padding:10px; width:350px; }
.uploadifyError { background-color:#fdE5dd !important; border:2px solid #fbcbbc !important; }
.uploadifyQueueItem .cancel { float:right; }
.uploadifyQueue .completed { background-color:#e5e5e5; }
.uploadifyProgress { background-color:#e5e5e5; margin-top:10px; width:100%; }
.uploadifyProgressBar { background-color:#0099ff; height:3px; width:1px; }

#calroot { z-index:10000; margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 15px #666; -webkit-box-shadow:0 0 15px #666; }
#calhead { padding:2px 0; height:22px; } 
#caltitle { font-size:14px; color:#1c7a9d; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd; }
#calnext, #calprev { display:block; width:20px; height:20px; background:transparent url(../../images/buttons/cal-nav.png) 0 0 no-repeat; float:left; cursor:pointer; }
#calnext { background-position:0 -20px; float:right; }
#calprev.caldisabled, #calnext.caldisabled { visibility:hidden; }
#caltitle select { font-size:10px;	}
#caldays { height:14px; border-bottom:1px solid #ddd; color:#1c7a9d; }
#caldays span { display:block; float:left; width:28px; text-align:center; }
#calweeks { background-color:#fff; margin-top:4px; }
.calweek { clear:left; height:22px; }
.calweek a { display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px; } 
.calweek a:hover, .calfocus { background-color:#ddd; }
a.calsun { color:red; }
a.caloff { color:#ccc;	}
a.caloff:hover { background-color:rgb(245, 245, 250); }
a.caldisabled { background-color:#efefef !important; color:#ccc !important; cursor:default; }
#calcurrent { background-color:#1c7a9d; color:#fff; }
#caltoday { background-color:#333; color:#fff; }

#faq { list-type:none; margin:0; padding:0; }
#faq li { list-style-type:none; display:block; float:left; width:880px; padding:0; margin:0 0 10px 0;  }
#faq li div.question { display:block; float:left; width:820px; padding:10px 10px 10px 50px; font-size:14px; margin:0; background:transparent url(../../images/buttons/question-plus.png) 0 0 no-repeat; cursor:pointer; }
#faq li div.question.active { background:transparent url(../../images/buttons/question-minus.png) 0 0 no-repeat; }
#faq li div.answer { display:none; float:left; width:820px; padding:10px 10px 10px 50px; margin:0; background:#2187af; }
#faq li div.answer.active { display:block; }

*/
/* PIE library for rounded corners with CSS3 -----------------------------------------*/
#main_menu li ul, #main_menu li.active a, .rounded_wc, #social, .field input, .question input {
    behavior: url(/staging.signalseven.net/clients/rclaystiles/newcalc/shared/scripts/PIE.htc)
    }