@charset "utf-8";

/**
 * "framework7" - A CSS structure and development enviroment.
 *
 * this css-component-file contains color-, layout- and typo-definitions.
 *
 * @author 			Matthias Arncnik
 * @copyright 		Copyright 2007, Matthias Arncnik
 * @date 			2007-02-11
 * @lastmodified 	2008-02-11
 *
 * @package 		framework7
 * @subpackage 		default
 *
 * @version 		3.0.4
 *
 * @media 			all, print
 * @site 			default
 * @style 			default
 */

@media all {
	/**
	 * @section color
	 */
	/* window pane */
	div.window-pane-top {
		background-image: url(../../../images/storm/components/panes/window_pane_top_bg.png);
		background-position: top center;
		background-repeat: no-repeat;
	}
	div.window-pane-content {
		background-image: url(../../../images/storm/components/panes/window_pane_content_bg.png);
		background-position: top center;
		background-repeat: repeat-y;
	}
	div.window-pane-bottom {
		background-image: url(../../../images/storm/components/panes/window_pane_bottom_bg.png);
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	div.window-pane-header {
		background-image: url(../../../images/storm/components/panes/window_pane_header_bg.png);
		background-position: top center;
		background-repeat: no-repeat;
	}
	div.window-pane-footer {
		background-image: url(../../../images/storm/components/panes/window_pane_footer_bg.png);
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	/* content pane */
	div.content-pane-top {
		background-image: url(../../../images/storm/components/panes/content_pane_top_bg.png);
		background-position: top center;
		background-repeat: no-repeat;
	}
	div.content-pane-header {
		background-color: #F2F2F2;
		border-top-color: #CCCCCC;
		border-bottom-color: #E5E5E5;
	}
	.CollapsiblePanelOpen .CollapsiblePanelTab {
		background-image: url(../../../images/storm/icons/cp/header/icon_close.gif);
		background-position: center;
		background-repeat: no-repeat;
	}
	.CollapsiblePanelClosed .CollapsiblePanelTab {
		background-image: url(../../../images/storm/icons/cp/header/icon_open.gif);
		background-position: center;
		background-repeat: no-repeat;
		
		background-color: #E5E5E5;
	}
	.CollapsiblePanelOpen .CollapsiblePanelTabHover,
	.CollapsiblePanelClosed .CollapsiblePanelTabHover {
		background-color: #CCCCCC;
	}
	.CollapsiblePanelOpen .CollapsiblePanelTabHover {
		background-image: url(../../../images/storm/icons/cp/header/icon_close_hover.gif);
		background-position: center;
		background-repeat: no-repeat;
	}
	.CollapsiblePanelClosed .CollapsiblePanelTabHover {
		background-image: url(../../../images/storm/icons/cp/header/icon_open_hover.gif);
		background-position: center;
		background-repeat: no-repeat;
	}
	div.content-pane-content {
		background-color: #F2F2F2;
	}
	div.content-pane-bottom {
		background-image: url(../../../images/storm/components/panes/content_pane_bottom_bg.png);
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	/**
	 * @section layout
	 */
	/* window pane */
	div.window-pane {}
	div.window-pane-top {
		clear: both;
		position: relative;
		
		height: 30px;
	}
	div.window-pane-content {
		padding: 0 11px 0 11px;
	}
	div.window-pane-bottom {
		clear: both;
		position: relative;
		
		height: 30px;
	}
	div.window-pane-header {
		clear: both;
		position: relative;
		
		padding: 0 0 20px 0;
	}
	div.window-pane-body {
		clear: both;
		width: auto;
		
		padding: 0 9px;
	}
	div.window-pane-footer {
		clear: both;
		position: relative;
		
		padding: 10px 0 0 0;
	}
	
	/* content-pane */
	div.content-pane {}
	div.content-pane-top {
		clear: both;
		position: relative;
		
		height: 5px;
	}
	div.content-pane-content {}
	div.content-pane-bottom {
		clear: both;
		position: relative;
		
		height: 5px;
	}
	div.content-pane-header {
		clear: both;
		position: relative;
		
		padding: 2px 5px;
		
		border-top-style: solid;
		border-top-width: 1px;
		
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	.CollapsiblePanelClosed div.content-pane-header {
		border-bottom-width: 0px;
	}
	div.content-pane-body {
		clear: both;
		width: auto;
		padding: 15px 20px;
	}
	div.content-pane-footer {
		clear: both;
		position: relative;
	}
	 
	/**
	 * @section typography
	 */
}

@media print {

}