/* 
    CONTAINER STYLES
*/
#calcContainer .testclass {color:purple;border:1px solid purple;}




/* 
    HEADER STYLES
*/
#calcHeader {}
#calcHeader .header-inner {}

/* 
    FOOTER STYLES
*/
#calcFooter {}
#calcFooter .footer-inner {}

/*
    LOADER STYLES
*/

#calcMessages {display:none;}

.calculator-message {background:#fff;color:#666;font-size:.8em;text-align:left;}
.calculator-message .message-inner {border:3px solid #ccc;padding:10px 15px 15px 15px;}

.calculator-message .btn-close {float:right;background:#999;color:#fff;display:inline-block;text-decoration:none;font-size:8px;font-weight:bold;padding:1px 3px 1px 3px;margin:0 0 5px 5px;border:1px solid #ccc;position:relative;bottom:5px;left:10px;}
.calculator-message .btn-close:hover {background:#666;}

.calculator-message .message-loader {background:transparent url(images/ajax-loader.gif) no-repeat center top;padding:30px 0 0 0;font-weight:bold;width:180px;text-align:center;}

.calculator-message .message-alert {width:180px;}
.calculator-message .message-alert h4 {margin:0 0 6px 0;font-size:1.1em;}

.calculator-message .message-error {width:180px;}
.calculator-message .message-error h4 {color:red;margin:0 0 6px 0;font-size:1.1em;}

.calculator-message-matte {background:#fff;}

.calculator-message .message-sessions {width:200px;}
.calculator-message .message-sessions .sessions-grid {margin:8px 0 0 0;}

.calculator-message .message-sessions .sessions-grid .grid-header {font-weight:bold;background:#eee;}
.calculator-message .message-sessions .sessions-grid .grid-header .grid-row {border-top:1px solid #ccc;}
.calculator-message .message-sessions .sessions-grid .grid-header .grid-col {padding-top:3px;padding-bottom:3px;}

.calculator-message .message-sessions .sessions-grid .grid-content {}
.calculator-message .message-sessions .sessions-grid .grid-content .grid-col-total {color:#000;}

.calculator-message .message-sessions .sessions-grid .grid-footer {background:#F7F7F7;}
.calculator-message .message-sessions .sessions-grid .grid-footer .grid-row {border-bottom-style:solid;}
.calculator-message .message-sessions .sessions-grid .grid-footer .grid-row .row-inner {padding:2px 0 5px 0;}
.calculator-message .message-sessions .sessions-grid .grid-footer ul {margin:0;padding:0;}
.calculator-message .message-sessions .sessions-grid .grid-footer ul li {float:left;padding:0;list-style:none;margin:0 4px 0 4px;}
.calculator-message .message-sessions .sessions-grid .grid-footer ul li a {}

.calculator-message .message-sessions .sessions-grid .grid-row {border-bottom:1px dashed #ccc;}
.calculator-message .message-sessions .sessions-grid .grid-row .row-inner {}
.calculator-message .message-sessions .sessions-grid .grid-col {float:left;padding:6px 2px 6px 2px;}
.calculator-message .message-sessions .sessions-grid .grid-col .col-inner {}

.calculator-message .message-sessions .sessions-grid .grid-col-date {width:80px;}
.calculator-message .message-sessions .sessions-grid .grid-col-total {}
.calculator-message .message-sessions .sessions-grid .grid-col-actions {float:right;padding-bottom:0;}
.calculator-message .message-sessions .sessions-grid .grid-col-actions .btn-primary {margin:-2px 0 0 12px;}




/* 
    PAGE/CONTENT AREA STYLES
*/
#calcPage {}
#calcPage .page-inner {padding:0 0 0 0;}


/*
    WIDGET CONTAINERS
*/
.widgets {}
.widgets .widgets-inner {}

.widgets .widget-container {float:left;}
.widgets .widget-container .widget-container-inner {padding:0 0 0 12px;}

.widgets .widget-sep {display:none;overflow:hidden;}
.widgets .widget-sep1 {}
.widgets .widget-sep2 {}
.widgets .widget-sep3 {display:block;clear:both;height:1px;}
.widgets .widget-sep4 {}

.widgets .widget-container-household {}
.widgets .widget-container-driving {}
.widgets .widget-container-air {}
.widgets .widget-container-total {}
.widgets .widget-container-actions {}


/* 
    GENERAL INPUT FIELD STYLES 
*/

.label {display:inline-block;margin:0 0 6px 0;color:#222;}
.label-hover {color:#000;}

select, input {border:none;padding:0;margin:0;font-family:Verdana;}
		
.textfield {border:1px solid #666;background:#eee;font-size:.85em;padding:0px;overflow:visible;display:block;}
.textfield input {background:transparent;text-align:right;color:#666;font-weight:bold;margin:0;padding:1px 3px 1px 3px;}

.select {border:1px solid #666;background:#eee;font-size:.85em;margin:0 0 0 0;}

.textfield-hover, .select-hover {border-color:#444;}

.textfield-focus, .select-focus {border:1px solid #000;background:#fff;}

.textfield-disabled, .select-disabled {background:#e1e1e1;color:#666;}

.textfield-error, .select-error {border-color:red;}
.label-error {color:red;}

.checkbox {border:1px dotted #666;background:#eee url(images/checkbox.gif) no-repeat 0 0;height:10px;width:10px;display:inline-block;cursor:pointer;}
.checkbox-hover {background-position:0 -10px;}
.checkbox-checked {background-position:0 -20px;border:1px solid #999;}
.checkbox-error {border-color:red;}
.checkbox input {display:none;}



/* 
    GENERAL ACCORDION STYLES 
*/

.accordion {}
.accordion .accordion-inner {}

.accordion .accordion-section {}
.accordion .accordion-section .section-title {font-size:.7em;background:#999;color:#fff;font-weight:bold;margin:0 0 1px 0;padding:3px 6px 3px 6px;cursor:pointer;}

.accordion .accordion-section .trigger-expanded {background:#666;}

.accordion .accordion-section .section-content {font-size:.8em;}
.accordion .accordion-section .section-content-inner {}
.accordion .accordion-section .section-content-inner2 {padding:6px;}
.accordion .accordion-section .section-content .form-row .label {margin-top:0;}
.accordion .accordion-section .section-content .form-row .textfield input {font-size:1em;}
.accordion .accordion-section .section-content .form-row .select {margin-top:1px;}
.accordion .accordion-section .section-content .form-row .checkbox {margin-top:2px;}


/*
    BUTTON STYLES
*/
.btn-primary {height:16px;overflow:hidden;display:inline-block;font-size:.9em;background:transparent url(images/btn-gray-left.gif) no-repeat left 0px;cursor:pointer;color:#fff;text-decoration:none;text-align:center;}
.btn-primary .btn-inner {height:16px;display:inline-block;background:transparent url(images/btn-gray-right.gif) no-repeat right 0px;padding:1px 10px 1px 10px;}

.btn-primary:hover {background-position:left -17px;}
.btn-primary:hover .btn-inner {background-position:right -17px;}


/*
    BOX STYLES
*/
.box-gray {background:#ccc url(images/box-bg-gray-tl.gif) no-repeat 0 0;}
.box-gray .box-gray-inner1 {background: url(images/box-bg-gray-bl.gif) no-repeat 0 bottom;height:100%;}
.box-gray .box-gray-inner2 {background: url(images/box-bg-gray-tr.gif) no-repeat right top;height:100%;}
.box-gray .box-gray-inner3 {background: url(images/box-bg-gray-br.gif) no-repeat right bottom;height:100%;}
.box-gray .box-gray-inner4 {padding:15px;}