/* toggle styles */

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 */
.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;
}

.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;  
}

/* horizontal grips */
.grip.horizontal.opened {
 background: url("/components/toggle/images/grip_up.gif") center no-repeat;
}

.grip.horizontal.opened:hover {
 background: url("/components/toggle/images/grip_up.gif") center no-repeat;
}

.grip.horizontal.closed {
 background: url("/components/toggle/images/grip_down.gif") center no-repeat;
}

.grip.horizontal.closed:hover {
 background: url("/components/toggle/images/grip_down.gif") center no-repeat;
}

/* vertical grips */
.grip.vertical.opened {
 background: url("/components/toggle/images/grip_left.gif") center no-repeat;
}

.grip.vertical.opened:hover {
 background: url("/components/toggle/images/grip_left.gif") center no-repeat;
}

.grip.vertical.closed {
 background: url("/components/toggle/images/grip_right.gif") center no-repeat;
}

.grip.vertical.closed:hover {
 background: url("/components/toggle/images/grip_right.gif") center no-repeat;
}

/* Windows XP-like rollover buttons */
/* File Manager */
.toggle_fm a {
 display: block;
 width: 36px;
 height: 20px;
 background: url("/skins/default/images/toggle_fm.gif") 0 0 no-repeat;
 white-space: nowrap;
}

.toggle_fm a:hover { 
 background-position: 0 -20px;
}

.toggle_fm a:active {
 background-position: 0 -40px;
}

/* Module Toolbar */
.toggle_config a { /* config button */
 display: block;
 width: 36px;
 height: 20px;
 background: url("/skins/default/images/toggle_config.gif") 0 0 no-repeat;
 white-space: nowrap;
}

.toggle_config a:hover { 
 background-position: 0 -20px;
}

.toggle_config a:active {
 background-position: 0 -40px;
}

.toggle_app a { /* appearance button */
 display: block;
 width: 36px;
 height: 20px;
 background: url("/skins/default/images/toggle_app.gif") 0 0 no-repeat;
 white-space: nowrap;
}

.toggle_app a:hover { 
 background-position: 0 -20px;
}

.toggle_app a:active {
 background-position: 0 -40px;
}

.toggle_roles a { /* roles button */
 display: block;
 width: 36px;
 height: 20px;
 background: url("/skins/default/images/toggle_roles.gif") 0 0 no-repeat;
 white-space: nowrap;
}

.toggle_roles a:hover { 
 background-position: 0 -20px;
}

.toggle_roles a:active {
 background-position: 0 -40px;
}