/* description: Primary component stylesheet. */

table.accordion {
	margin: 0px;
	background-color: #d9e7f8;
}

tr.accordion_container {
	cursor: pointer;
}

table.accordion_header {
	border-top: #FFFFFF 1px solid;
	border-left: #99bbe8 1px solid;
	border-right: #99bbe8 1px solid;
	border-bottom: #99bbe8 1px solid;
	background: url('/skins/extension/components/accordion/images/grip.png') center no-repeat;
	width: 100%;
}

.accordion_title {
	font: 11px tahoma, verdana, sans-serif;
	padding: 2px;
	white-space: nowrap;
}

.accordion_title img {
	padding-right: 2px;
}

.accordion_actions {
	padding: 2px;
}

.accordion_section {
	font: 11px tahoma, verdana, sans-serif;
	border-top: none;
	border-left: #99bbe8 1px solid;
	border-right: #99bbe8 1px solid;
	border-bottom: #99bbe8 1px solid;
	background-color: #e5f0fd;
	padding: 10px;
}

.accordion_section table.content {
	margin: 5px;
}

.accordion_none {
	display: none;
}

.accordion_inline {
	display: inline;
}

.accordion_block {
	display: block;
}

.accordion_table_row, .accordion_row {
	display: table-row;
}

.accordion_table_cell, .accordion_cell {
	display: table-cell;
}

.accordion_table {
	display: inline-table;
}

a.accordion_plus {
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/skins/extension/components/accordion/images/button_plus_normal.png") 0 0 no-repeat;
	white-space: nowrap;
}

a.accordion_plus:hover { 
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/skins/extension/components/accordion/images/button_plus_hover.png") 0 0 no-repeat;
	white-space: nowrap;
}

a.accordion_minus {
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/skins/extension/components/accordion/images/button_minus_normal.png") 0 0 no-repeat;
	white-space: nowrap;
}

a.accordion_minus:hover { 
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/skins/extension/components/accordion/images/button_minus_hover.png") 0 0 no-repeat;
	white-space: nowrap;
}

/* styles for an accordion interface within a grid *****************************************************************************************/
.grid table.accordion {
	margin: 0px;
	background-color: #EEEEEE;
}

.grid tr.accordion_container {
	cursor: pointer;
}

.grid table.accordion_header {
	border-top: #FFFFFF 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	background: url('/components/accordion/images/grip.png') center no-repeat;
}

.grid .accordion_title {
	font: 11px tahoma, verdana, sans-serif;
	padding: 2px;
	white-space: nowrap;
}

.grid .accordion_title img {
	padding-right: 2px;
}

.grid .accordion_actions {
	padding: 2px;
}

.grid .accordion_section {
	font: 11px tahoma, verdana, sans-serif;
	border-top: none;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	background-color: #e9e9e9;
	padding: 10px;
}

.grid .accordion_section .content {
	padding: 0px;
	margin: 0px;
	white-space: normal;
}

.grid .accordion_none {
	display: none;
}

.grid .accordion_inline {
	display: inline;
}

.grid .accordion_block {
	display: block;
}

.grid .accordion_table_row, .accordion_row {
	display: table-row;
}

.grid .accordion_table_cell, .accordion_cell {
	display: table-cell;
}

.grid .accordion_table {
	display: inline-table;
}

.grid a.accordion_plus {
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/components/accordion/images/button_plus_normal.png") 0 0 no-repeat;
	white-space: nowrap;
}

.grid a.accordion_plus:hover { 
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/components/accordion/images/button_plus_hover.png") 0 0 no-repeat;
	white-space: nowrap;
}

.grid a.accordion_minus {
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/components/accordion/images/button_minus_normal.png") 0 0 no-repeat;
	white-space: nowrap;
}

.grid a.accordion_minus:hover { 
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url("/components/accordion/images/button_minus_hover.png") 0 0 no-repeat;
	white-space: nowrap;
}