/*
	Taylor Music - Admin Stylesheet
	By: Luke Petterson / lukemeister00@gmail.com


*/

/*
*/
	@import url("base.css");
	@import url("anylinkmenu.css");

/* ---------------------------------------------------------------------- */
/* Core Elements */

body {
	font-family: arial;
	font-size:75%;

}

h1, h2, h3, h4, h5 {
	margin:14px 0 8px 0;
}

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.3em;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

p {
	line-height:1.2em;
	margin-top:8px;
	margin-bottom:8px;
}

ul {
	list-style:disc;
	margin:4px 18px 4px 20px;
}

ul li {
	line-height:1.2em;
}
	
em { font-style: italic; }

/* ---------------------------------------------------------------------- */
/* Form Inputs */

input, textarea, select {
	font-size:100%;
	border:1px solid #666;
	padding:4px;
}

textarea {
	font-size:120%;
}

input.save {
	background-color:#ED6D40;
	color:#fff;
	padding:5px 15px 5px 15px;
	font-weight:bold;
	font-size:1.4em;
	border:2px solid #CE6707;
	letter-spacing:1px;
}

input.noborder { border: none; }

/* ---------------------------------------------------------------------- */
/* Tables */

.editor_table {
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}

.editor_table tr td {
	border:0px solid #ccc;
	border-top:1px solid #ccc;
	background-color:#fff;
	padding:9px;
	font-weight:normal;
	vertical-align:middle;
}

.editor_table tr td.label {
	background-color:#f1f1f1;
	border-top:1px solid #ccc;
	font-weight:normal;
	width:150px;
}

.editor_table tr td.label.required {
	color:darkred;
	font-weight:bold;
	width:150px;
}

.editor_table tr td.submit {
	border-top:1px solid #ccc;
	padding:10px;
	font-weight:normal;
	text-align:center;
}

.index_table {
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
}

.index_table tr th {
	border:0px solid #ccc;
	background-color:#f1f1f1;
	padding:5px;
	font-weight:bold;
	vertical-align:middle;
	border-bottom:2px solid #666;
}

.index_table tr td {
	border-bottom:1px solid #ccc;
	background-color:#fff;
	padding:5px;
	font-weight:normal;
	vertical-align:middle;
}

.index_table tr td.noborder { border-bottom: 1px solid #ffffff; }
.index_table tr th.noborder { border-bottom: 1px solid #f1f1f1; }

.drag-highlight, .drag-highlight td { background-color: #fffacd !important; }
.drag-handle    { width: 16px; cursor: move; background: transparent url("/images/icons/arrow_reorder.png") no-repeat 5px 5px; }

.login_table {
	border-collapse:separate;
	border-spacing:2px;
}

.login_table tr td {
	border:0px solid #ccc;
	padding:2px;
}

.subitem-index-table        { border-collapse: collapse; width: 100%; background-color: #f9f9f9; }
.subitem-index-table tr th  { font-weight: bold; border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.subitem-index-table tr td  { background-color: #f9f9f9; }


/* ---------------------------------------------------------------------- */
/* Index Table Column Widths */

.index_table td.id {
	width:30px;
}

.index_table td.image {
	text-align:center;
	width:60px;
}

.index_table td .image_container {
	padding:3px;
	text-align:center;
	width:55px;
	height:55px;
	border:1px solid #ccc;
}

.index_table td.options {
	text-align:center;
	width:80px;
}

#index-icon-legend          { font-size: 11px; margin: 6px 0px; }
#index-icon-legend .label   { font-weight: bold; padding-right: 12px; }

/* ---------------------------------------------------------------------- */
/* Wrapper */

#wrapper        { width:850px; border:1px solid #000; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; background-color:#fff; }
#wrapper-wide   { width: 960px; border: 1px solid #000; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; background-color: #fff; }

/* ---------------------------------------------------------------------- */
/* Header */

#header {
	position:relative;
	border-bottom:0px solid #FB9C0E;
	background-color:#666;
	color:#fff;
	padding:20px;
}

/* ---------------------------------------------------------------------- */
/* Main Menu */

#main_menu {
	padding-top:10px;
	width:850px;
	height:37px;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#666;
}

#main_menu a {
	color:#666;
	text-decoration:none;
}

#main_menu a:hover {
	color:#FB9C0E;
	background: #000000;
	text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/* Body */

#body       { width: 850px; }
#body-wide  { width: 960px; }

/* ---------------------------------------------------------------------- */
/* Content Container */

#content_container {
	float:left;
	width:600px;
}

#content_container_wide { float: left; width: 710px; }

/* ---------------------------------------------------------------------- */
/* Content */

.content {
	padding:0 20px 20px 20px;
	position:relative;
}

/* ---------------------------------------------------------------------- */
/* Sidebar */

#sidebar_container {
	float:right;
	width:250px;
	text-align:right;
}

.sidebar {
	padding:10px;
	margin-right:20px;
	margin-top:15px;
	border:0px solid #f1f1f1;
}

.sidebar h2 {
	background-color:#f1f1f1;
	border-bottom:2px solid #ccc;
	padding:5px;
	font-size:1.1em;
	font-weight:bold;
}

.sidebar p {
	padding:5px 10px 5px 10px;
	margin:0px;
	line-height:1.1em;
}

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

#footer {
	clear:both;
	padding:10px 20px 10px 20px;
	font-size:.9em;

}


/* ---------------------------------------------------------------------- */
/* Editor */

.editor_image_box {
	clear:both;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #f1f1f1;
	font-size:.8em;

}

.darkred {
	font-weight:bold;
	color:darkred;
}

.editor_help_section    { background-color:#f1f1f1; padding:20px; }
.editor_help_section li { padding: 4px 0px; text-align: justify; }

.msg-success    { font-weight: bold; color: #0000ff; margin: 12px 0px; }
.msg-error      { font-weight: bold; color: #ff0000; margin: 12px 0px; }
.msg-processing { border: 1px solid #eeeeee; background-color: #f2f2f2; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; }

.msg-block-error      { border: 1px solid #FBC2C4; background-color: #FBE3E4; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; }
.msg-block-success    { border: 1px solid #C6D880; background-color: #E6EFC2; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; }
.msg-block-notice     { border: 1px solid #FFD324; background-color: #FFF6BF; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; }

.italic         { font-style: italic; }
.important      { font-weight: bold; color: #ff0000; }
.nowrap         { white-space: nowrap; }
.required       { color:darkred; font-weight:bold; }
.sale-price     { color: #ff0000; }
.top-margin5    { margin-top: 5px; }
.top-margin10   { margin-top: 10px; }

tr.unavailable      { background-color: #f9f9f9; color: #666666; font-style: italic; }
tr.unavailable td   { background-color: #f9f9f9; color: #666666; font-style: italic; }

.page-link { font-size: 11px; margin-top: 4px; }

#notes dl { margin: 6px 0px; }
#notes dt { font-weight: bold; margin: 6px 0px 3px 0px; text-decoration: underline; }
#notes dd { margin-left: 25px; }

	
/* ---------------------------------------------------------------------- */
/* Pagination */

.pagination {
	text-align:center;
	padding:5px;
	margin:2px;
	background-color:#f9f9f9;
}

.pagination a {
	text-decoration:none;
}

.pagination span {
	padding:0px 2px 0px 2px;
}


/* ---------------------------------------------------------------------- */
/* Order Section */
#order-details #status      { font-weight: bold; color: #ff0000; }

#order-details .contact-info           { margin-top: 10px; line-height:1.5; }
#order-details .contact-info td        { padding-bottom: 10px; }
#order-details .contact-info td.label  { padding-right: 6px; font-weight: bold; }

#order-details #order-totals td         { padding: 3px 0px; }
#order-details #order-totals td.label   { font-weight: bold; text-align: right; }

#order-details .payment-info            { margin-top: 10px; }
#order-details .payment-info td         { padding-bottom: 10px; }
#order-details .payment-info td.label   { padding-right: 6px; white-space: nowrap; font-weight: bold; }

#order-details .financed-item           { border: 1px solid #e2d7c1; padding: 6px; margin: 10px 0px; }
#order-details .financed-item td.label  { padding-right: 6px; white-space: nowrap; font-weight: bold; }

#order-details .sale-price          { color: #ff0000; }
#order-details .msg-free-ship       { color: #ff0000; font-weight: normal; margin: 3px 0px; }
#order-details .msg-truck-shipped   { color: #ff0000; font-weight: normal; margin: 3px 0px; }
#order-details .msg-accessory       { color: #0000ff; font-weight: normal; margin: 3px 0px; }
#order-details .item-availability   { color: #0000ff; font-style: italic; }
#order-details .discount-name       { color: #ff0000; font-weight: bold; }
#order-details .discount            { color: #ff0000; font-weight: bold; text-align: right; }

#order-status { padding: 5px 10px 5px 10px; }

/* sidebar */
.track-info         { margin-top: 10px; }
.track-info label   { font-weight: bold; display: block; margin-bottom: 3px; font-size: 11px; }


/* ---------------------------------------------------------------------- */
/* Items editor */
.item-list li { padding: 3px 0px; }

#pcalc { margin-bottom: 4px; }

.item-attribute         { margin: 4px 0px 4px 8px; }
.item-attribute select  { margin-top: 4px; }

.parent-value { margin: 4px 0px; padding: 6px; font-size: 12px; line-height: 16px; border: 1px solid #dddddd; background-color: #f9f9f9; }
.parent-value label { font-weight: bold; }

.parent-value-link          { margin: 6px 0px; font-size: 11px; }
.parent-value-link a        { text-decoration: none; }
.parent-value-link a:hover  { text-decoration: underline; }

.not-inheritable { color: #ff0000; font-weight: bold; margin-top: 6px; }

#item-filter-table { background-color: #f9f9f9; padding: 4px 8px; margin: 0px 0px 6px 0px; border: 1px solid #f2f2f2; }
#item-filter-table h2 { font-size: 13px; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding: 0px 0px 3px 0px; margin: 0px 0px 4px 0px; }

#item-filter-table .filter-item,
#item-options .option-item              { float: left; margin: 3px 12px 10px 0px; }
#item-filter-table .filter-item label   { font-weight: bold; display: block; margin-bottom: 5px; }
#item-options .option-item label        { font-weight: bold; }

#item-list tr.normal,
#item-list tr.normal td     { background-color: #fff; }
#item-list tr.sub-item,
#item-list tr.sub-item td   { background-color: #f9f9f9; }
#item-list tr:hover td      { background-color: #FFFACD !important; }



/* ---------------------------------------------------------------------- */
/* Items editor -- Manage Accessories */
#categories li,
#available-items li,
#selected-items li { list-style-type: none; }

#categories a       { color: #000000; text-decoration: none; border: 1px solid #ffffff; display: block; padding: 3px; }
#categories a:hover { background-color: #eeeeee; border: 1px solid #dddddd; }
	
#categories a.selected { background-color: #eeeeee; border: 1px solid #dddddd; }

#available-items,
#selected-items { margin: 0px; padding: 2px 6px; min-height: 25px; height:auto !important; height:25px; }

#cat-available-items p { padding: 3px; }
	
#available-items li.dragdrop,
#selected-items li.dragdrop { cursor: pointer; padding: 3px 0px; }

.sortable-highlight { border: 1px solid #000000; background-color: #eeeeee; }

.item-container { height: 200px; overflow: auto; border: 1px solid #dddddd; }


/* ---------------------------------------------------------------------- */
/* Order Package Editor */
.pkg-comments { margin: 6px 0px; }

.toggle_link { margin: 4px 0px; display: block; }

.item_table         { width:100%; }
.item_table tr th   { background-color: #f9f9f9; padding: 5px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #666; }
.item_table tr td   { border-bottom: 1px solid #eeeeee; background-color: #fff; padding: 5px; font-weight: normal; vertical-align: middle; }

#send-ship-update label { font-weight: bold; padding-bottom: 4px; }

/* ---------------------------------------------------------------------- */
/* User Accounts Interface */
#user-search label  { font-weight: bold; }
#user-search input  { margin-top: 4px; }
#user-search select { margin-top: 4px; }

#user-info td       { padding: 3px 3px; }
#user-info td.label { font-weight: bold; width: 75px; }
#user-info form     { margin: 0px; padding: 0px; }

#user-info .msg-success { margin: 0px; }
#user-info .msg-error   { margin: 0px 0px 3px 0px; }

#user-address .contact-info           { margin-top: 10px; }
#user-address .contact-info td        { padding-bottom: 10px; }
#user-address .contact-info td.label  { padding-right: 6px; font-weight: bold; }

/* ---------------------------------------------------------------------- */
/* Dashboard */
.dashboard-content-item     { width: 48%; float: left; margin: 6px 12px 12px 0px; }
.dashboard-content-item h2  { font-size: 1.2em; font-weight: normal; padding: 3px 4px; border: 1px solid #eeeeee; background-color: #f2f2f2; }
.dashboard-content-item h3  { font-size: 1.1em; font-weight: bold; margin: 0px 0px 6px; }
.dashboard-content-item p   { text-align: justify; }
.dashboard-content-item ul  {  }
.dashboard-content-item .note       { font-size: 11px; margin: 0px 0px 12px; }
.dashboard-content-item li .note    { font-size: 11px; margin: 3px 0px 6px; }


/* ---------------------------------------------------------------------- */
/* Sidebar Menu Interface */
#instructions       { font-size: 11px; }
#instructions ul    { margin-top: 3px; margin-bottom: 3px; }

#available-sections li,
#selected-sections li,
#available-pages li,
#selected-pages li      { list-style-type: none; }

#available-sections,
#selected-sections,
#available-pages,
#selected-pages         { margin: 0px; padding: 2px 6px; min-height: 25px; height:auto !important; height:25px; }

#available-sections li.dragdrop,
#selected-sections li.dragdrop,
#available-pages li.dragdrop,
#selected-pages li.dragdrop     { cursor: pointer; padding: 3px 0px; }

.section-container,
.page-container     { height: 200px; overflow: auto; border: 1px solid #dddddd; }

#menu-preview #sidebar                          { width: 190px; float: left; display: inline; font-size: 14px; color: #a0764d; }
#menu-preview #sidebar h2                       { color: #a0764d; font-weight: bold; padding: 0; margin: 0 0 0.75em 0; background-color: #fff; border-bottom: none; }
#menu-preview #sidebar ul                       { margin: 0px 0px; padding: 0px 0px; }
#menu-preview #sidebar li                       { margin: 0px 0px 0px 15px; padding: 0px 0px; }
#menu-preview #sidebar li:hover                 { color: #ab1f01; }
#menu-preview #sidebar a, #sidebar a:visited    { color: #a0764d; text-decoration: none; }
#menu-preview #sidebar a:hover                  { color: #ab1f01; text-decoration: none; }
#menu-preview .sidebar_item                     { width: 170px; padding: 10px 10px; background: url(../../images/sidebar_item_bg.jpg) top no-repeat; min-height: 60px; }


/* ---------------------------------------------------------------------- */
/* Inventory Report */
#inventory-report { padding: 10px 20px; }
	
#printer-notes { margin: 6px 12px; border: 1px solid #ddd; background-color: #f2f2f2; padding: 5px 10px; }

#print-report           { float: right; margin-top: 3px; }
#print-report a         { text-decoration: none; color: #444; padding: 3px 6px; display: block; border: 1px solid #fff; }
#print-report a:hover   { background-color: #f2f2f2; border: 1px solid #ccc; }
#print-report a img     { vertical-align: text-bottom; text-decoration: none; }

#inventory                  { border-collapse: collapse; }
#inventory td               { background-color: transparent; vertical-align: top; }
#inventory tr:hover td      { background-color: #FFFACD !important; }
#inventory tr td.noborder   { border-bottom: none; }

#inventory tr.unavailable       { background-color: #f2f2f2; font-style: italic; color: #444; }
#inventory tr.unavailable td    { background-color: #f2f2f2; font-style: italic; color: #444; }

#inventory td div.availability-group            { margin-bottom: 12px; }
#inventory td div.availability-group span.label { font-weight: normal; margin-bottom: 6px; }

.prefix-hold { font-weight: bold; font-style: italic; color: #0000ff; }
.prefix-sold { font-weight: bold; font-style: italic; color: #ff0000; }

.inventory-notes            { font-size: 0.9em; }
.inventory-notes div.label  { margin-bottom: 6px; font-weight: bold; }

.inventory-help { cursor: help; }


/* ---------------------------------------------------------------------- */
/* Misc */
.align-center   { text-align: center; }
.align-right    { text-align: right; }
.align-left     { text-align: left; }

.clear-both { clear: both; }

.width15    { width: 15px; }
.width25    { width: 25px; }
.width50    { width: 50px; }
.width75    { width: 75px; }
.width100   { width: 100px; }
.width125   { width: 125px; }
.width150   { width: 150px; }
.width175   { width: 175px; }
.width200   { width: 200px; }

.margin-top5        { margin-top: 5px; }
.margin-top10       { margin-top: 10px; }
.margin-top15       { margin-top: 15px; }
.margin-top20       { margin-top: 20px; }
.margin-bottom5     { margin-bottom: 5px; }
.margin-bottom10    { margin-bottom: 10px; }
.margin-bottom15    { margin-bottom: 15px; }
.margin-bottom20    { margin-bottom: 20px; }