/* description: Primary component stylesheet. */

table.toggle {
	font: 11px tahoma, san-serif;
	padding: 5px 5px 3px 5px;
	margin: 0px;
}

.toggle_section { 
	border-top: #CCCCCC 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 5px;
	margin: 0px;
}

.toggle_none {
	display: none;
}

.toggle_inline {
	display: inline;
}

.toggle_block {
	display: block;
}

.toggle_table_row, .toggle_row {
	display: table-row;
}

.toggle_table_cell, .toggle_cell {
	display: table-cell;
}

.toggle_table {
	display: inline-table;
}

a.link {
	font: 11px tahoma, san-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

a.link_bold {
	font: bold 11px tahoma, san-serif;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

a.toggle_plus {
	float: left;
	width: 9px;
	height: 12px;
	cursor: pointer;
	background: url('/components/toggle/images/plus.png') left no-repeat;
	white-space: nowrap;
	padding-right: 5px;
}

a.toggle_minus {
	float: left;
	width: 9px;
	height: 12px;
	cursor: pointer;
	background: url('/components/toggle/images/minus.png') left no-repeat;
	white-space: nowrap;
	padding-right: 5px;
}

/* toggle-able grips */
a.grip {
	border-top: #FFFFFF 1px solid;
	border-right: #AAAAAA 1px solid;
	border-bottom: #AAAAAA 1px solid;
	border-left: #FFFFFF 1px solid;
	background-color: #DDDDDD;
	vertical-align: middle;
	cursor: pointer;
}

a.grip:hover {
	border-top: #AAAAAA 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #AAAAAA 1px solid;
	background-color: #DCDCDC;
	vertical-align: middle;
	cursor: pointer;  
}

/* for file system/file manager toggle field */
.rollover_fm, .rollover_ul {
	width: 28px;
	height: 23px;
}

.rollover_fm img {
	display: block;
	width: 16px;
	height: 16px;
	background: url("/skins/default/images/button_file_source.png") 0 0 no-repeat;
	
}

.rollover_ul img {
	display: block;
	width: 16px;
	height: 16px;
	background: url("/skins/default/images/button_file_source.png") 0 -16px no-repeat;
}
