/* ExCol styles for expand/collapse script
 *
 * Copyright © 2011 W3C® (MIT, ERCIM, Keio). All Rights Reserved.
 * See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
 *
 * Author: Shadi Abou-Zahra
 * Version: 1.0
 * Date: 25 March 2011
 *
 */

/* expand/collapse button */
.xk_button { text-align: center; font-size: 0.75em; margin: 2px 7px 5px 2px; padding: 0; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; -moz-border-radius: 4px; background-color: rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); -webkit-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); vertical-align: middle; }
.xk_button:hover { background-color: rgba(100,100,220,0.25); }
.xk_button:focus { background-color: rgba(5,5,11,0.95); color: #fff; }
.xk_button:active { background-color: rgba(0,0,220,0.25);-webkit-box-shadow: 0 0 5px 2px rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }
.xk_button img { vertical-align: middle; margin: 0; padding: 0; }

/* expand/collapse button container in open state */
.xk_bttn_open { }

/* expand/collapse button container in closed state */
.xk_bttn_clsd { }

/* expand this section link */
.xk_expand a { }

/* collapse this section link */
.xk_collapse a { }

/* expand/collapse link container in open state */
.xk_link_open { }

/* expand/collapse link container in closed state */
.xk_link_clsd { }

/* expand/collapse all button */
.xk_button_all { }

/* expand/collapse all button in active state */
.xk_button_all_on { text-align: center; margin: 2px 7px 5px 2px; padding: 0 3px 0 3px; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; -moz-border-radius: 4px; background-color: rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); -webkit-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); vertical-align: middle; }
.xk_button_all_on img { vertical-align: middle; margin: 0 3px 0 0; padding: 0; } 
.xk_button_all_on span { vertical-align: middle; margin: 0; padding: 0 0 0 2px; } 
.xk_button_all_on:hover { background-color: rgba(100,100,220,0.25); }
.xk_button_all_on:focus { background-color: rgba(5,5,11,0.95); color: #fff; }
.xk_button_all_on:active { background-color: rgba(0,0,220,0.25);-webkit-box-shadow: 0 0 5px 2px rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }

/* expand/collapse all button in disabled state */
.xk_button_all_off { text-align: center; margin: 2px 7px 5px 2px; padding: 0 3px 0 3px; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; -moz-border-radius: 4px; background-color: rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); -webkit-box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); box-shadow: 0 0 0 0 rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(100,100,100,0.3); vertical-align: middle; opacity:0.4; filter:alpha(opacity=40); color: #000; }
.xk_button_all_off img { vertical-align: middle; margin: 0 3px 0 0; padding: 0; } 
.xk_button_all_off span { vertical-align: middle; margin: 0; padding: 0 0 0 2px; } 
.xk_button_all_off:hover { background-color: rgba(100,100,220,0.25); }
.xk_button_all_off:focus { background-color: rgba(5,5,11,0.95); color: #fff; }
.xk_button_all_off:active { background-color: rgba(0,0,220,0.25);-webkit-box-shadow: 0 0 5px 2px rgba(255,200,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }

/* expand/collapse all button label */
.xk_label_all { }

/* expand/collapse all button container */
.xk_controls_all { }

/* hidden contents -- "display:none" is essential */
.xk_hidden { display: none; visibility: hidden; }