/* CSS for Toggler Plugin
 * Written by Nimrod Tsabari
 * Since Version 0.1b
 * Relase Version 3.15
 */

.toggler-hide-ghost { display: none; }
.toggler-show-ghost { display: block; }
.toggler-hide-noghost { visibility: hidden; }
.toggler-show-noghost { visibility: visible; }
.toggler-block { display: block; }
.toggler-inline { display: inline-block; zoom: 1; *display: inline; }
.toggler-link, 
.toggler-link-ext { cursor: pointer; }
.toggler-icon-hide { display: none !important; }
.toggler-icon-show { display: inline-block !important; }
.toggler-clearfix:before, .clearfix:after { content: ""; display: table; }
.toggler-clearfix:after { clear: both; }
.toggler-clearfix { *zoom: 1; }


/*** Themes ***/ 
/* Theme : Framed */

.toggler-theme-framed-dark {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
	padding: 10px;
	background: #666;
	border-radius: 2px;
	color: #fff;
}
.toggler-theme-framed-dark .toggler-link span:last-of-type {
	text-shadow: 1px 1px #000;
	-moz-text-shadow: 1px 1px #000;
	-webkit-text-shadow: 1px 1px #000;
}
.toggler-theme-framed-dark .toggler-target {
	padding-left: 24px;
	font-size: 0.8em;
}
/* Theme : Framed Light */
.toggler-theme-framed-light {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(255,255,255,.2);
	padding: 10px;
	background: #eee;
	border-radius: 2px;
	color: #444;
}
.toggler-theme-framed-light .toggler-link span:last-of-type {
	text-shadow: 1px 1px #fff;
	-moz-text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;
}
.toggler-theme-framed-light .toggler-target {
	padding-left: 24px;
	font-size: 0.8em;
}


.toggler-theme-boxed-white {
	border: 1px solid #fff;
	box-shadow: 0px 0px 5px #888 inset;
	padding: 5px;
	background: rgba(230,230,230,1);
	margin: 10px 0;
}
.toggler-theme-boxed-white > .toggler-target > div { 
	background: #CCC;
	padding: 5px 10px;
	margin: 5px -3px -3px;
}
.toggler-theme-boxed-white > .toggler-link {
	padding: 0px 5px;
}
.toggler-theme-boxed-black {
	border: 1px solid #000;
	box-shadow: 0px 0px 5px #444 inset;
	padding: 5px;
	background: rgba(30,30,30,1);
	margin: 10px 0;
}
.toggler-theme-boxed-black > .toggler-target > div { 
	background: #333;
	padding: 5px 10px;
	margin: 5px -3px -3px;
}
.toggler-theme-boxed-black > .toggler-link {
	padding: 0px 5px;
}
.toggler-theme-boxed-gray {
	border: 1px solid #444;
	box-shadow: 0px 0px 5px #AAA inset;
	padding: 5px;
	background: #888;
	margin: 10px 0;
}
.toggler-theme-boxed-gray > .toggler-target > div { 
	background: #666;
	padding: 5px 10px;
	margin: 5px -3px -3px;
}
.toggler-theme-boxed-gray > .toggler-link {
	padding: 0px 5px;
}
.toggler-theme-columns-dark:before, .toggler-theme-columns-dark:after { content: ""; display: table; }
.toggler-theme-columns-dark:after { clear: both; }
.toggler-theme-columns-dark { *zoom: 1; }
.toggler-theme-columns-dark {
	margin: 5px 0;
	width: 100%;
}
.toggler-theme-columns-dark > .toggler-target {
	float: left;
	width: 50%;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.toggler-theme-columns-dark > .toggler-target div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px 10px;
	background: #555;
	box-shadow: -3px 3px 5px #222;
}
.toggler-theme-columns-dark > .toggler-link {
	float: left;
	border-right: 2px solid #333;
	padding: 5px 10px;
	display: table-cell;
	background: #222;
	width: 50%;
	position: relative;	
	box-shadow: -3px 3px 5px black;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.toggler-theme-columns-dark > .toggler-link:active {
	box-shadow: -1px 1px 3px black;
	margin-top: 3px;
	margin-left: -3px;
}
.toggler-theme-columns-dark > .toggler-link:before {
	content: ">";
	position: absolute;
	border: 0;
	border-style: solid;
	border-color: transparent transparent transparent white;
	right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: georgia;
	text-shadow: 1px 1px black;
	font-weight: bolder;
	color: #999;
}
.toggler-theme-columns-light:before, .toggler-theme-columns-light:after { content: ""; display: table; }
.toggler-theme-columns-light:after { clear: both; }
.toggler-theme-columns-light { *zoom: 1; }
.toggler-theme-columns-light {
	margin: 5px 0;
	width: 100%;
}
.toggler-theme-columns-light > .toggler-target {
	float: left;
	width: 50%;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.toggler-theme-columns-light > .toggler-target div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px 10px;
	background: #ddd;
	box-shadow: -3px 3px 5px #999;
}
.toggler-theme-columns-light > .toggler-link {
	float: left;
	border-right: 2px solid #ccc;
	padding: 5px 10px;
	display: table-cell;
	background: #eee;
	width: 50%;
	position: relative;	
	box-shadow: -3px 3px 5px #888;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.toggler-theme-columns-light > .toggler-link:active {
	box-shadow: -1px 1px 3px #888;
	margin-top: 3px;
	margin-left: -3px;
}
.toggler-theme-columns-light > .toggler-link:before {
	content: ">";
	position: absolute;
	border: 0;
	border-style: solid;
	border-color: transparent transparent transparent white;
	right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: georgia;
	text-shadow: 1px 1px black;
	font-weight: bolder;
	color: #bbb;
}