@import url(../_css/normalize.css);


/*TAG SPECIFIC */
HTML, BODY { height: 100%; width: 100%; }
BODY { background-color: #e6e6e6; font-family: Arial, sans-serif; color: #666; font-size: 12px; }
H1 { font-size: 22px; color: #333; margin-bottom: 5px; }
H2 { font-size: 18px; color: #555; margin-top: 12px; margin-bottom: 3px; }
H3 { font-size: 14px; color: #555; }
H4 { font-size: 12px; color: #666; }
A { color: #000; }
A:hover { color: #555; }
A.readmore { font-size: 11px; text-align: right; display: block; margin-bottom: 20px; }
A.listen { background: #fff url(../_img/icon_audio.gif) no-repeat left center; height: 16px; font-size: 11px; display: block; margin: -10px 0 20px 0; padding-left: 20px; }
P { margin: 0px 0 15px 0; line-height: 15px; }
UL, OL { margin-bottom: 20px; }
UL.bullets { padding-left: 20px; list-style-type: square; line-height: 17px; }
OL.numbers { padding-left: 20px; list-style-type: decimal; line-height: 17px; }
LI.ico { padding-left: 20px; background-repeat: no-repeat; line-height: 18px; }
LI.pdf { background-image: url(../_img/ico_pdf.gif);  }
LI.globe { background-image: url(../_img/ico_globe.gif); }
DIV.text-image-block { clear: both;}
DIV.text-image-block IMG { float: right; border: 1px solid #999; padding: 2px; margin: 0 0 20px 20px;}
PRE { font-family: Arial, sans-serif; }
TABLE.form TD { padding: 3px; }
TABLE.form INPUT { width: 150px;  }
TABLE.form TEXTAREA { width: 300px; height: 70px; font-family: Arial, sans-serif; font-size: 12px; }
P.sub { font-size: 10px; line-height: 11px;}
.field-highlight {}
.error-highlight { border: 2px solid #c30;}
.error { color: #c30; font-weight: bold; }
.highlight { background-color: #fff261; padding: 4px; font-weight: bold; color: #000; }


/* GLOBAL */
#header { background: transparent url(../_img/header_bg.jpg) repeat-x; height: 113px; }
#header-content { position: relative; width: 927px; margin: auto; height: 113px; overflow: hidden; }/* overflow hidden is for IE 6 space issue */
#logo { xdisplay:block; }
#search-box { height: 27px; width: 255px; text-align: right; position: absolute; top: 60px; right: 0px; }
#search-box INPUT { margin-top: -10px; position: absolute; top: 15px; left: 0px; width: 220px; }

#top-nav { float: right; position: absolute; top: 15px; right: 0px; }
#top-nav-on { background: transparent url(../_img/top_nav_bg_on.gif) repeat-x; }
#top-nav UL { margin: 0; }
#top-nav LI { float: left; font-size: 10px; margin-right: 10px; }
#top-nav LI A { color: #fff; text-decoration: none; }
#top-nav LI A:hover { text-decoration: underline; }

#main-nav { position: absolute; top: 69px; right: 0px; }
#main-nav UL { float:right; }
#main-nav1 { border-left: 1px solid #a7a7a7; width: 86px;}
#main-nav LI { float: left; font-size: 14px; font-weight: bold; }
#main-nav LI A { text-shadow: #fff 2px 2px 2px; text-decoration: none; display: block; height: 36px; line-height: 36px; color: #333; border-right: 1px solid #a7a7a7; padding: 0 20px; text-align: center;  }
#main-nav LI A:hover { color: #000; background:transparent url(../_img/top_nav_bg_ovr.gif) repeat-x;}
#main-nav LI.selected A { color: #000 !important; background:transparent url(../_img/top_nav_bg_on.gif) repeat-x; }
#main-nav LI.selected A:hover { color: #000 !important; }

#main { background: #fff url(../_img/content_bg.gif) repeat-y; width: 1001px; margin: auto; }
#main-block { min-height: 580px; width: 927px; margin: auto; }

#left-nav-header { text-shadow: #fff 2px 2px 2px; padding: 0 25px 0 25px; font-weight: bold; height: 39px; line-height: 39px; background: transparent url(../_img/left_nav_header_bg.jpg) repeat-x; }
#left-nav-header A { color: #333; text-decoration: none; }
#left-nav-header A:hover { color: #333; text-decoration: underline; }
#left-nav { border-right: 1px solid #ccc; vertical-align: top; height: 580px; width: 230px; background: transparent url(../_img/left_bg.gif) no-repeat; }
#left-nav UL { margin: 10px 20px 40px 20px; }
#left-nav LI {  border-bottom: 1px solid #ccc; padding-left: 20px; }
#left-nav LI A { text-decoration: none; color: #666; display: block; font-size: 12px; padding: 5px 0 5px 0; }
#left-nav LI A:hover { color: #000; text-decoration: underline; }
#left-nav LI.selected { background: #fff url(../_img/left_nav_selected_bg.jpg) no-repeat;} 
#left-nav LI.selected A { color: #000 !important; }
#left-nav LI.selected A:hover { color: #000 !important; }

#left-promos IMG { display: block; margin: 30px auto 20px auto; }
#left-promos BLOCKQUOTE { text-indent: 25px; position: relative; margin: 20px 30px 10px 20px; }
#left-promos BLOCKQUOTE .quote { font-size: 80px; color: #666; position: absolute; width: 20px; height: 30px; display: block; }
#left-promos BLOCKQUOTE .quote-left { top: -25px; left: -30px; }
#left-promos BLOCKQUOTE .quote-right { bottom: 20px; right: 10px; }
#left-promos CITE { display: block; text-align: right; margin-top: 4px; }

#main-content { vertical-align: top; width: 696px; }
#main-content-copy { padding: 10px 20px 20px 20px; }

#bread-crumb { font-size: 11px; margin-bottom: 10px; }
#bread-crumb A { color: #666; }
#bread-crumb A:hover { color: #000; }
.divider-yellow { background: transparent url(../_img/yellow_sm_bg.gif) repeat-x; height: 19px; }
.pic-sm { float: right; clear: both; margin: 0 0 10px 10px; }
.image-action { width: 236px; float: right; margin: 0 0 10px 10px;}
.pix-border { padding: 2px; border: 1px solid #999; margin: 5px; }
.image-action IMG { }
.image-action .btn { padding: 2px; border: 1px solid #999; color: #fff; text-align: right; padding: 0 10px 0 10px; text-decoration: none; display: block; background: transparent url(../_img/btn_bg.gif) repeat-x; height: 31px; line-height: 31px; }
.image-action A.btn:hover { text-decoration: underline; }
.image-action UL { margin: 5px 0 0 10px; }
.image-action LI {  display: block; background: #fff url(../_img/icon_audio.gif) no-repeat left center; height: 16px; padding-left: 20px; font-style: italic;}
.image-action-left { width: 236px; float: left; margin: 0 10px 10px 0;}

#footer { background: #000 url(../_img/footer_bg.jpg) repeat-x; height: 96px; color: #999; font-size: 10px; }
#footer A { color: #999; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
#footer-content { width: 927px; margin: auto; padding-top: 20px; }
#footer-content UL { }
#footer-content UL LI { margin: 2px; }
#footer-copyright { float: left; }
#footer-contact { float: right; text-align: right; }
#daylight { color: #666 !important; }


/* HOME STYLES */
#home-welcome { clear: both;}
#home-welcome-copy { vertical-align: top; padding: 25px; width: 100%; vertical-align: top; }
#home-welcome-img { vertical-align: top; }
#home-mid-divider { height: 32px; background: transparent url(../_img/yellow_bg.gif) repeat-x; }
#home-features { vertical-align: top; }
#home-features H3 { font-size: 16px; }
#home-features-section { margin: 20px 33px 20px 33px; }
#home-features-section TD { vertical-align: top; }
#home-bottom { background: #fff url(../_img/home_bot_bg.jpg) repeat-x; }
#home-news { vertical-align: top; width: 100%; border-left: 1px solid #cfcfcf; background: #eee url(../_img/right_bg.gif) repeat-y right center; }
.section-header { padding: 0px 15px 0 15px; font-size: 13px; text-shadow: #fff 2px 2px 2px; line-height: 38px; height: 38px; background: #fff url(../_img/section_header.jpg) repeat-x;}
.section-header H3 { color: #333; font-size: 12px; }
.home-feature { padding: 10px 10px 0px 8px; }
.news-copy { margin: 20px; padding-top: 10px; }
.news-divider { border-bottom: 1px solid #ccc; }
.btn { width: 150px; display: block; height: 38px; background: transparent url(../_img/btn_left.gif) no-repeat; }
.btn A { margin-left: 10px; display: block; height: 38px; line-height: 38px; padding-right: 8px; text-align: center; color: #fff; background: transparent url(../_img/btn_right.gif) no-repeat right center; text-decoration: none; }
.btn A:hover { text-decoration: underline; }
.arrow { font-size: 17px; }
.arrow-yellow { color: #feff00; }
#slideShowContainer { height: 388px; width:540px; } 
.slideshow-container {position:absolute; bottom: 20px; left: 15px; z-index: 10000; width: 100px; height: 20px;}
.slideshow-btn { cursor: pointer; float: left; margin: 4px; width: 17px; height: 17px; background: #000 url(../_img/slideshow_btn_off.gif) no-repeat; }
.slideshow-btn-on { background: #fff url(../_img/slideshow_btn_on.gif) no-repeat; }


/* CONTACT STYLES */
#company-directory {  }
#company-directory TABLE { border-collapse: collapse; background-color: #fafafa; }
#company-directory TD { padding: 5px; border-collapse: collapse; }
#company-directory TD.header { background-color: #efefef; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.contact-location { width: 610px; margin: 0 0 20px 0; }
.contact-location TD { vertical-align: top; }
.contact-directory { }
.map { width:420px; height:230px; border: 1px solid #000; float: right; }

/* SITEMAP STYLES */
#sitemap UL { padding-left: 20px; list-style-type: square; }

/* ANSWER MAN */
div.question {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc}

/* PRODUCT STYLES */
.pix-bullets ul { width: 100px; float: left; margin-left: 0px; padding-left: 0px;   }
.image-action .pix-bullets li { list-style: disc; margin-left: 0px; background-image: none; font-style:normal; padding-left: 10px; }
.product { clear: both; }
.product h2 { padding-top: 15px; padding-left: 5px; }
.product p { padding-left: 5px; }

/** Contractor Login Style **/
#contractor_signin { color: #7a7a7a; }
div#contractor_profile_header h1 { color: #424242; }
#contractor_signin label { font-weight: bold; }
#contractor_signin a:link { color: #424242; }
#contractor_signin a:visited{ color: #424242; }
#contractor_signin a:hover { color: #7a7a7a; }
#forgot_password { display: none; }

/** Contractor Invoicing Style **/
div#invoice_details_header h1 { color: #424242; }
table.invoice_table { font-size: 14px; border: 1px solid #d7d7d7; background-color: #f3f3f3; margin-bottom: 10px; }
table.invoice_table th.one { font-size: 12px; font-weight: bold; padding: 8px; border-bottom: 1px solid #d7d7d7; text-align: left; }
table.invoice_table th.two { font-size: 10px; font-weight: bold; padding: 8px; border-bottom: 1px solid #d7d7d7; text-align: left; }
table.invoice_table td.td_one { padding: 14px; }
table.invoice_table td.td_two { padding: 8px; font-size: 11px; }
table.invoice_table td.td_three { padding: 8px; font-size: 10px; }
table.invoice_table td.td_four { padding: 0px 10px 10px 10px; font-size: 11px; }
table.invoice_table td.border { border-bottom: 1px solid #d7d7d7; }
table.invoice_table td span.highlight_red { color: #ff391f; font-weight: bold; }
table.invoice_table td table.invoice_innertable { width: 75%; float: right; margin: 14px 0px 14px 0px; font-size: 12px; }
table.invoice_table td table.invoice_innertable  th{ text-align: left; }
table.invoice_table td table.invoice_innertable  td{ padding-top: 5px; font-weight: bold; }
div#invoice_print { text-align: right; }

/** Contractor Statement Styling **/
div#statement_header { margin-bottom: 10px; }
div#statement_header h1{ padding-right: 5px; color: #424242; }
div#statement_header span{ font-weight: bold; color: #424242; }
div#statement_survey { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; }
div#statement_survey div.jqmClose { position: relative; top: 0%; left: 92%; cursor: pointer; }
div#statement_survey div#survey { padding: 10px 20px 10px 20px; }
div#statement_survey strong.one { font-size: 14px; color: #424242; }
div#statement_survey strong.two { font-size: 12px; color: #424242; }
div#statement_survey div#survey div.row { padding: 3px 0px 3px 0px; }
div#statement_survey div#survey div.indent { padding: 3px 0px 3px 20px; }
div#statement_details { margin-top: 0px; font-size: 12px; color: #000000; }
div#statement_details strong.one { font-size: 14px; color: #424242; }
div#statement_details  span.date { color: #666666; }
div#statement_details div.margin { margin: 5px 0px 10px 0px; }
div#statement_details div.statement_details_left { width: 58%; float: left; }
div#statement_details div.statement_details_right { width: 40%; float: left; text-align: right;  }
div#statement_details div.white_wrap { background-color: #FFFFFF; width: 160px; text-align: left; float: right; padding: 15px; }
div#statement_tables_wrap { padding: 0px 0px 0px 0px; }
div#statement_list_left { width: 76%; margin: 0% 1% 0% 0%; padding: 0% 0% 0% 1%; float: left; background-color: #f3f3f3; border-right: 1px solid #f3f3f3; }
div#statement_list_right { width: 20%; margin: 0% 0% 0% 0%; padding: 0% 1% 0% 0%; float: left; background-color: #f3f3f3; border-left: 1px solid #f3f3f3; }
table.statement_table_list { background-color: #f3f3f3; color: #414141; }
table.statement_table_list th { padding: 6px 0px 6px 0px; font-size: 10px; text-align: left; }
table.statement_table_list td { padding: 6px 3px 6px 3px; font-size: 10px; background-color: #FFFFFF; border-bottom: 1px solid #d9d9d9; }
table.statement_table_details { margin-bottom: 5px; font-size: 12px; }
table.statement_table_details th { text-align: center; padding: 0px 0px 2px 0px; border-bottom: 1px solid #d9d9d9; }
table.statement_table_details td { text-align: center; padding: 7px 0px 7px 0px; margin: 7px 0px 7px 0px; background-color: #FFFFFF; font-weight: bold; }
table.statement_table_details td.border_left { border-left: 1px solid #d9d9d9; }
table.statement_table_details td.total { background-color: #f3f3f3; padding: 7px 0px 7px 0px; }
div#statement_print { text-align: right; margin-top: 10px;}

/** New Styling **/
div#statement_details_wrap { border-top: 1px solid #d9d9d9; padding-top: 3px; }
div#statement_header div.subtitle_info { margin: -4px 0px 0px 0px; padding: 0px; color: #424242; font-size: 14px; }
div#statement_header div.subtitle_info a { color: #006300; }
div#statement_header div.subtitle_info a:link { color: #006300; }
div#statement_header div.subtitle_info a:visited { color: #006300; }
div#statement_header div.subtitle_info a:hover { color: #006300; }
div#statement_header div#balance_info { font-size: 12px; text-align: right; }
div#statement_header div#balance_info strong { color: #424242; }
div#statement_header span#balance_amount { font-size:20px; font-weight: bold; color: #fe2400; }
table.statement_table_list td.past_due { background-color: #ffc0be; padding-top: 5px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
table.statement_table_list td.not_paid { background-color: #d9e7da; }

div#info_sidebar { width: 185px; margin: auto; }
div#info_sidebar h2 { font-size: 14px; }
div#info_sidebar div.info { margin: 10px 0px 15px 0px; } 
div#info_sidebar span.asterisk { font-weight: bold; color: #FE2400; }

table#info_legend { margin: 5px 0px 10px 0px; }
table#info_legend tr td.red { font-weight: bold; color: #FE2400; }
table#info_legend tr td.green { font-weight: bold; color: #006300;  }

table#info_legend tr td.red span { width: 28px; height: 18px; display: block; background-color: #f7b3b2; }
table#info_legend tr td.green span { width: 28px; height: 18px; display: block; background-color: #cbd9cc; }

/** Contractor Profile Styling **/
div.contractor_profile_wrap { background-color: #f3f3f3; color: #414141; padding: 10px; }
div#contractor_profile_header h1 { color: #424242; }
table.profile_table  input.width_one { width: 150px; }
table.profile_table  input.width_two { width: 180px; }
table#contractor_profile_table1 { padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; }
table#contractor_profile_table1 td { padding: 3px; }
table#contractor_profile_table1 td.left { width: 12%; text-align: right; color: #404143; font-weight: bold; }
table#contractor_profile_table1 td.right { width: 88%; }
table#contractor_profile_table1 td div.pad { padding: 5px 0px 5px 0px; }
table#contractor_profile_table1 td span.bold { font-weight: bold; #404143; }
table#contractor_profile_table2 { margin-top: 15px; }
table#contractor_profile_table2 td { padding: 3px; }
table#contractor_profile_table2 td.left { width: 12%; text-align: right; color: #404143; }
table#contractor_profile_table2 td.center { width: 40%; }
table#contractor_profile_table2 td.right { width: 48%; padding-top: 20px; }
table#contractor_profile_table2 td input { background-color: #eaeaea; padding: 3px; }
table#adminlist tr td { padding: 1px 0px 1px 0px; }

/** Invoice Search Styling **/
div#invoice_search { margin-bottom: 10px; }
table#search_results_table { background-color: #f3f3f3; color: #414141; }
table#search_results_table th { padding: 6px 0px 6px 0px; font-size: 10px; text-align: left; }
table#search_results_table td { padding: 6px 3px 6px 3px; font-size: 10px; background-color: #FFFFFF; border-bottom: 1px solid #d9d9d9; }

/** General Global Styling **/
div#alert_message { background-color: #FFEFEF; color: #FF1F1F; text-align: left; font-weight: bold; margin: 2px 0px 2px 0px; padding: 3px; }
div.wrap_box { background-color: #f3f3f3; padding: 10px; }
div.printer_wrap { text-align: right; }
td.no_results { text-align: center; font-style: padding: 5px 0px 5px 0px; }
.clear { clear: both; }

/** Answerman Assignment Styling **/
div#answerman_message { border: 1px solid #FF2A00; color: #FF2A00; background-color: #FFF2EF; font-weight: bold; padding: 3px; text-align: center; }