body {
	font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-align:center; background:#F5F5F5; margin:0px; 
}
p {text-align:left; line-height:1.3em;}
a img {border:0px}
a {color:#000000; text-decoration:none; cursor:pointer;}
a:hover {color:#404040; text-decoration:underline; cursor:pointer;}
a.underline {text-decoration:underline;}

h1 {font-size:18px; margin:0px 0 5px 0px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
h2 {font-size:17px; color:#000000; margin-bottom:5px;}
h3 {font-size:14px; color:#000000; margin-bottom:5px;}

th {text-align:left;padding-left:5px}

.relative {position:relative;}
.nomargin {margin:0px;}
.nopadding {padding:0px;}
.clear {clear:both;}

input.button, button.button {
	font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#404040;
	background:url('images/button1_bg.png') repeat-x; border:1px solid #919499; border-top:none; cursor:pointer; line-height:20px;
}
input.button_onclick {background:#c0c0c0;}
input.buttonlarge, button.buttonlarge {
	width:120px; height:27px; font-family:Tahoma, Geneva, sans-serif; color:#404040; font-size:14px; font-weight:normal;
	background:url('images/buttonlarge_bg.png') no-repeat; border:none; cursor:hand;
}
input.button2, button.button2 {
	font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#404040; font-weight:normal;
	background:#FFFFFF url('images/button2_bg.png') repeat-x;
	border:none; border:1px solid #919499; border-top:none; border-radius:3px; -moz-border-radius:3px;
	cursor:pointer; line-height:12px; padding:2px 5px;
}
input.file  {border:1px outset;}

#container {width:1100px; text-align:left; margin:auto;}

#holding_table {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; overflow:hidden;}
#holding_table #left_column {padding:5px; border-right:1px solid #000000;}
#holding_table #main_column {width:880px; margin:0px; padding:0px; position:relative;}
#holding_table #nav_blocker {
	position:absolute; top:0px; left:0px; width:860px; height:22px;
	padding:72px 15px 0 15px; background:url('images/blockout.png') repeat; text-align:right; display:none;
}
#holding_table #nav_blocker a {color:#FFFFFF}

#company_name {font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; margin:5px; color:#017E95;}

#logo_container {width:200px; overflow-x:hidden;}

#agent_info {color:#666666; font-weight:bold; font-size:13px; padding:10px; text-align:center; line-height:20px;}
#agent_info img {margin:6px;}

#top_nav {background:#b5b5b5 url('images/OfficePad-logo.png') bottom right no-repeat; border:0px; height:70px;}
#top_nav td {width:60px; height:70px; padding:0 5px 0 5px; border-right:2px solid #FFFFFF; text-align:center;}
#top_nav td:hover, #top_nav td.current {background:#616161;}

#top_menu {position:relative; height:24px; background:#3C3C3C;}

.content_block {border:1px solid #3c3c3c; background:#FFFFFF; padding:10px;}
.content_block2 {border:1px solid #3c3c3c; background:#FFFFFF; padding:10px; margin-bottom:20px;}

.subnav {position:absolute; top:24px; border:1px solid #BDBDBD; background:#E4E4E4;}

.subnav_item {display:block; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#404040; cursor:pointer; padding:2px 10px 2px 2px;}
.subnav_item:hover {background:#3C3C3C; color:#FFFFFF; cursor:pointer; padding:2px 10px 2px 2px; text-decoration:none;}

.subnav_item_price_availability:hover {background:#A7F909; color:#000000;}
.subnav_item_orders:hover {background:#FFE100; color:#000000;}
.subnav_item_customers:hover {background:#0CC9F1; color:#000000;}
.subnav_item_dispatch:hover {background:#FF6600; color:#000000;}
.subnav_item_reports:hover {background:#EF3D3D; color:#000000;}

.error {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:maroon; font-weight:normal;}

div.error {display:inline-block; font-size:11px; font-weight:bold; padding:2px 5px; margin:0 0 0 10px; border:solid 1px #900; background-color:#FCF;}
div.error div.error {border:none; padding:0; margin:0;}

.message {color:#009900; font-size:12px; font-weight:bold; background:url('/images/success_icon.png') top left 5px no-repeat; padding:8px 0 10px 40px;}
.alert {color:#ED9455; font-size:12px; font-weight:bold; background:url('/images/alert_icon.png') top left no-repeat; /*background-color:#fff;*/ padding:8px 0 10px 40px;}

.office_msg {color:#009900; font-size:12px; font-weight:bold; background:url('/images/success_icon.png') top 8px left 5px no-repeat; padding:15px 20px 15px 45px; margin:10px; border:#009900 2px solid;}
.office_err {color:#ff0000; font-size:12px; font-weight:bold; background:url('/images/alert_icon.png') top 8px left 5px no-repeat; padding:15px 20px 15px 45px; margin:10px; border:#ff0000 2px solid;}
.dashboard .office_msg, .dashboard .office_err {margin:10px 0;}

#content {padding:10px;}

td.header {font-weight:bold; font-size:12px; padding:2px;}

span.label {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
td.label {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; line-height:22px; vertical-align:top; text-align:right; padding-right:4px;}

td.field {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#808080;}
td.field_top {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#808080; vertical-align:top;}

.fieldnotes {font-style:italic;}
.fieldtext {padding-top:7px;}

tr.titlerow {color:#ffffff; font-family:Impact; font-size:14px; background:#404040;		}
tr.titlerow td {padding:3px; padding-left:10px;}

ul.arrow {list-style-image:url('images/list-arrow.png');}
ul li {line-height:20px;}

div.warning {border:1px solid #C00000; background:#ffffff; color:#C00000; padding:5px; margin-bottom:5px;}
div.warning ul li {line-height:16px;}

input.text,input.password, select.select, textarea.textarea, textarea.mceEditor {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040;} 
input.text,input.password, select.select {height:14px;}
select.select {height:20px}
input.text,input.password {width:200px;}

span.note, p.note {padding-left:5px; font-size:10px; font-style:italic; font-weight:normal; margin-bottom:0px;}

table.listing {font-size:11px; background:#e6e6e6;	}
table.listing th {background:#3c3c3c; color:#ffffff; text-align:left;}
table.listing th.number {text-align:right;}
table.listing td {padding:2px 3px 2px 3px;}
table.listing td.number {text-align:right;}
table.listing td.alt, div.alt {background:#ffffff;}
tr.alt1, div.alt1 {background:#f5f5f5;}

table.spreadsheet {background:#c0c0c0}
table.spreadsheet th {background:#cccccc; color:#ffffff; font-weight:bold;}
table.spreadsheet td {background:#ffffff; padding:2px 4px 2px 4px;}
table.spreadsheet tr.ss_header td {font-weight:bold;}
table.spreadsheet td.gray {background:#F8F8F8}
table.spreadsheet tr.ss_totals td {border-top:1px solid #000000; font-weight:bold;}
table.spreadsheet td.greentext {color:#008000}
table.spreadsheet td.pricecolumn {text-align:right; padding-right:30px;}

.althilite, .althilite.alt1 {background:#9c9c9c;}

table.listing_detail th {color:#404040; background:#ffffff; font-weight:bold;}
table.listing_detail th.number {text-align:right;}
table.listing_detail td {padding-right:20px;}
table.listing_detail td.number {text-align:right;}

.notes {width:294px; border:1px solid #C0C0C0; background:#FFFFFF; padding:3px;}

#search_by_date {
	background:url('/templates/officepad/images/search-by-date-background-v2.png') top no-repeat;
	width:290px; height:181px; font-size:11px; color:#326FEA; padding-top:1px;
}
#search_by_date select {font-size:11px; color:#808080;}
#search_by_date input {font-size:11px; color:#808080;}
#search_by_date table {margin:7px 0 0 13px;}
#search_by_date table td {background:none; padding:0px;}
#search_by_date .label {font-weight:bold;}

#city_state_lookup  {
	position:absolute; top:21px; left:0px; width:150px; height:100px; padding:3px;
	border:1px solid #808080; background:#FFFFFF; color:#808080; overflow-y:scroll;
}

.date_filter_info {background:#FFFFFF; border:3px solid #404040; padding:5px;}
.date_filter_info p.title {font-family:Arial, Helvetica, sans-serif; color:#808080; font-size:11px; margin-top:8px; margin-bottom:2px;}
.date_filter_info p.value {font-family:Arial, Helvetica, sans-serif; color:#404040; font-size:14px; font-weight:normal; margin-top:3px;}

#customer_list, #product_list {
	position:absolute; top:21px; left:0px; width:500px; height:100px;
	border:1px solid #808080; background:#FFFFFF; color:#808080; padding:3px; overflow-y:scroll;
}
#product_list {width:400px;}

.cat_header {font-size:12px; font-weight:bold; padding-left:10px; background:url('images/arrow_black_right_small.png') no-repeat;}
.cat_header_on {font-size:12px; font-weight:bold; padding-left:10px; background:url('images/arrow_black_down_small.png') no-repeat;}

.hide {display:none;}
.hidden {visibility:hidden;}
.visible {visibility:visible;}

/*text styles*/
.bold {font-weight:bold;}
.reg {font-weight:normal}
.italic {font-style:italic;}
.red {color:#ff0000;}
.green {color:#008000}
.right {text-align:right}

/*tab CSS*/
ol#toc {height:21px; list-style:none; margin:0; padding:0;}
ol#toc li {float:left; margin:0 5px 0 0;}
ol#toc a {
	display:block; float:left; height:2em; background:#dcdcdc; 
	font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#515151; font-weight:bold; text-decoration:none; padding-left:10px;
}
ol#toc a:hover {background:#ffffff;}
ol#toc li.current a {background:#ffffff;}
ol#toc span {display:block; line-height:2em; padding-right:10px;}

div.tab_content {clear:left; background:#FFFFFF; margin-top:3px; padding:10px;}
/* end tab CSS*/

.settings_btns_container {width:584px; margin:40px auto;}
.settings_btn {float:left; padding:10px 15px;}

.orderpage span.h3 {font-size:16px; font-weight:bold; border-bottom:2px solid #ffe100;}

.noEdit {border:none;}
.Edit {border:1px solid #c0c0c0;}

.greenborderedtitle {border:3px solid #A8F140; border-bottom:0px; background:#FFFFFF;}
.yellowborderedtitle {border:3px solid #F9E630; border-bottom:0px; background:#FFFFFF;}

.huge {font-size:40px; font-weight:bold; color:#3c3c3c;}
.huge a {text-decoration:none;}
.big {font-size:30px; font-weight:bold; color:#3c3c3c;}
.big a {text-decoration:none;}
.medium {font-size:18px; font-weight:bold; color:#3c3c3c;}


/* standard sortable styles */
.sortable_item {
	border:1px solid #d4d4d4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	border-color:#d4d4d4 #d4d4d4 #bcbcbc; padding:6px; margin:0 0 6px 0; cursor:move; background:#f6f6f6;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:-o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

/* nested sortable styles */
.placeholder {outline:1px dashed #4183C4;}
.mjs-nestedSortable-error {background:#fbe3e4; border-color:transparent;}
ol.sortable, ol.sortable ol {margin:0 0 0 25px; padding:0; list-style-type:none;}
ol.sortable {margin-top:5px; margin-left:0;}
.sortable li {margin:5px 0 0 0; padding:0;}
.sortable li div  {
	font-size:12px; font-weight:bold;
	border:1px solid #d4d4d4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	border-color:#d4d4d4 #d4d4d4 #bcbcbc; padding:6px; margin:0; cursor:move; background:#f6f6f6;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:-o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:-ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.sortable li div.noborder {border:none; padding:0;}
.sortable li div.noborder div {margin-bottom:1px; border-color:#54aae3;}
.sortable li div span.arrow {
	padding:7px; margin:0 4px 0 0; background:url('images/arrow_black_right_small.png') no-repeat; background-position:center;
}
.sortable li div span.arrow.open {
	padding:7px; margin:0 4px 0 0; background:url('images/arrow_black_down_small.png') no-repeat; background-position:center;
}
.sortable li div div.products {display:none; margin:5px 0 0 18px; border-width:2px; border-color:#0C0;}

.button_green { background-image:url(/templates/officepad/images/rectagle-green.png); background-repeat:no-repeat; }
.button_red { background-image:url(/templates/officepad/images/rectagle-red.png); background-repeat:no-repeat; }
.button_orange { background-image:url(/templates/officepad/images/rectagle-orange.png); background-repeat:no-repeat; }
a.button_green, a.button_red, a.button_orange {
	display:block; width:134px; height:65px; text-align:center; color:#ffffff; text-decoration:none;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:65px;
}

.qsetup_heading { 
	background-color:#e4e4e4; border:solid 1px #949394; line-height:24px; text-align:center; font-weight:bold; font-size:16px; 
}
.qsetup_step { clear:both; padding-top:10px;}
.round_button_green { 
	background-image:url(/templates/officepad/images/green-round-button.png); width:45px; height:45px; font-size:28px; 
	line-height:45px; font-weight:bold; text-align:center; color:#fff;
}
.qsetup_1 { 
	background-image:url(/templates/officepad/images/green-round-button-sm.png); width:35px; height:35px; font-size:22px; 
	line-height:35px; font-weight:bold; text-align:center; color:#fff;
	float:left; margin-right:7px;
}
.qsetup_1_head { color:#09C209; font-size:14px; font-weight:bold; padding-top:4px; }
.qsetup_1_head a { color:#09C209; text-decoration:none; }
.qsetup_1_head a:hover { color:#09C209; text-decoration:underline; }
.qsetup_1_est { color:#000; font-size:9px; }

.round_button_blue { 
	background-image:url(/templates/officepad/images/blue-round-button.png); width:45px; height:45px; font-size:28px; 
	line-height:45px; font-weight:bold; text-align:center; color:#fff;
}
.qsetup_2 { 
	background-image:url(/templates/officepad/images/blue-round-button-sm.png); width:35px; height:35px; font-size:22px; 
	line-height:35px; font-weight:bold; text-align:center; color:#fff;
	float:left; margin-right:7px;
}
.qsetup_2_head { color:#54AAE3; font-size:14px; font-weight:bold; padding-top:4px; }
.qsetup_2_head a { color:#54AAE3; text-decoration:none; }
.qsetup_2_head a:hover { color:#54AAE3; text-decoration:underline; }
.qsetup_2_est { color:#000; font-size:9px; }

.round_button_grey { 
	background-image:url(/templates/officepad/images/grey-round-button.png); width:45px; height:45px; font-size:28px; 
	line-height:45px; font-weight:bold; text-align:center; color:#fff;
}
.qsetup_3 { 
	background-image:url(/templates/officepad/images/grey-round-button-sm.png); width:35px; height:35px; font-size:22px; 
	line-height:35px; font-weight:bold; text-align:center; color:#fff;
	float:left; margin-right:7px;
}
.qsetup_3_head { color:#454545; font-size:14px; font-weight:bold; padding-top:4px; }
.qsetup_3_head a { color:#454545; text-decoration:none; }
.qsetup_3_head a:hover { color:#454545; text-decoration:underline; }
.qsetup_3_est { color:#000; font-size:9px; }

.green_checkmark { background-image:url(/templates/officepad/images/green-circle-checkmark.png); width:45px; height:45px; }
.yellow_exlaimation { background-image:url(/templates/officepad/images/yellow-triangle-exclaimation.png); width:54px; height:45px; }

div#will_call_status { 
	width:255px; font-weight:bold; border:#999 2px solid; 
	background:url(/images/icon-warning.png) left no-repeat; margin:0 auto; padding:10px 10px 10px 40px; 
}

div#will_call_box {width:300px; padding:5px; margin:10px 0; color:#000; font-size:12px; text-align:left; border:#367CF4 1px solid;}
div#overnight_box {width:300px; padding:5px; margin:10px 0; color:#000; font-size:12px; text-align:left; border:#367CF4 1px solid;}


#hours_of_op {position:relative;}
.hours_of_op_box {
	position:relative; float:left; width:60px; height:60px; background-color:#fff; border:1px solid #999; 
	padding:3px; margin:0 3px 0 0; cursor:pointer;
}
.hours_of_op_box_on {
	position:relative; float:left; width:220px; height:160px; background-color:#fff; border:2px solid #333; 
	padding:3px; margin:0 3px 0 0;
}
.hop_box_closed {background-color:#dcdcdc;}
.hours_of_op_box .hop_box_heading {font-size:14px; font-weight:bold; color:#515151;}
.hours_of_op_box_on .hop_box_heading {font-size:16px; font-weight:bold; color:#000;}
.hours_of_op_box .hop_box_times {text-align:center; color:#515151;}
.hours_of_op_box_on .hop_box_times {text-align:center; font-size:14px; color:#000; margin-top:5px; display:none;}
.closed_text {line-height:34px;}
.close_hop_box {
	position:absolute; width:16px; height:16px; top:0px; right:0px; z-index:1;
	background:url(/templates/officepad/images/close-icon.gif); display:none; cursor:pointer;
}

.admin_notify_box {
	position:absolute; top:5px; right:120px; width:200px; color:#fff; font-weight:600; text-align:left; padding:0 18px 0 10px; 
	border-radius:4px; border:1px solid #494949; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.close_an_box {position:absolute; top:0; right:0; width:16px; height:16px; background:url(/templates/officepad/images/close-icon.gif) no-repeat; cursor:pointer;}