* { margin: 0; padding: 0; border: 0; }

body { font: 12px Arial, Helvetica, sans-serif; color: #444; }

.lineHeight { line-height: 18px; }

/* Links */
a { color: #39C; text-decoration: none; }
a:hover { text-decoration: underline; }
#freeeLogo { display: none; }

/*Headings*/
h1 { padding-bottom: 4px; font: 36px Georgia, "Times New Roman", Times, serif; color: #000; }
h2 { padding-bottom: 4px; font: 24px Georgia, "Times New Roman", Times, serif; color: #000; }
h3 { padding-bottom: 7px; font: 14px Georgia, "Times New Roman", Times, serif; color: #820; text-transform: uppercase; }
h3.notxtTrans { padding-bottom: 7px; font: 14px Georgia, "Times New Roman", Times, serif; color: #820; text-transform: none; }
h3.headline { padding-bottom: 7px; font: bold 14px Arial, Helvetica, sans-serif; text-transform: none;}
h4 { padding-bottom: 3px; font: bold 12px Georgia, "Times New Roman", Times, serif; }
h4.steps { padding-top: 2px; font: normal 16px Arial, Helvetica, sans-serif; }

/* Lists */
ul.list li { padding-left: 10px; list-style-type: none; background: url('../images/list_diamond.gif') no-repeat 0 7px; }
ul.arrow li { padding-left: 10px; list-style-type: none; line-height: 22px; background: url('../images/list_arrow.gif') no-repeat 0 7px; }
ul.noList { list-style-type: none; }
ul.noListFloat li { float: left; padding: 0 0 23px 13px; list-style-type: none; }
ul.indent { padding-bottom: 21px; }
ul.indent li { padding-left: 25px; list-style-type: none; background: url('../images/list_diamond.gif') no-repeat 15px 7px; }
ul.indentDH li { padding-left: 25px; list-style-type: none; background: url('../images/list_diamond_hollow.gif') no-repeat 15px 7px; }
ul.indentSQ li { padding-left: 25px; list-style-type: none; background: url('../images/list_square.gif') no-repeat 15px 7px; }
ul.indentSQH li { padding-left: 25px; list-style-type: none; background: url('../images/list_square_hollow.gif') no-repeat 15px 7px; }
ul.arrow li { padding-left: 10px; list-style-type: none; line-height: 22px; background: url('../images/list_arrow.gif') no-repeat 0 7px; }

ol li { margin-left: 36px; padding-left: 4px; }

ol.steps li { padding-left: 36px; list-style-type: none; }
ol.steps li.step1 { background: url('../images/step1.gif') no-repeat; }
ol.steps li.step2 { background: url('../images/step2.gif') no-repeat; }
ol.steps li.step3 { background: url('../images/step3.gif') no-repeat; }
ol.steps li li { padding-left: 25px; background: url('../images/step_arrow.gif') no-repeat 0 3px; }


/* Text */
p { padding-bottom: 17px; }
span { color: #999; }
small { font: 11px Arial, Helvetica, sans-serif; color: #999; }
small.tiny { font-size: 10px; }
small.blkLinks a { color: #000;	}
.variables { color: #333; font-weight: bold; }

/* Quicklinks */
.quicklinks { float: right; padding-left: 14px; width: 123px; background-color: #FFF; }

/* Verticle Alignment */
.amiddle { vertical-align: middle; }

/* Horizontal Divider */
.hr { margin-top: 8px; margin-bottom: 9px; height: 1px; background-color: #DDD; }

/* Clear Box */
.clear { margin: 0; padding: 0; height: 0; clear: both; }

/* Highlights */ 
.highlight { margin: 5px 0 23px 0; padding: 8px 13px 8px 13px; border-top: solid 1px #FC6; border-bottom: solid 1px #FC6; background-color: #FFC; }
.error { display: block; margin: 5px 0 23px 0; padding: 13px 13px 13px 53px; font-weight: bold; font-size: 13px; color: #000; background: url('../images/icon_error.gif') left no-repeat #FDD; background-position: 13px 8px; border: solid 1px #B55; }

/* Legend styles */ 
.legends td { padding: 8px 13px 9px 13px; vertical-align: top; color: #333;  }
.legends td.tablehead { vertical-align: top; background: #CCC; color: #000; font-size: 12px; font-weight: bold }
.legends td.secnav { font-family: arial; font-size: 10px; color: #999; margin-top: 2px; }
.legends tr.wbg { background: #EEE; }

/* Forms */
.frmLayout .frmLabel { display: inline-block; padding: 0 0 6px 0; color: #444; width: 100%; text-align: right; }
.frmLayout .frmText { margin: 0 0 7px 13px; padding: 3px 5px 3px 5px; width: 274px; color: #444; border: solid 1px #AAA; }
.frmLayout .frmTextArea { margin: 0 0 7px 13px; padding: 3px 5px 3px 5px; width: 274px; height: 95px; font: 12px Arial, Helvetica, sans-serif; color: #444; border: solid 1px #AAA; }
.frmLayout .noClassCkRd { margin: 0 0 0 13px; padding: 0; width: auto; border: none; text-align: left; }
.frmLayout .noClassLabel { margin: 0; padding: 0; width: auto; border: none; text-align: left; }
.frmLayout .textSpace { display: inline-block; margin: 0 0 7px 13px; padding: 3px 5px 3px 5px; }
.frmLayout select { margin: 0 0 7px 13px; padding: 2px 2px 2px 5px; width: 286px; color: #444; border: solid 1px #AAA; }
.frmLayout select.noClass { margin: 0 0 7px 13px;  width: 100px; }
.frmLayout select.ddDropDown { width: 135px; margin: 0 0 7px 0; padding: 2px; }
.frmLayout select.medium { width: 135px; margin: 0 0 7px 13px; padding: 2px; }
.frmLayout select.small { width: 70px; margin: 0; padding: 2px; }
.frmLayout input.buttonOff { margin: 19px 0 0 13px; padding: 0; width: auto; height: auto; border: none; }
.frmLayout span.frmTip { display: inline-block; margin-bottom: 4px; padding: 0 0 5px 13px; }
.frmLayout span.frmTipSelect { display: inline-block; margin-bottom: 4px; padding: 0 0 5px 10px; }
.frmLayout .frmImportant { display: inline-block; margin: 0 0 0 13px; padding: 3px 5px 3px 5px; width: 274px; font-weight: bold; color: #444; border-top: solid 1px #FC6; background-color: #FFC; }
.frmLayout tr.hide { display: none; }
.frmLayout p { display: block; padding-left: 13px; }
.frmLayout input:focus, textarea:focus, select:focus {  background-color: #FAF9F0; }

.textBoxWatermark { margin: 0 0 7px 13px; padding: 3px 5px 3px 5px; width: 274px; height: 95px; font: 12px Arial, Helvetica, sans-serif; color: #999; border: solid 1px #AAA; }

.hideBox { display: none; }
.showBox { display: table-row; }

/* Table styles */
table.chart { border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; background-color: #FFD; }
table.chart col { background-color: #EEF6FF; }
table.chart .col3 { background-color: #FFF; }
table.chart thead { background-color: #DC8; }
table.chart thead.theadsub { background-color: #FFD; }
table.chart tr.whiteBg { background-color: #FFF; }
table.chart td, table.chart th { padding: 8px 13px 9px 13px; border-spacing: 0; border: solid 1px #AAA; border-right: 0; border-bottom: 0; }

table.chartLayer { border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; background-color: #FFF; }
table.chartLayer col { background-color: #EEF6FF; }
table.chartLayer thead { background-color: #EEE; }
table.chartLayer td, table.chart th { padding: 8px 13px 9px 13px; border-spacing: 0; border: solid 1px #AAA; border-right: 0; border-bottom: 0; }

table.level { border: solid 1px #DDD; border-top: 0; border-right: 0; background-color: #FFF; }
table.level thead { background: url('../images/gradient_levels.jpg') top repeat-x; }
table.level .tfoot { background-color: #F4F4F4; }
table.level .tfoot td { padding: 13px; }
table.level th { padding: 6px 13px 8px 13px; text-align: right; font-weight: normal; border: solid 1px #DDD; border-bottom: 0; border-left: 0; }
table.level col { background-color: #FFF; }
table.level .col2 { background-color: #FBF9EA; }
table.level td { padding: 4px 13px 6px 13px; border-spacing: 0; border: solid 1px #DDD; border-left: 0; border-bottom: 0; }
table.level h3 { float: left; padding: 0; }
table.level span.L_1 { display: block; padding-top: 2px; float: left; font: bold 16px Arial, Helvetica, sans-serif; color: #18B; text-transform: none; }
table.level span.L_2 { display: block; padding-top: 2px; float: left; font: bold 16px Arial, Helvetica, sans-serif; color: #D31; text-transform: none; }
table.level .price { font: bold 13px Arial, Helvetica, sans-serif; color: #000;}
table.level span sup { font-size: 12px; }

/********* Paging *********/

ul.paging li { float: left; margin: 3px 0 0 3px; list-style: none; }
ul.paging a { display: block; padding: 0 5px 0 5px; min-width: 8px; text-align: center; border: solid 1px #DDD; }
ul.paging a:hover { border: solid 1px #C53; background-color: #FFD; }
ul.paging a.noBlock { float: none; display: inherit; text-transform: capitalize; padding: 0; border: 0; }
ul.paging a.noBlock:hover { background: none; border: none; }
ul.paging .select { border: solid 1px #C53; background-color: #FFD; }

.pagingResults { width: 748px; margin-bottom: 26px; }
.pagingResults .left { float: left; width: 320px; }
.pagingResults .right { float: left; width: 428px; }
.pagingResults .right .container { float: right; }
.pagingResults .right .rightLeft { float: left; }	
.pagingResults .right .rightRight { float: left; }
.pagingResults.marginTop { margin-top: 26px; }
.pagingResults.paddingTop { padding-top: 13px; }
.pagingResults select.medium { width: 95px; margin: 0 0 0 0; padding: 2px; }

/* Header */

.header { min-width: 500px; margin-bottom: 22px; border-bottom: solid 1px #DDD; background: url('../static/popups/images/gradient_header_popup.jpg') bottom repeat-x; }
.header .logo { float: left; padding: 13px; }
.header .close { float: right; border-left: solid 1px #CCC; }
.header .close strong { display: none; margin: 0; padding: 0; }
.header .close p { margin: 0; padding: 0; }
.header .close a { display: block; width: 71px; height: 71px; background: url('../static/popups/images/icon_close_popup.gif') no-repeat; }
.header .close a:hover {  background-position: -71px; }

/*********  Instant View *********/

.instantView { padding: 8px 13px 13px 13px; height: 200px; min-height: 200px; height: auto; background: url('../images/gradient_instantview.png') top repeat-x #DDD; }
.instantView .container { width: 100%; }
.instantView .left { float: left; width: 50%; }
.instantView .right { float: left; padding-top: 3px; width: 50%; text-align: right; } 
.instantView .formView { position: relative; margin-top: 13px; width: 722px; background-color: #FFF; }
.instantView .formView a { color: #39C!important; }
.instantView .instantPaging { border-top: solid 13px #DDD; padding: 6px 13px 13px 13px; background-color: #FFF; }

.instView { margin: 0 20px 0 20px; padding: 8px 13px 13px 13px; width: 722px; height: 200px; min-height: 200px; height: auto; background: url('../images/gradient_instantview.png') top repeat-x #DDD; }
.instView .left { float: left; width: 50%; }
.instView .right { float: left; padding-top: 3px; width: 50%; text-align: right; } 
.instView .formView { position: relative; margin-top: 13px; width: 722px; background-color: #FFF; }
.instView .formView a { color: #39C!important; }

.backTop { margin: 0 auto; width: 174px; }
.backTop .container { margin: 26px 0 0 0; padding: 8px 13px 8px 13px; width: 148px; text-align: center; font-weight: bold; border: solid 1px #FC6; background-color: #FFC; }

.loader { margin: 30px 0 0 205px; position: absolute; width: 319px; height: 97px; cursor: progress; font: bold 14px Arial, Helvetica, sans-serif; background: url('../images/background_loader_bar.png') no-repeat; z-index: 50;  }
.loader .status { padding: 36px 0 20px 108px; background: url('../images/loading.gif') no-repeat; background-position: 60px 27px; }

.upgradeAccount { background-color: #F4F4F4; }
a.upgradeButton { position: relative; float: right; margin-right: 34px; z-index: 1001; }

table.InstantForm { color: #000; }
table.InstantForm h3 { margin: 0; padding: 0; font: bold 15px Arial, Helvetica, sans-serif; color: #000; text-transform: none; }
table.InstantForm span.info { color: #C00; }
table.InstantForm small.smaller { color: #000; }
table.InstantForm a { text-decoration: underline; color: #39C; }
table.InstantForm a:hover { text-decoration: none; }
table.InstantForm a.codesLegends { color: #39C!important; }
table.codesLegends td { padding: 3px 5px 3px 5px; min-width: 16px; width: 16px; height: 20px; text-align: center; }
table.codesLegends span.codeLinks { color: #39C; }

/*********  5500 *********/

.layerContainer { position: relative; width: 748px; }
.layer { position: absolute; width: 227px; height: 100%; left: 521px; background: #AAA; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: .15; z-index: 1000; }

a.popBox { cursor: pointer; }
.popOut { position: absolute; display: none; padding: 3px; width: 330px; background-color: #DEF; z-index: 100; }
.popOut h3 { display: block; margin: 0; padding: 10px 0 10px 13px; font: bold 13px Georgia, "Times New Roman", Times, serif; color: #FFF; text-transform: none; background: url('../images/gradient_tooltip_header.gif') repeat-x #FFF; }
.popOut h3 a { display: block; float: right; padding: 0 4px 1px 4px; margin-right: 6px; font: bold 13px Verdana, Helvetica, Arial; color: #37A; text-align: center; cursor: pointer; border: solid 1px #37A; background-color: #7BD; }
.popOut h3 a:hover { border: solid 1px #C53; color: #C53; background-color: #FFD; }
.popOut .container { padding: 8px 13px 8px 13px; text-align: left; color: #888; border: 1px solid #37A; background-color: #FFF; }

/*********  Progress Bar *********/

.loaderResults { position: absolute; width: 553px; height: 420px; cursor: progress; font: bold 14px Arial, Helvetica, sans-serif; background: url('../images/background_loader_bar.png') no-repeat #FFF; background-position: 120px 30px; z-index: 50; }
.loaderResults .status { padding: 68px 0 80px 236px; color: #444; background: url('../images/loading.gif') no-repeat; background-position: 185px 60px; }
.loaderResults p { text-align: center; font-weight: normal; }

.loader { margin: 30px 0 0 205px; position: absolute; width: 319px; height: 97px; cursor: progress; font: bold 14px Arial, Helvetica, sans-serif; background: url('../images/background_loader_bar.png') no-repeat; z-index: 50;  }
.loader .status { padding: 36px 0 20px 108px; background: url('../images/loading.gif') no-repeat; background-position: 60px 27px; }

/* Content */
.contentWrp { padding: 0 13px 26px 13px; }

.printPanel { margin: 0 20px 0 20px; padding: 8px 13px 13px 13px; width: 722px; }
.printButton { float: right; padding: 5px 13px 6px 13px; width: 60px; border: solid 1px #FC6; background-color: #FFC; }

/* Footer */
.footer { min-width: 474px; padding: 8px 13px 13px 13px; text-align: center; border-top: solid 1px #CCC; background: url('../static/popups/images/gradient_footer_popup.jpg') repeat-x; }
.footer .container { margin: 0 auto; width: 200px; }
.footer p.block { display: block; float: left; padding: 3px; }