From 49f296ec24071ab0bd5bcbfe93819694223b1066 Mon Sep 17 00:00:00 2001 From: pappastech Date: Mon, 16 Jan 2012 02:16:15 +0000 Subject: [PATCH] Version 2.0_RC1. Upgrade to CI 2.1.0. Tom git-svn-id: svn+ssh://jekkos@svn.code.sf.net/p/opensourcepos/code/@25 c3eb156b-1dc0-44e1-88ae-e38439141b53 --- css/autocomplete.css | 54 ++++++++++++++ css/datepicker.css | 153 +++++++++++++++++++++++++++++++++++++++ css/editsale.css | 11 +++ css/general.css | 154 ++++++++++++++++++++++++++++++++++++++++ css/login.css | 84 ++++++++++++++++++++++ css/menubar.css | 93 ++++++++++++++++++++++++ css/ospos.css | 149 ++++++++++++++++++++++++++++++++++++++ css/ospos_print.css | 41 +++++++++++ css/popupbox.css | 99 ++++++++++++++++++++++++++ css/receipt.css | 60 ++++++++++++++++ css/register.css | 165 +++++++++++++++++++++++++++++++++++++++++++ css/reports.css | 26 +++++++ css/tables.css | 126 +++++++++++++++++++++++++++++++++ css/thickbox.css | 165 +++++++++++++++++++++++++++++++++++++++++++ 14 files changed, 1380 insertions(+) create mode 100644 css/autocomplete.css create mode 100644 css/datepicker.css create mode 100644 css/editsale.css create mode 100644 css/general.css create mode 100644 css/login.css create mode 100644 css/menubar.css create mode 100644 css/ospos.css create mode 100644 css/ospos_print.css create mode 100644 css/popupbox.css create mode 100644 css/receipt.css create mode 100644 css/register.css create mode 100644 css/reports.css create mode 100644 css/tables.css create mode 100644 css/thickbox.css diff --git a/css/autocomplete.css b/css/autocomplete.css new file mode 100644 index 000000000..a062d0410 --- /dev/null +++ b/css/autocomplete.css @@ -0,0 +1,54 @@ +.ac_results +{ + padding: 0px; + border: 1px solid black; + background-color: white; + overflow: hidden; + z-index: 99999; +} + +.ac_results ul +{ + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} + +.ac_results li +{ + margin: 0px; + padding: 2px 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font: menu; + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; + overflow: hidden; +} + +.ac_loading +{ + background: white url('../images/spinner_small.gif') right center no-repeat; +} + +.ac_odd +{ + background-color: #eee; +} + +.ac_over +{ + background-color: #0A246A; + color: white; +} diff --git a/css/datepicker.css b/css/datepicker.css new file mode 100644 index 000000000..2b2a12805 --- /dev/null +++ b/css/datepicker.css @@ -0,0 +1,153 @@ +table.jCalendar { + border: 1px solid #000; + background: #aaa; + border-collapse: separate; + border-spacing: 2px; +} +table.jCalendar th { + background: #333; + color: #fff; + font-weight: bold; + padding: 3px 5px; +} + +table.jCalendar td { + background: #ccc; + color: #000; + padding: 3px 5px; + text-align: center; +} +table.jCalendar td.other-month { + background: #ddd; + color: #aaa; +} +table.jCalendar td.today { + background: #666; + color: #fff; +} +table.jCalendar td.selected { + background: #f66; + color: #fff; +} +table.jCalendar td.selected.dp-hover { + background: #f33; + color: #fff; +} +table.jCalendar td.dp-hover, +table.jCalendar tr.activeWeekHover td { + background: #fff; + color: #000; +} +table.jCalendar tr.selectedWeek td { + background: #f66; + color: #fff; +} +table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { + background: #bbb; + color: #888; +} +table.jCalendar td.unselectable, +table.jCalendar td.unselectable:hover, +table.jCalendar td.unselectable.dp-hover { + background: #bbb; + color: #888; +} + +/* For the popup */ + +/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ + +div.dp-popup { + position: relative; + background: #ccc; + font-size: 10px; + font-family: arial, sans-serif; + padding: 2px; + width: 171px; + line-height: 1.2em; +} +div#dp-popup { + position: absolute; + z-index: 199; +} +div.dp-popup h2 { + font-size: 12px; + text-align: center; + margin: 2px 0; + padding: 0; +} +a#dp-close { + font-size: 11px; + padding: 4px 0; + text-align: center; + display: block; +} +a#dp-close:hover { + text-decoration: underline; +} +div.dp-popup a { + color: #000; + text-decoration: none; + padding: 3px 2px 0; +} +div.dp-popup div.dp-nav-prev { + position: absolute; + top: 2px; + left: 4px; + width: 100px; +} +div.dp-popup div.dp-nav-prev a { + float: left; +} +/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ +div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { + cursor: pointer; +} +div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { + cursor: default; +} +div.dp-popup div.dp-nav-next { + position: absolute; + top: 2px; + right: 4px; + width: 100px; +} +div.dp-popup div.dp-nav-next a { + float: right; +} +div.dp-popup a.disabled { + cursor: default; + color: #aaa; +} +div.dp-popup td { + cursor: pointer; +} +div.dp-popup td.disabled { + cursor: default; +} + +/* located in demo.css and creates a little calendar icon + * instead of a text link for "Choose date" + */ +a.dp-choose-date { + float: left; + width: 16px; + height: 16px; + padding: 0; + margin: 0px 3px 0; + display: block; + text-indent: -2000px; + overflow: hidden; + background: url(../images/calendar.png) no-repeat; +} +a.dp-choose-date.dp-disabled { + background-position: 0 -20px; + cursor: default; +} +/* makes the input field shorter once the date picker code + * has run (to allow space for the calendar icon + */ +input.dp-applied { + width: 100px; + float: left; +} \ No newline at end of file diff --git a/css/editsale.css b/css/editsale.css new file mode 100644 index 000000000..2ba8f43a9 --- /dev/null +++ b/css/editsale.css @@ -0,0 +1,11 @@ +#edit_sale_wrapper +{ + margin: 0 auto; + padding-bottom: 50px; + width: 60%; +} + +#edit_sale_wrapper h1 +{ + text-align: center; +} \ No newline at end of file diff --git a/css/general.css b/css/general.css new file mode 100644 index 000000000..6ec44889e --- /dev/null +++ b/css/general.css @@ -0,0 +1,154 @@ +.field_row +{ + margin: 0 0 10px 0; +} + +.field_row label +{ + float:left; + width:100px; + text-align:left; + line-height:2.3; +} + +.field_row label.wide +{ + width:150px; +} + +label.required +{ + color:red; +} + +.form_field +{ + float:left; + padding: 3px; + background-color: #f2f2f2; +} + +.form_field input, .form_field textarea +{ + border: 1px solid #ccc; + padding: 4px; +} + +.submit_button +{ + padding: 5px; + color: #fff; + background-color: #0a6184; + border: 2px solid #ddd; +} + +.delete_button +{ + padding: 5px; + color: #fff; + background-color: #ea4729; + border: 2px solid #ddd; +} +.small_button +{ + position:relative; + width:95px; + height:30px; + background-image: url(../images/small_action_button.jpg); + background-repeat:no-repeat; + cursor:pointer; +} +.small_button span +{ + position:absolute; + width:100%; + top:30%; + left:0%; + color:#FFF; + font-size:11px; + font-weight:bold; + text-align:center; +} + +.float_left +{ + float:left; +} + +.float_right +{ + float:right; +} + +.big_button +{ + position:relative; + width:119px; + height:45px; + background-image: url(../images/big_action_button.jpg); + background-repeat:no-repeat; + cursor:pointer; +} + +.big_button span +{ + position:absolute; + width:100%; + top:35%; + color:#FFF; + font-size:13px; + font-weight:bold; + text-align:center; +} + + +.warning_message +{ + text-align:center; + background-color:#fffcdd; + border:1px solid #fff4aa; + font-weight:bold; +} + +.error_message +{ + text-align:center; + background-color:#f68383; + border:1px solid #da3232; + font-weight:bold; +} + +.warning_mesage +{ + text-align:center; + background-color:#FBEC5D; + border:1px solid #da3232; + font-weight:bold; +} + +.success_message +{ + text-align:center; + background-color:#e1ffdd; + border:1px solid #2ca71c; + font-weight:bold; +} + +input +{ + font-family:arial; + padding: 3px; +} + +.clearfix:after +{ + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.clearfix { display: inline-block; } +html[xmlns] .clearfix { display: block; } +* html .clearfix { height: 1%; } diff --git a/css/login.css b/css/login.css new file mode 100644 index 000000000..30809f1cf --- /dev/null +++ b/css/login.css @@ -0,0 +1,84 @@ +body +{ + text-align:center; +} +#container +{ + position:relative; + margin-left:auto; + margin-right:auto; + margin-top:20px; + width:360px; + +} + +#top +{ + position:relative; + width:100%; + height:20px; + padding:2px; + background-color:#005B7F; + text-align:center; + font-family:Verdana; + color:white; + font-size:12pt; +} + +#login_form +{ + position:relative; + width:100%; + height:230px; + padding:2px; + font-family:Verdana; + color:white; + font-size:10pt; + background-color:#A7A7A7; +} + +#welcome_message +{ + text-align:center; + margin-top:10px; + margin-bottom:20px; +} + +.error +{ + margin:0 auto; + border:3px solid #d3153b; + background-color:#fbe6f2; + padding:5px; + width:80%; + text-align:center; + font-size:18px; + margin-bottom:20px; + +} + +.form_field_label +{ + float:left; + margin-left:20px; + width:30%; +} + +.form_field +{ + float:left; + width:30%; +} + +#submit_button +{ + position:absolute; + bottom:60px; + right:60px; +} + +input +{ + font-family:Arial; +} + diff --git a/css/menubar.css b/css/menubar.css new file mode 100644 index 000000000..fe2133d1f --- /dev/null +++ b/css/menubar.css @@ -0,0 +1,93 @@ +#menubar +{ + position:relative; + margin:0px; + padding:0px; + background-image: url("../images/menubar/menubar_bg.gif"); + background-repeat: repeat-x; + width:100%; + height:100px; + color:#FFFFFF; + text-align:left; + text-align:center; +} + +#menubar_container +{ + position:relative; + margin:0 auto; + width:875px; + text-align:left; +} + +.menu_item +{ + float:left; + width:65px; + height:100%; + text-align:center; +} + + +#menubar a:link, #menubar a:visited, #menubar a +{ + color:#FFFFFF; + text-decoration:underline; +} + +#menubar a:hover +{ + color:#CCCCCC; + text-decoration:underline; +} + +.menu_item +{ + font-size:8pt; +} + +#menubar_company_info +{ + position:absolute; + left:0px; + top:18px; + width:250px; + height:55%; +} + +#company_title +{ + font-size:14pt; + font-weight:bold; +} + +#menubar_navigation +{ + position:relative; + width:75%; + left:200px; + top:8px; + height:45%; +} + +#menubar_footer +{ + position:absolute; + top:80px; + left:0px; + height:17%; + padding-top:3px; + font-size:8pt; + font-weight:bold; +} + +#menubar_date +{ + position:absolute; + top:80px; + right:0px; + height:17%; + padding-top:3px; + font-size:8pt; + font-weight:bold; +} \ No newline at end of file diff --git a/css/ospos.css b/css/ospos.css new file mode 100644 index 000000000..7cbf4c522 --- /dev/null +++ b/css/ospos.css @@ -0,0 +1,149 @@ +@import url(autocomplete.css); +@import url(menubar.css); +@import url(general.css); +@import url(popupbox.css); +@import url(register.css); +@import url(receipt.css); +@import url(reports.css); +@import url(tables.css); +@import url(thickbox.css); +@import url(datepicker.css); +@import url(editsale.css); + +body +{ + margin:0px; + padding:0px; + background-color:#f7f7f7; +} + +a.none +{ + text-decoration:none; +} + + +#content_area_wrapper +{ + position:relative; + width:100%; + background-color:#FFFFFF; + margin:0px; + padding:0px; + border-bottom:1px solid #CCCCCC; + text-align:center; + +} + +#content_area +{ + position:relative; + margin:0 auto; + width:875px; + text-align:left; + +} + +#title_bar +{ + position:relative; + margin-top:10px; + margin-bottom:10px; + width:100%; + height:50px; +} + +#title +{ + position:absolute; + bottom:0px; + left:0px; + font-size:30px; + font-weight:bold; + color:#000000; +} + +#page_title +{ + margin-top:8px; + font-size:30px; + font-weight:bold; + color:#000000; + text-align:center; + +} + +#page_subtitle +{ + margin-top:8px; + font-size:16px; + font-weight:bold; + color:#000000; + text-align:center; +} + +#new_button +{ + position:absolute; + bottom:-5px; + right:0px; +} + +#spinner +{ + position:absolute; + display:none; + right:21%; + top:5px; +} + +#feedback_bar +{ + position:fixed; + bottom:0; + left:0; + width:100%; + height:55px; + position:fixed; + opacity: 0; + filter: alpha(opacity=0); + z-index:1; + line-height:3.3; +} + +#home_module_list +{ + position: relative; +} + +.module_item +{ + padding: 10px; +} + +#config_wrapper +{ + text-align:center; +} + +#config_info +{ + width:70%; + margin:0 auto; + padding:10px; + margin-bottom:30px; + margin-top:10px; + text-align:left; +} + +#footer +{ + position:relative; + margin-top:25px; + margin-bottom:15px; + text-align:center; + font-size:11px; + color:#777777; + clear:both; + +} diff --git a/css/ospos_print.css b/css/ospos_print.css new file mode 100644 index 000000000..9e29b4149 --- /dev/null +++ b/css/ospos_print.css @@ -0,0 +1,41 @@ +body +{ + background-color:#FFFFFF; + font-size:75%; +} + +#menubar,#footer +{ + display:none; +} + +#content_area +{ + width:100%; +} + +#content_area_wrapper +{ + border:0px; +} + +#sale_return_policy +{ + width:100%; + text-align:center; +} + +.long_name +{ + display:none; +} + +.short_name +{ + display:inline; +} + +#receipt_items td +{ + white-space:nowrap; +} diff --git a/css/popupbox.css b/css/popupbox.css new file mode 100644 index 000000000..f81b2814c --- /dev/null +++ b/css/popupbox.css @@ -0,0 +1,99 @@ +#required_fields_message +{ + width: 100%; + text-align: center; + margin-bottom: 3px; + font-style: italic; +} + +#customer_basic_info,#item_basic_info,#item_number_info,#supplier_basic_info +{ + padding: 5px; +} + +#scan_item_number.loading +{ + background-image: url(../images/spinner_small.gif); + background-position:center right; + background-repeat:no-repeat; +} + +#info_provided_by +{ + display:none; + font-weight:bold; +} + +#employee_basic_info +{ + float:left; + width:47%; + padding:5px; +} + +#employee_login_info +{ + float:left; + width:47%; + margin-left:5px; + padding:5px; +} + +#permission_list +{ + list-style:none; +} + +#permission_list li +{ + padding:5px; +} + +#permission_list input +{ + top:3px; +} + +#employee_permission_info +{ + float:left; + width:47%; + margin-left:5px; + padding:5px; +} +#employee_permission_info p +{ + font-weight:bold; +} + +#employee_permission_info span.small +{ + font-style:italic; + font-size:80%; +} + +#error_message_box +{ + margin-bottom:7px; + margin-left:20px; + color:red; +} +#item_kit_items_title +{ + text-align: center; +} +#item_kit_items +{ + width: 100%; +} + +#item_kit_items th +{ + text-align: center; + font-weight: bold; +} + +#item_kit_items td +{ + text-align: center; +} \ No newline at end of file diff --git a/css/receipt.css b/css/receipt.css new file mode 100644 index 000000000..d891460b4 --- /dev/null +++ b/css/receipt.css @@ -0,0 +1,60 @@ +#receipt_wrapper +{ + font-family:Arial; + width:100%; +} + +#receipt_header +{ + text-align:center; +} + +#company_name +{ + font-size:150%; + font-weight:bold; +} + +#company_phone +{ + margin-bottom:15px; + +} + +#sale_time +{ + margin-bottom:5px; +} + +#receipt_items +{ + position:relative; + border-collapse:collapse; + margin-top:15px; + margin-bottom:15px; + width:100%; +} + +#receipt_items td +{ + position:relative; + padding:3px; +} + +.short_name +{ + display:none; +} + +#sale_return_policy +{ + width:80%; + margin:0 auto; + text-align:center; +} + +#barcode +{ + margin-top:10px; + text-align:center; +} \ No newline at end of file diff --git a/css/register.css b/css/register.css new file mode 100644 index 000000000..090886586 --- /dev/null +++ b/css/register.css @@ -0,0 +1,165 @@ +#register_wrapper +{ + float:left; + width:70%; + font-family:Arial; + font-size:13px; +} +#mode_form +{ + position:relative; + background-color:#DDD; + padding: 8px 0px 8px 0px; +} + +#show_suspended_sales_button +{ + position:absolute; + top:3px; + right:4px; +} + +#mode_form span +{ + font-weight:bold; +} + +#add_item_form +{ + position:relative; + background-color:#BBBBBB; + width:100%; + padding: 8px 0px 8px 0px; + +} + +#new_item_button_register +{ + position:absolute; + top:3px; + right:4px; +} + +#add_item_form input +{ + border: 1px solid #ccc; + padding: 2px; + +} + +#item_label,#customer_label +{ + font-weight:bold; +} + +#add_item_form label +{ + margin: 0px 5px 0px 5px; +} + +#register +{ + position:relative; + width:100%; + padding:0px; + border-collapse:collapse; +} + +#register th +{ + background-color:#4386a1; + padding:5px; + text-align:center; + color:#FFFFFF; +} + +#register td +{ + background-color:#EEEEEE; + padding:3px; + text-align:center; +} + +#overall_sale +{ + float:left; + margin-left:4px; + background-color:#BBBBBB; + width:28%; + padding:5px; + font-family:Arial; + font-size:13px; + +} + +#sale_details +{ + position:relative; + width:100%; + margin-top:5px; + border-top:2px solid #000; +} + +#finish_sale +{ + position:relative; +} + +#Payment_Types +{ + float:left; + width:100%; + margin-top:5px; + border-top:2px solid #000; + background-color:#DDD; + margin-bottom:0px; + clear:both; +} + +#Cancel_sale +{ + float:left; + width:100%; + margin-top:5px; + clear:both; +} +#suspended_sales_table th +{ + text-align:center; +} + +#suspended_sales_table td +{ + padding: 7px; +} + +#credit_card_form fieldset +{ + overflow: auto; + border: 0; + margin: 0; + padding: 0; +} + +#credit_card_form fieldset div +{ + float: left; +} + +#credit_card_form fieldset.centered div +{ + text-align: center; +} + +#credit_card_form label +{ + display: block; + margin-bottom: 5px; +} + +#credit_card_form input.text +{ + border: 1px solid #bfbab4; + margin: 0 4px 8px 0; +} + diff --git a/css/reports.css b/css/reports.css new file mode 100644 index 000000000..088071ab3 --- /dev/null +++ b/css/reports.css @@ -0,0 +1,26 @@ +#report_list li ul li +{ + margin-left: 35px; +} +#report_date_range_simple +{ + margin-bottom: 3px; +} +.report +{ + font-size: .85em; +} +#report_summary +{ + margin: 0 auto; + text-align: center; +} + +#report_summary .summary_row +{ +} + +#chart_wrapper +{ + text-align: center; +} \ No newline at end of file diff --git a/css/tables.css b/css/tables.css new file mode 100644 index 000000000..d734ab881 --- /dev/null +++ b/css/tables.css @@ -0,0 +1,126 @@ +#table_action_header +{ + position:relative; + width:100%; + background-color:#EEEEEE; + background-image:url(../images/checkbox_arrow.gif); + height:20px; + border-top:1px solid #CCCCCC; + background-position:5px 10px; + background-repeat:no-repeat; + padding:3px 0px 3px 0px; +} + +#table_action_header ul +{ + list-style:none; + padding:0px; + margin:0px; + margin-left:15px; +} + +#table_action_header ul li +{ + margin-left:8px; + margin-right:4px; + +} + +#table_action_header ul li span +{ + background-color:#0a6184; + border:2px solid #DDDDDD; + font-size:14px; + padding:2px 5px 2px 5px; + +} + +#table_action_header a +{ + text-decoration:none; + color:#FFF; +} + +#table_holder +{ + position:relative; + margin-bottom:50px; +} + +table.tablesorter +{ + position:relative; + width:100%; + border-top:3px solid #0a6184; + border-collapse:collapse; +} + +table.tablesorter thead tr th, table.tablesorter tfoot tr th +{ + color:#FFFFFF; + text-align:left; + background-color:#4386a1; + padding: 0px 5px 0px 5px; +} + +table.tablesorter thead tr .header +{ + background-image: url(../images/tables/bg.gif); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; +} + +table.tablesorter tbody td +{ + color: #3D3D3D; + background-color: #FFF; + vertical-align: top; + padding: 0px 5px 0px 5px; + +} + +table.tablesorter tbody td +{ + border-bottom:1px solid #DDDDDD; +} + +table.tablesorter tbody td.over +{ + background-color:#CCCCCC; +} + +table.tablesorter tbody td.selected +{ + background-color:#BBBBBB; +} + +table.tablesorter thead tr .headerSortUp +{ + background-image: url(../images/tables/asc.gif); +} + +table.tablesorter thead tr .headerSortDown +{ + background-image: url(../images/tables/desc.gif); +} + +table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp +{ + background-color: #8dbdd8; +} + +table.innertable +{ + display: none; +} + +table.innertable thead tr th +{ + background-color: #0a6184; +} + +table.innertable tbody tr td +{ + background-color: #DDD; +} \ No newline at end of file diff --git a/css/thickbox.css b/css/thickbox.css new file mode 100644 index 000000000..57242c5d4 --- /dev/null +++ b/css/thickbox.css @@ -0,0 +1,165 @@ +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +*{padding: 0; margin: 0;} + +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_window { + font: 12px Arial, Helvetica, sans-serif; + color: #333333; +} + +#TB_secondLine { + font: 10px Arial, Helvetica, sans-serif; + color:#666666; +} + +#TB_window a:link {color: #666666;} +#TB_window a:visited {color: #666666;} +#TB_window a:hover {color: #000;} +#TB_window a:active {color: #666666;} +#TB_window a:focus{color: #666666;} + +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_overlay { + position: fixed; + z-index:100; + top: 0px; + left: 0px; + height:100%; + width:100%; +} + +.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} +.TB_overlayBG { + background-color:#000; + filter:alpha(opacity=75); + -moz-opacity: 0.75; + opacity: 0.75; +} + +* html #TB_overlay { /* ie6 hack */ + position: absolute; + height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); +} + +#TB_window { + position: fixed; + background: #ffffff; + z-index: 102; + color:#000000; + display:none; + border: 4px solid #525252; + text-align:left; + bottom:10%; + left:50%; +} + +* html #TB_window { /* ie6 hack */ +position: absolute; +margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); +} + +#TB_window img#TB_Image { + display:block; + margin: 15px 0 0 15px; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-top: 1px solid #666; + border-left: 1px solid #666; +} + +#TB_caption{ + height:25px; + padding:7px 30px 10px 25px; + float:left; +} + +#TB_closeWindow{ + height:25px; + padding:11px 25px 10px 0; + float:right; +} + +#TB_closeAjaxWindow{ + padding:7px 10px 5px 0; + margin-bottom:1px; + text-align:right; + float:right; +} + +#TB_ajaxWindowTitle{ + float:left; + padding:7px 0 5px 10px; + margin-bottom:1px; +} + +#TB_title{ + background-color:#e8e8e8; + font-size:1.25em; + font-weight:bold; + height:27px; +} + +#TB_ajaxContent{ + clear:both; + padding:2px 15px 15px 15px; + overflow:auto; + text-align:left; + line-height:1.4em; +} + +#TB_ajaxContent.TB_modal{ + padding:15px; +} + +#TB_ajaxContent p{ + padding:5px 0px 5px 0px; +} + +#TB_load{ + position: fixed; + display:none; + height:13px; + width:208px; + z-index:103; + top: 50%; + left: 50%; + margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ +} + +* html #TB_load { /* ie6 hack */ +position: absolute; +margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); +} + +#TB_HideSelect{ + z-index:99; + position:fixed; + top: 0; + left: 0; + background-color:#fff; + border:none; + filter:alpha(opacity=0); + -moz-opacity: 0; + opacity: 0; + height:100%; + width:100%; +} + +* html #TB_HideSelect { /* ie6 hack */ + position: absolute; + height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); +} + +#TB_iframeContent{ + clear:both; + border:none; + margin-bottom:-1px; + margin-top:1px; + _margin-bottom:1px; +}