/* ------------------------------------------------------------
 Web Development Project Estimator
------------------------------------------------------------ */
.hide {display:none!important;}
#estimator-overview { float:left;display:inline;width:360px;margin:30px 20px 0 0;padding:0 20px 0 0; }
#estimator-overview h2 { font-family:Georgia,"Times New Roman",Times,serif;font-size:2.77em;margin:0 0 .75em 0;display:block;line-height:1.111em;font-weight:normal; }
#estimator-overview p { font-family:Georgia,"Times New Roman",Times,serif;font-size:1em;margin:1.54em 0;line-height:1.54em;color:#222222; }
#estimator-overview .credits { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.75em;color:#666666; }

/* ------------------------------------------------------------
 Estimate Form Table
------------------------------------------------------------ */

#estimate-form { float:left;display:inline;width:540px;margin:0px 0 15px 0;font-family:Arial,Helvetica,sans-serif;font-size:1em; }
#estimate-form table { width:540px;line-height:1.23em; }
#estimate-form thead th { font-size:10px;text-align:center;vertical-align:middle;color:#AAAAAA;text-transform:uppercase; }
#estimate-form thead th.project-title,
#estimate-form thead th.rate { padding-left:15px;text-align:left; }
#estimate-form thead .col-heads th { padding-top:10px; }
#estimate-form thead td { border-bottom:1px solid #d0d8dd;padding:8px 0 8px 15px; }
#estimate-form thead td.project-title { vertical-align:top; }
#estimate-form thead td .title { display:inline;line-height:1.25em;float:left;padding-right:10px; }
#estimate-form thead #title_field,
#estimate-form thead #default_rate_field { margin-right:10px; }
#estimate-form thead td .currency { display:inline;line-height:1.25em;float:left; }
#estimate-form thead td .default_rate { display:inline;line-height:1.25em;float:left;padding-right:10px; }
#estimate-form thead td.rate:hover { background:#fcff9d; }
#estimate-form thead td a { display:none;float:left;font-size:11px;line-height:24px;font-weight:normal; }
#estimate-form thead td a.edit { float:left;display:none;width:16px;padding:16px 0 0 0;overflow:hidden;height:0px !important;background:url('../i/edit.gif') 0 0 no-repeat; }
#estimate-form thead td a.save { display:none; }
#estimate-form thead td.project-title:hover,
#estimate-form thead td.hover { background:#fcff9d; }
#estimate-form thead td:hover a { display:inline; }
#estimate-form thead .project-title { text-align:left;width:260px;border-right:1px solid #d0d8dd;padding-right:5px; }
#estimate-form thead .big { font-size:24px;font-weight:bold;color:#000000;text-transform:none;line-height:1.25em; }
#estimate-form tbody #clone_row { display:none; }
#estimate-form tbody tr.alt { background:#e8eff2; }
#estimate-form tbody td { text-align:center;vertical-align:middle;padding:3px 0; }
#estimate-form tbody td .task { float:left;display:inline;width:215px; }
#estimate-form tbody td .task_field,
#title_field { float:left;display:inline;width:175px;margin-right:10px; }
#estimate-form tbody td a { display:none;float:left;margin-right:5px;font-size:.83em;line-height:2em; }
#estimate-form tbody td a.edit { padding:16px 0 0 0;overflow:hidden;width:16px;height:0px !important;background:url('../i/edit.gif') 0 0 no-repeat; }
#estimate-form tbody td a.delete { padding:16px 0 0 0;overflow:hidden;width:16px;height:0px !important;background:url('../i/trash.gif') 0 0 no-repeat; }
#estimate-form tbody td.left:hover,
#estimate-form tbody td.hover { background:#fcff9d; }
#estimate-form tbody td:hover a,
#estimate-form tbody td.hover a { display:inline; }
#estimate-form tbody .alt td { border-top:1px solid #d0d8dd;border-bottom:1px solid #d0d8dd; }
#estimate-form thead .left,
#estimate-form tbody .left { text-align:left;padding-left:15px;width:260px; }
#estimate-form thead .right,
#estimate-form tbody .right { text-align:right;padding-right:15px;width:105px; }
#estimate-form tbody .right { font-weight:bold;font-size:16px; }
#estimate-form table td.operator,
#estimate-form table th.operator { width:20px;color:#7f909a; }
#estimate-form .table_footer { padding:15px 0 0 0;margin-bottom:20px;width:540px;float:left;clear:left;display:inline; }
#estimate-form .table_footer #tf_buttons { width:375px;padding:0 0 0 15px;float:left;display:inline; }
#estimate-form .table_footer #tf_buttons a { margin:0 20px 0 0;float:left;display:inline; }
#estimate-form .table_footer a.add-task { margin:0 20px 0 0;float:left;display:inline;width:78px;padding:21px 0 0 0;overflow:hidden;height:0px !important;background:url('../i/add-task-button.gif') 0 0 no-repeat; }
#estimate-form .table_footer a.add-task:hover { background-position:0 -21px ; }
#estimate-form .table_footer #reset_link { padding:3px 0 3px 10px;font-size:10px;font-family:Verdana,Arial,sans-serif;color:#666666;border-left:1px solid #CCCCCC; }
#estimate-form .table_footer #grandTotal { font-size:20px;color:#526570;font-weight:bold;text-align:right;width:135px;padding:0 15px 0 0;float:right;display:inline; }

/* ------------------------------------------------------------
 Estimate Form Table - Editable
------------------------------------------------------------ */

#title_field,
#currency_field,
select,
#default_rate_field,
#task_field { float:left;display:inline;margin:3px 0; }
#default_rate_field { width:25px;margin-left:5px; }

/* ------------------------------------------------------------
 Footer
------------------------------------------------------------ */

#estimator-fineprint { color:#AAAAAA;font-size:9px;font-family:Verdana,Arial,Helvetica,sans-serif;margin:15px 0 20px 0 ; }

#estimate-form label.save_changes { float:left;display:inline;font-size:.9167em;line-height:1em;color:#666666;margin:15px 0 0 15px; }
#estimate-form label.save_changes input { vertical-align:middle;margin-top:-1px; }
#estimate-form #form_link { margin:0;float:right;width:145px;padding:40px 0 0 0;overflow:hidden;height:0px !important;background:url('../i/view-estimate-button.gif') 0 0 no-repeat; }
#estimate-form #form_link:hover { background-position:0 -40px; }

/* ------------------------------------------------------------
 Print Ready Estimate
------------------------------------------------------------ */

body.ep-body { background:white; }
.ep-body #estimate-form { padding:40px;margin:0 auto;background:white;float:none;display:block; }
.ep-body #estimate-form table tbody td { border-bottom:1px solid #CCCCCC; }
.ep-body #estimate-form table td:hover { background:none; }
.ep-body #estimate-form thead .col-heads th { padding-bottom:10px; }
.ep-body #estimate-form .table_footer #grandTotal { font-size:24px;line-height:1.25em;color:black; }