/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Typography Styling
 */
 
 /* text allignments */
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}


/* preformats */
/* Pre, Code ---*/
.typo-pre-title {
	background: #f6f6f6 ;
	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);
	background-image: -moz-linear-gradient(top,  #fff,  #ddd);
	background-image: -ms-linear-gradient(top,  #ffffff,  #dddddd);
	background-image: -o-linear-gradient(top,  #fff,  #ddd);	
	line-height: 32px; font-size: 14px;
	border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; 
	margin:1.5em 0 0;
	color:#333; text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.9), 1px 1px 0px rgba(255, 255, 255, 0.5);
	padding: 0 15px;
	box-shadow: 0 0 0 1px #bbb inset, 0 1px 0 1px #fff inset;
	-webkit-box-shadow: 0 0 0 1px #bbb inset, 0 1px 0 1px #fff inset;
	position: relative; overflow:hidden;
    font-family: Helvetica, Verdana, Arial, sans-serif;
	clear:both;
}


pre, .code, .contents {
	background: url(../images/pre.png) repeat #F9F7F8 !important;
	border: 1px solid #ccc !important;
	border-left-width: 3px !important;
	border-top: none !important;
	border-radius: 0 0 5px 8px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 4px 4px;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
	margin: 0 0 3em !important;
	position:relative;
}

pre, .code {padding: 0.75em 15px !important; overflow-x: auto;}

.contents {
	border-left-width: 1px !important;
	font: 1em Helvetica, Verdana, Arial, sans-serif !important;
	overflow: hidden;
	padding: 0 15px;
	background: none !important;
}

.contents img {border-radius: 4px;-webkit-border-radius: 4px;}

.codediv {display:none;margin:0;padding:0; position: relative; }


/* Inline Words Hilite ---*/
span.highlight, .highlight {
	background: #666; color: #fff; font-weight:normal;
	padding: 0px 5px;
}

/* Dropcap ---*/
.dropcap {
	display: block;
	float: left;
	font: 40px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 7px 8px 0 0;
	color:inherit;
}

/* Blockquote ---*/
blockquote { font-size: 100%; font-style:italic; color:#909090; }

blockquote.left {
	width:48%;
	padding: 0 2% 0 0;
	float:left;
}

blockquote.background {
	background:#f3f3f3;
	border: 0; box-shadow: 0 0 0 1px #ccc inset; -webkitbox-shadow: 0 0 0 1px #ccc inset;
	padding: 1.45em 15px !important;
	margin: 1.5em 0 !important;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}
blockquote {margin-top:0 !important}

blockquote span.open {
	background: url(../images/so-q.png) no-repeat left 5px;
	display: inline-block;
	padding: 1.5em 0 0 30px;
}

blockquote.background span.open {}

blockquote span.close {
	background: url(../images/sc-q.png) no-repeat bottom right;
	display: inline-block;
	padding: 0 30px 0.75em 0;
	margin-bottom:0.75em;
}

blockquote.background span.close {
	background-image: url(../images/sc-q1.html);
}


/* sub & sup tags ---*/ 
sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; }

/* list styles */
ol, ul, dl {margin: 1.5em 0; padding: 0}
ul li {/*margin-left:5px; fix*/}

ol li {
    line-height: 1.5em;
    list-style: decimal inside none;
    margin-left: 0;
}

ul li {
	background: url(../images/bullet.png) no-repeat 0 7px;
    padding-left: 10px;
}

dl dt {font-style: italic}
dl dd {padding-left: 10px}

/* Special list style ---*/
ul.typo-list {line-height:1.5; margin: 1.5em 0;}

ul.typo-list li {
	background: none !important;
	margin-left: 0/*8px*/;
	padding: 0 5px 0 22px !important;
	position: relative;
	overflow: hidden !important;
	line-height: 1.5;
}

.icon {
    padding-left: 0 !important;
}

ul.typo-list span.icon {
	background-image: url(../images/icons-sprites.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.list-arrow li {padding-left: 18px !important;}

ul.list-arrow 	span.icon { background-position: left top !important; } /* fixed */
ul.list-star 	span.icon { background-position: left -20px !important; } /* fixed */
ul.list-check	span.icon {	background-position: left -38px !important; } /* fixed */
ul.list-phone	span.icon { background-position: -18px top !important; } /* fixed */
ul.list-address	span.icon { background-position: -18px -20px !important; } /* fixed */
ul.list-mail	span.icon { background-position: -18px -37px !important; } /* fixed */

/* menu */
div.moduletable.menu h3 {padding: 9px 20px 8px; background: #ccc;}
div.moduletable.hilite p,
div.moduletable ul {margin-bottom: 0 !important;}
div.moduletable.menu,
div.moduletable.hilite {margin-bottom:4.5em;}


/* Hilite ---*/
div.moduletable.hilite .inner{margin: 0 !important;}
div.moduletable.hilite {background: #eee; padding: 1.5em 15px /*1.5em*/ !important; border-radius: 4px; -webkit-border-radius: 4px;}
div.moduletable.hilite h3 ,div.moduletable.hilite strong {background: none; color:#333 !important/*padding: 0.5em 0 0 0;*/}

div.moduletable.hilite p:last-child,
div.moduletable.hilite ol:last-child,
div.moduletable.hilite dl:last-child,
div.moduletable.hilite ul:last-child {margin-bottom:0}

/*.hilite common */
div.moduletable.hilite.brown h3, 
div.moduletable.hilite.brown strong, 
div.moduletable.hilite.brown a, 
div.moduletable.hilite.turquoise h3, 
div.moduletable.hilite.turquoise strong, 
div.moduletable.hilite.turquoise a, 
div.moduletable.hilite.yellow h3, 
div.moduletable.hilite.yellow strong, 
div.moduletable.hilite.yellow a, 
div.moduletable.hilite.magenta h3, 
div.moduletable.hilite.magenta strong, 
div.moduletable.hilite.magenta a, 
div.moduletable.hilite.purple h3,
div.moduletable.hilite.purple strong,
div.moduletable.hilite.purple a,
div.moduletable.hilite.green strong,
div.moduletable.hilite.green a, 
div.moduletable.hilite.green h3, 
div.moduletable.hilite.blue a,
div.moduletable.hilite.blue strong,
div.moduletable.hilite.blue h3 ,
div.moduletable.hilite.orange h3, 
div.moduletable.hilite.orange a, 
div.moduletable.hilite.orange strong,
div.moduletable.hilite.red h3, 
div.moduletable.hilite.red a, 
div.moduletable.hilite.red strong,
div.moduletable.hilite.pink h3, 
div.moduletable.hilite.pink a, 
div.moduletable.hilite.pink strong,
div.moduletable.hilite.black h3, 
div.moduletable.hilite.black a, 
div.moduletable.hilite.black strong
{color:#fff !important;}

div.moduletable.hilite  {margin-left:20px;}

/* purple */
div.moduletable.hilite.purple, div.moduletable.hilite.purple {background: #7630AB; color:#fff;}
div.moduletable.hilite.purple div.box-ct {}

/* magenta */
div.moduletable.hilite.magenta, div.moduletable.hilite.magenta {background: #AD278C; color:#fff;}
div.moduletable.hilite.magenta div.box-ct {}

/* green */
div.moduletable.hilite.green, div.moduletable.hilite.green {background: #74B600; color:#fff;}
div.moduletable.hilite.green div.box-ct {}

/* blue */
div.moduletable.hilite.blue, div.moduletable.hilite.blue {background: #3396c4; color:#fff;}
div.moduletable.hilite.blue div.box-ct {}

/* turquoise */
div.moduletable.hilite.turquoise, div.moduletable.hilite.turquoise {background: #10CDE1; color:#fff;}
div.moduletable.hilite.turquoise div.box-ct {}

/* yellow */
div.moduletable.hilite.yellow, div.moduletable.hilite.yellow {background: #E1CD20; color:#fff;}
div.moduletable.hilite.yellow div.box-ct {}

/* orange */
div.moduletable.hilite.orange, div.moduletable.hilite.orange {background: #FF6600; color:#fff;}
div.moduletable.hilite.orange div.box-ct {}

/* red */
div.moduletable.hilite.red, div.moduletable.hilite.red {background: #d80e0e; color:#fff;}
div.moduletable.hilite.red div.box-ct {}

/* brown */
div.moduletable.hilite.brown, div.moduletable.hilite.brown {background: #a84f00; color:#fff;}
div.moduletable.hilite.brown div.box-ct {}

/* pink */
div.moduletable.hilite.pink, div.moduletable.hilite.pink {background: #F0084F; color:#fff;}
div.moduletable.hilite.pink div.box-ct {}

/* black */
div.moduletable.hilite.black, div.moduletable.hilite.black {background: #111; color:#fff;}
div.moduletable.hilite.black div.box-ct {}

div.moduletable.hilite span.mod-desc, div.moduletable.hilite span.mod-desc {color:#666}

div.moduletable.hilite.magenta span.mod-desc, 
div.moduletable.hilite.purple span.mod-desc,
div.moduletable.hilite.turquoise span.mod-desc,
div.moduletable.hilite.blue span.mod-desc, 
div.moduletable.hilite.yellow span.mod-desc, 
div.moduletable.hilite.green span.mod-desc, 
div.moduletable.hilite.orange span.mod-desc, 
div.moduletable.hilite.black span.mod-desc, 
div.moduletable.hilite.brown span.mod-desc,
div.moduletable.hilite.red span.mod-desc, 
div.moduletable.hilite.pink span.mod-desc {color:#fff;}

dl dd {padding-left:10px;}

/* Big Number ---*/
p.blocknumber {
	position: relative;
	padding: 0 0 0 55px !important;
	min-height: 54px;
	/*min-height: 36px;*/
}

p.blocknumber .bignumber {
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	color: #333; 
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px !important;
	position: absolute;
	top: 5px;
	left: 1px;
	font: bold 26px/normal Arial, sans-serif;
	text-align: center;
	border-radius:15px 20px 10px 20px; -webkit-border-radius: 15px 20px 10px 20px;
	/*letter-spacing:-1px;*/
}

p.blocknumber .bignumber.green {background: #74B600; color: #fff }
p.blocknumber .bignumber.blue {background: #3396c4; color: #fff}
p.blocknumber .bignumber.turquoise {background: #10CDE1; color: #fff}
p.blocknumber .bignumber.brown {background: #a84f00; color: #fff}
p.blocknumber .bignumber.red {background: #d80e0e; color: #fff}
p.blocknumber .bignumber.pink {background: #F0084F; color: #fff}
p.blocknumber .bignumber.orange {background: #f78d1d; color: #fff}
p.blocknumber .bignumber.yellow {background: #ecd61a; /*#bda900;*/ color: #fff}
p.blocknumber .bignumber.magenta {background: #941675; color: #fff}
p.blocknumber .bignumber.purple {background: #7630ab; color: #fff}
p.blocknumber .bignumber.black {background: #111; color: #fff}

/* ICON STYLE
-----------------------------------------------------------------*/
/* Tips, Error, Message, Hightlight ---*/
p.typo-icon {
	padding-left: 22px !important;
	position: relative;
}

p.typo-icon span.icon {
	background-image: url(../images/icons-sprites.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}

p.icon-error	span.icon { background-position: left -54px !important; } /* fixed */
p.icon-message	span.icon { background-position: left -72px !important; } /* fixed */
p.icon-bell 	span.icon {	background-position: left -90px !important; } /* fixed */
p.icon-help 		span.icon { background-position: left -108px !important; } /* fixed */
p.icon-tag 		span.icon { background-position: left -126px !important; } /* fixed */
p.icon-cart 	span.icon { background-position: right -54px !important; } /* fixed */
p.icon-doc 		span.icon { background-position: right -72px !important; } /* fixed */
p.icon-pdf 	span.icon { background-position: right -90px !important; } /* fixed */
p.icon-calendar 	span.icon { background-position: right -108px !important; } /* fixed */
p.icon-mobile 	span.icon { background-position: right -126px !important; } /* fixed */

/*fix */
.icon-mobile, .icon-calendar, .icon-help, .icon-doc,
.icon-cart, .icon-tag, .icon-pdf, .icon-bell, .icon-message , .icon-error{
	background-image: none !important; padding-top:0 !important;padding-bottom:0 !important;
}

/* bubbles */
/* Common Style + Style 1 */
.typo-bubble {
	position: relative;
	margin: 0 0 1.5em 0;
}

.typo-blockrow .typo-bubble {margin: 1.5em 0;}

.typo-bubblect {
	padding: 1.5em 15px;
	border: 1px solid #ddd; 
	background: #fff;
}

.typo-bubble p.typo-bubble-meta {
	margin: 0 !important;
	height: 18px;
	padding-left: 65px;
}

.typo-bubble span.typo-bubble-author {
	font-weight: bold;
	display: block;
	padding-top: 0px;
	font-size:11px;
}

.typo-bubble span.typo-bubble-arrow {
	display: block;
	position: absolute;
	bottom: 1px;
	left: 28px;
	width: 25px;
	height: 18px;
	background: url(../images/bubble-arrow.png) 0 0;
}

/* Style 2 --- */
.bubble-2 .typo-bubblect { border: 1px solid #ddd; }
.bubble-2 span.typo-bubble-arrow { background-position: -25px 0; }

/* Style 3 --- */
.bubble-3 .typo-bubblect { border: 1px solid #B7D4E9; background:#e5f2fe; }
.bubble-3 span.typo-bubble-arrow { background-position: 0 -18px; }

/* Style 4 --- */
.bubble-4 .typo-bubblect { background: #E5F2FE; border: 0 none; border: 2px solid #B7D4E9;  }
.bubble-4 span.typo-bubble-arrow { background-position: -25px -18px; }

/* Style 5 --- */
.bubble-5 .typo-bubblect { border: 0; background: #454545; color: #fff; }
.bubble-5 span.typo-bubble-arrow { background-position: -50px -36px; }
.bubble-5 strong {color:#fff;}

/* Style 6 --- */
.bubble-6 .typo-bubblect { border: 0 !important; background: #157cbb !important; color: #fff; }
.bubble-6 span.typo-bubble-arrow { background-position: -25px -36px; }
.bubble-6 strong {color:#fff;}

/* Common Style for Rounded Bubbles --- */
.bubble-rounded .typo-bubblect {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* image styles */
/* responsive */

/*.typo-column .typo-img-wrap {margin: 0 5px 0 0 !important} demo only */
.typo-column .typo-img-wrap {width: 95% !important}
.typo-img-wrap,
.typo-img-wrap img {width: 100%; height: auto}
.img-wrap-1, .img-wrap-2 div, .img-wrap-3 div div, .img-wrap-4, 
.img-wrap-5, .img-wrap-6, .img-wrap-7, .img-wrap-8 div div, .img-wrap-9,
.img-wrap-10, .img-wrap-11, .img-wrap-12  {width: 100%}
img.border {padding: 1px; border: 1px solid #666;}
img.round {border-radius: 4px; -webkit-border-radius: 4px;}

.typo-column div.moduletable {margin: 1.5em 0 0}

/* round border */
.typo-img-wrap, .img-wrap-2 div, .img-wrap-3 div div, .img-wrap-8 div div, .img-wrap-9 span, .img-wrap-9 img {border-radius: 4px; -webkit-border-radius: 4px;}
.img-wrap-7 img {border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.img-wrap-7 span span {border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;}
.typo-img-wrap {
	border: 1px solid #bbb;
	display:inline-block;
	background:#fff;
	position:relative;
	
}

.typo-img-wrap img {
	/*padding:4px;*/
}

.img-wrap-1  {padding:4px}

.img-wrap-2 {
	background: url(../images/img-shadow.png) no-repeat bottom center transparent !important;
	padding:0; padding-bottom: 10px;
	border: 0 !important;
}

.img-wrap-2 div {
	border: 1px solid #bbb; padding:4px;
	background-color: #fff;
}

.img-wrap-3, .img-wrap-8 {
	background: url(../images/img-shadow2-l.png) no-repeat 7px bottom transparent !important;
	border: 0 !important; padding:0;
}

.img-wrap-3 div {
	background: url(../images/img-shadow2-r.png) no-repeat 99% bottom;
	padding:0 0 10px;
}

.img-wrap-3 div div, .img-wrap-8 div div {
	background:#fff;
	border: 1px solid #bbb;
	background-color: #fff;
	padding:4px /*0*/;
}

.img-wrap-4 {
	border: 1px solid #bfccd4;
	background:#d6e4ec;
	padding:4px;
}

.img-wrap-5 {
	border: 1px solid #b1b1b1;
	background:#b1b1b1;
	padding:4px;
}

.img-wrap-5 img {background:none;}

.img-wrap-6 {
	float:left;
	padding:4px;
}

.img-wrap-6 span {
	clear:both;
	display:block;
	font-size:92%;
	padding: 3px 7px 4px;
	color:#868686;
}

.img-wrap-7 {
	border: 0 !important;
	/* width: 170px; */
	position:relative;
	/*height: 100px;*/
	margin-bottom: 26px;
	padding: 0;
}
.img-wrap-7 span {
	clear:both;
	display:block;
	background:url(../images/img-wrap-7.gif) no-repeat scroll 10px 0;
	padding: 11px 0 0;
	margin: -11px 0 0;
	position:absolute;/**/
	bottom:0;
	z-index:1;
	width: 100%;
}
.img-wrap-7 span span {
	font-size:12px;
	color:#fff;
	display:block;
	/*padding: 9px 7px 7px;*/
	margin:0;
	background:#157cbb;
	bottom: auto;
	/*width: 156px;*/
	width:95.2%; /* custom */
	padding: 5px 2.5%; /* custom */
}
.img-wrap-7 img {
	padding:0;
	/*position:absolute;*/
}

.img-wrap-8 {
	position:relative;
	padding:0;
}
.img-wrap-8 span {
	position:absolute;
	background:url(../images/img-wrap-8.png);
	color:#fff;
	font-size:92%;
	/*width: 156px; custom
	width: 100%; */
	padding: 9px 7px 7px;
	top: 4px; bottom: 4px; left:4px; right:4px;
	opacity: 0; filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s ease-out 0.01s; 
	-webkit-transition:  opacity 0.2s ease-out 0.01s; 
	transition:  opacity 0.3s ease-out 0.01s;	
}

.img-wrap-8:hover span { opacity: 1; filter: alpha(opacity=100); }

.img-wrap-8 div div {position:relative;}

.img-wrap-9 {
	border:none; background:none;
	padding:0;
}

.img-wrap-9 img {
	background:#d6e4ec;
	border:1px solid #bfccd4;
	padding:4px;
}

.img-wrap-9 span {
	width: 96%;
	border: 1px solid #d6e4ec;
	display:block;
	background:#edf3f7;
	margin: 10px 0 0;
	font-size:11px;
	color:#868686;
	padding: 5px 4%;
	position:relative;
}

.img-wrap-9 span span {
	border:none;
	width: 13px;
	height: 8px;
	margin: -13px auto 5px;
	padding:0;
	background:url(../images/img-wrap-9.gif) no-repeat;
}

.img-wrap-10 {
	background:#5f5f5f;
	border:none;
	padding:5px;
}

.img-wrap-10 img {
	padding: 0;
	background:none;
}

.img-wrap-10 span {
	display:block;
	padding: 5px 10px 10px;
	color:#fff;
	font-size: 11px;
}

.img-wrap-11, .img-wrap-12 a {
	position:relative;
	padding:4px;
}

.img-wrap-11 a, .img-wrap-12 a {
	display:block;
	position:absolute;
	width: 100%/*180px*/;
	height: 100%/*110px*/;
	top: -1px;
	left: -1px;
	text-indent:-9999px;
}


.img-wrap-11 a:hover,
.img-wrap-11 a:active,
.img-wrap-11 a:focus {
	background:url(../images/img-wrap-11.png) no-repeat center;
}

.img-wrap-12 a:hover,
.img-wrap-12 a:active,
.img-wrap-12 a:focus {
	background:url(../images/img-wrap-12.png) no-repeat center;
}

.img-wrap-12 {padding: 4px}
.img-wrap-12 img {padding:0}

.img-wrap-1.left, 
.img-wrap-2.left,
.img-wrap-3.left,
.img-wrap-4.left, 
.img-wrap-5.left,
.img-wrap-6.left,
.img-wrap-7.left,
.img-wrap-8.left,
.img-wrap-9.left,
.img-wrap-10.left,
.img-wrap-11.left,
.img-wrap-12 .left
{float:left; margin-right:10px; width:auto;/*margin-top:1.5em; margin-bottom:15px;*/}

.typo-img-wrap.left div,
.typo-img-wrap.left img,
.typo-img-wrap.right div,
.typo-img-wrap.right img  {width:auto}

.img-wrap-1.right, 
.img-wrap-2.right,
.img-wrap-3.right,
.img-wrap-4.right, 
.img-wrap-5.right,
.img-wrap-6.right,
.img-wrap-7.right,
.img-wrap-8.right,
.img-wrap-9.right,
.img-wrap-10.right,
.img-wrap-11.right,
.img-wrap-12 .right
{float:right; margin-left:10px; width:auto;/*margin-top:1.5em; margin-bottom:15px;*/}

/* checkboxes and radios styles */
input[type="checkbox"],
input[type="radio"] {padding:0; margin: 0 3px 0 0; vertical-align:top;}
label {}

/* buttons styles */
.button, button, input[type="button"], input[type="submit"] {
	line-height:1.8;
	color: #666;
	text-transform: uppercase; 
	border:0; 
	font-family: Helvetica, Verdana, Arial, sans-serif !important;
	font-size: 10px;
	cursor: pointer;
	/*new code
	display: inline-block;*/
	zoom: 1;
	*display: inline;
	/*vertical-align: top;*/
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 3px 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 3px; border-radius: 3px;
	border: 1px solid #BBBBBB;	
	/* default white */
	background: #f6f6f6;
	vertical-align:middle;
}


input[type="button"], input[type="submit"] {line-height: 1.2 !important; padding: 2px 6px;}
button {line-height: 1.2 !important}

.browserChrome input[type="button"], .browserChrome input[type="submit"],
.browserSafari input[type="button"], .browserSafari input[type="submit"] {line-height: 1.4 !important; padding: 3px 8px;}

.browserChrome button,
.browserSafari button {line-height: 1.4 !important;}

.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#333;
	cursor: pointer; text-decoration: none !important;
	background: #e0e0e0;
}



/* p button wrapper */
p.buttons {line-height:3; margin: 1.5em 0;}
.browserIE9 p.buttons {line-height:1.5; margin: 1.5em 0;}

p.buttons .button {margin-right:3%;}

/* sizes */
.button.big {font-size: 14px; padding: 0.285em 1em !important; border-radius: 5px; -webkit-border-radius: 5px;}
.button.bigrounded {
	-webkit-border-radius: 2em;
	border-radius: 2em;
	font-size: 14px;
	padding: 0.285em 1em !important;
}
.button.medium {
	font-size: 12px;
}

.button.small { line-height: 1.8; text-transform: none; }

a.button { text-decoration: none !important; text-shadow: none !important}

/* black */
.button.black {
	color: #ccc !important; border: 1px solid #000 !important;
	text-shadow: none;-webkit-box-shadow: none; box-shadow: none;
	background: #111 !important;
}
.button.black:hover, .button.black:focus {
	color:#fff; border: 1px solid #000 !important;
	background: #000 !important;
}


/* grey */
.button.grey {
	color: #eee !important; border: 1px solid #888 !important;
	text-shadow: none !important; webkit-box-shadow: none; box-shadow: none;
	background: #999 !important;
}
.button.grey:hover, .button.grey:focus {
	color:#fff; border: 1px solid #777 !important;
	background: #858585 !important;
}

/* yellow */
.button.yellow {
	color: #666 !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #ECD61A !important/*c9b71c*/;
}

.button.yellow:hover, .button.yellow:focus {
	color:#333 !important;
	background: #e1cd20 !important;
}

/* blue */
.button.blue {
	color: #f6f6f6 !important; border: 0  !important;
	text-shadow: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #07c !important;
}
.button.blue:hover, .button.blue:focus {
	color:#fff !important;
	background: #069 !important;
}

/* turquoise */
.button.turquoise {
	color: #f6f6f6 !important; border: 0  !important;
	text-shadow: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #10CDE1 !important;
}
.button.turquoise:hover, .button.turquoise:focus {
	color:#fff !important;
	background: #0cbccf !important;
}

/* red */
.button.red {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #d80e0e !important;
}
.button.red:hover, .button.red:focus {
	color:#fff !important;
	background: #d60404;
}

/* brown */
.button.brown {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #a84f00 !important;
}
.button.brown:hover, .button.brown:focus {
	color:#fff !important;
	background: #934805 !important;
}

/* pink */
.button.pink {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #F0084F !important;
}
.button.pink:hover, .button.pink:focus {
	color:#fff !important;
	background: #d20846 !important;
}

/* orange */
.button.orange {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #f6a915 !important;
}
.button.orange:hover, .button.orange:focus {
	color:#fff !important;
	background: #f68f15 !important;
}

/* purple */
.button.purple {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #7630ab !important;
}
.button.purple:hover, .button.purple:focus {
	color:#fff !important;
	background: #60248e !important;
}

/* magenta */
.button.magenta {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #ad278c !important;
}
.button.magenta:hover, .button.magenta:focus {
	color:#fff !important;
	background: #941675 !important;
}

/* green */
.button.green {
	color: #eee !important; border: 0  !important;
	text-shadow: none !important;-webkit-box-shadow: none; box-shadow: none;
	background: #74B600 !important;
}
.button.green:hover, .button.green:focus {
	color:#fff !important; 
	background: #68a005 !important;
}


/* tables */
td {padding: 5px }
.vertical-table {/*min-width: 480px; overflow: auto;*/}
.typo-table thead tr th {border:0;}
.typo-table {
	border-collapse: collapse;
	margin:0 0 1.5em; padding:0;
}

.typo-table td {
	padding: 0 10px;
	border: 1px solid #CCCCCC
}

.typo-table td.first {
	border-left: 1px solid #ccc;/**/
}

.typo-table thead th {
	background:#888;
	background: -webkit-linear-gradient(top,  #999,  #666);
	background: -moz-linear-gradient(top,  #999,  #666);
	background: -ms-linear-gradient(top,  #999,  #666);
	background: -o-linear-gradient(top,  #999,  #666);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')";
	border-right: 1px solid #999 !important;
	padding: 0 10px;
	color:#fff; font-weight:normal; text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	line-height:36px; font-weight:bold;
	text-align:center;
}

.typo-table thead th {text-align:center; }
.typo-table thead th.last, .typo-table tr td.last {text-align:left;}

.typo-table thead th.first {text-transform:uppercase;text-align:left; }
.typo-table tr td.first {text-align:left;}

.table-rounded thead th.first {}

.table-rounded thead th.last {}

.table-rounded tr.last td.first {}

.table-rounded tr.last td.last {}

.typo-row-caption td {
	background:#f6f6f6;
}

/* styles */
.table-blue .typo-row-caption td {
	background:#f0f6f9;
}
.table-blue thead th {
	background: #3396c4;
	border-right: 1px solid #42a2cf !important;
	background: -webkit-linear-gradient(top,  #3396c4,  #2884ae);
	background: -moz-linear-gradient(top,  #3396c4,  #2884ae);
	background: -ms-linear-gradient(top,  #3396c4,  #2884ae);
	background: -o-linear-gradient(top,  #3396c4,  #2884ae);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3396c4', endColorstr='#2884ae')";
}


.table-green .typo-row-caption td {
	background:#ebffc6;
}

.table-green thead th {
	background:#4d7900;
	border-right: 1px solid #81CB00 !important;
	background: -webkit-linear-gradient(top,  #81CB00,  #4d7900);
	background: -moz-linear-gradient(top,  #81CB00,  #4d7900);
	background: -ms-linear-gradient(top,  #81CB00,  #4d7900);
	background: -o-linear-gradient(top,  #81CB00,  #4d7900);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81CB00', endColorstr='#4d7900')";
}

.table-red .typo-row-caption td {
	background:#fde2e2;
}

.table-red thead th {
	background:#950101;
	border-right: 1px solid #e90000 !important;
	background: -webkit-linear-gradient(top,  #e90000,  #950101);
	background: -moz-linear-gradient(top,  #e90000,  #950101);
	background: -ms-linear-gradient(top,  #e90000,  #950101);
	background: -o-linear-gradient(top,  #e90000,  #950101);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e90000', endColorstr='#950101')";
}

.table-orange .typo-row-caption td {
	background:#fef0da;
}

.table-orange thead th {
	background: #c74900;
	border-right: 1px solid #ec9a13 !important;
	background: -webkit-linear-gradient(top,  #ec9a13,  #c74900);
	background: -moz-linear-gradient(top,  #ec9a13,  #c74900);
	background: -ms-linear-gradient(top,  #ec9a13,  #c74900);
	background: -o-linear-gradient(top,  #ec9a13,  #c74900);
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec9a13', endColorstr='#c74900')";
}

/* new vertical pricing tables */
.vertical-table {
    border-collapse: separate;
    border-spacing: 5px 0;
}

.vertical-table tr td .button {margin:0.75em auto;}
.vertical-table tr td .button.big, .vertical-table tr td .button.bigrounded {margin:0.25em auto;}

.vertical-table tr td, .vertical-table tr td.first, .vertical-table thead th  {box-shadow: none; -webkit-box-shadow: none; border:0}

.vertical-table thead th {padding:1.5em 10px;
	background:#e6e6e6; color:#666; text-align:center; text-transform:none; 
	-ms-filter: none;  border:0 !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);	
}

.vertical-table thead th.first{text-align:right; vertical-align:bottom; background: none; width:25%; padding-right: 10px;
	color:#666; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.vertical-table thead th.last{}

.vertical-table thead th {line-height: normal; padding:0.75em 0;}
.vertical-table thead th span {float:left;width:100%;}
span.table-price-heading {font-size:12px; line-height:1.5;font-weight:bold;}
span.table-price {font-size:54px; line-height:1; background: url(../images/pw.png) repeat;}
span.table-price-rate {font-size:12px; line-height:1.5; text-transform:none;}
span.table-price-line {font-size:14px; line-height:1.285;}

.vertical-table tr td span.table-price-heading{color:#333;}

/* just to make them darker
.vertical-table thead th.green span.table-price {background:#4d7900;}
.vertical-table thead th.blue span.table-price {background:#0da3b3;}
.vertical-table thead th.orange span.table-price {background:#c74900;}
.vertical-table thead th.red span.table-price {background:#950101;}
.vertical-table thead th.gray span.table-price {background:#666;}*/

.vertical-table thead th.green, .vertical-table thead th.blue,
.vertical-table thead th.orange, .vertical-table thead th.red,
.vertical-table thead th.gray { border: 0; color:#fff; text-transform:uppercase;
	border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0;
}

.vertical-table thead th.green{ 
	background: #74B600;
	background: -webkit-linear-gradient(top,  #74B600,  #538102);
	background: -moz-linear-gradient(top,  #74B600,  #538102);
	background: -ms-linear-gradient(top,  #74B600,  #538102);
	background: -o-linear-gradient(top,  #74B600,  #538102);
}

.vertical-table thead th.blue{
	background:#0da3b3;
	background: -webkit-linear-gradient(top,  #3396c4,  #0977b8);
	background: -moz-linear-gradient(top,  #3396c4,  #0977b8);
	background: -ms-linear-gradient(top,  #3396c4,  #0977b8);
	background: -o-linear-gradient(top,  #3396c4,  #0977b8);
}
.vertical-table thead th.orange{
	background: #c74900;
	background: -webkit-linear-gradient(top,  #ec9a13,  #c74900);
	background: -moz-linear-gradient(top,  #ec9a13,  #c74900);
	background: -ms-linear-gradient(top,  #ec9a13,  #c74900);
	background: -o-linear-gradient(top,  #ec9a13,  #c74900);
}
.vertical-table thead th.red{
	background:#950101;
	background: -webkit-linear-gradient(top,  #e90000,  #950101);
	background: -moz-linear-gradient(top,  #e90000,  #950101);
	background: -ms-linear-gradient(top,  #e90000,  #950101);
	background: -o-linear-gradient(top,  #e90000,  #950101);
}
.vertical-table thead th.gray{
	background:#888;
	background: -webkit-linear-gradient(top,  #999,  #666);
	background: -moz-linear-gradient(top,  #999,  #666);
	background: -ms-linear-gradient(top,  #999,  #666);
	background: -p-linear-gradient(top,  #999,  #666);
}


.vertical-table tr td { text-align:center; text-transform:none;  padding: 0.75em 10px; background:#eee;}
.vertical-table tr.first td.first { border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; }
.vertical-table tr.first td {}
.vertical-table tr td.first{text-align:right; background-color:#fff;}

.vertical-table tr td.first {background:#eee}
.vertical-table tr.row2 td.first {background:#e0e0e0}

.vertical-table tr td.first.left-header { background-color: transparent !important; border-radius: 0; -webkit-border-radius: 0; }

.vertical-table tr.last td.last, .vertical-table tr td.last {text-align:center;}

.vertical-table tr td.orange {background:#fae3c0;}
.vertical-table tr td.red { background:#fddbdb;}
.vertical-table tr td.green { background:#e0ffa8;}
.vertical-table tr td.blue {	background:#D8F4FD;}
.vertical-table tr td.gray {	background:#f0f0f0;}

.vertical-table tr.row2 td {}
.vertical-table tr.row2 td.orange {background:#f8d49e;}
.vertical-table tr.row2 td.red { background:#f9cbcb;}
.vertical-table tr.row2 td.green { background:#d2f590;}
.vertical-table tr.row2 td.blue {	background:#b1e9fa;}
.vertical-table tr.row2 td.gray {	background:#e6e6e6;}

.vertical-table tr.last td.space{}
.vertical-table tr td.space.blue { background: #f0f6f9;}
.vertical-table tr td.space.green { background: #ebffc6;}
.vertical-table tr td.space.orange { background: #fef0da;}
.vertical-table tr td.space.red { background: #fdecec;}
.vertical-table tr td.space.gray { background: #f6f6f6;}


/* form */
/* Fieldset ----*/
/* Common Style + Style 1 */
fieldset.typo-fieldset {
	border: 3px solid #ddd;
	padding: 15px;
}

fieldset.typo-fieldset legend {
	padding: 0 10px;
}

/* Style 2 */
fieldset.fieldset-2 {}

fieldset.fieldset-2 legend {}

/*Use for Demo Page Only*/
#typo fieldset {
	margin-top: 1.5em;
}

input[type="text"],
input[type="email"],
input[type="password"] {vertical-align: middle;}

/*select,*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	border: 1px solid #ccc; padding: 1px 5px; color: #999;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);
}

/*select:focus,*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #aaa; color: #333;
	box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd;
}


/* content columns */
/*.typo-column div{width: 100%;}*/
.typo-column h1, .typo-column h2, .typo-column h3, .typo-column h4, .typo-column h5 {}
.typo-colswrap {/* text-align: justify; */ display:block; position:relative; margin: 0 -20px; overflow: hidden; clear:both}

.typo-column { margin: 0 /*1.5% 0 0*/; padding: 0; display:inline-block; /*float:left;*/ vertical-align:top;}
.typo-column .column-inner { margin: 0 20px;}

.typo-colswrap.cols-2 .typo-column { width: 49.5%; margin:0 /*1.5% 0 0*/}
.typo-colswrap.cols-3 .typo-column { width: 32.7%; margin:0 /*1.5% 0 0*/}
.typo-colswrap.cols-4 .typo-column { width: 24.25%; margin:0 /*1.2% 0 0*/}

div.item-page .typo-colswrap.cols-2 .typo-column { width: 49.9%; margin:0 /*1.5% 0 0*/}
div.item-page .typo-colswrap.cols-3 .typo-column { width: 33.2%; margin:0 /*1.5% 0 0*/}
div.item-page .typo-colswrap.cols-4 .typo-column { width: 24.9%; margin:0 /*1.2% 0 0*/}

.typo-colswrap .typo-column ul:last-child {margin: 1.5em 0 /*0*/;}
.typo-colswrap .typo-column p:last-child {margin: 1.5em 0 /*0*/;}

.typo-colswrap .typo-column.last { margin-right:0;}


/* CSS3 columns */
.css3-columns2,
.css3-columns3,
.css3-columns4 {text-align:justify;}

.css3-columns2 {
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
}
.css3-columns3 {
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
	column-count: 3;
	column-gap: 15px;
}
.css3-columns4 {
	-moz-column-count: 4;
	-moz-column-gap: 15px;
	-webkit-column-count: 4;
	-webkit-column-gap: 15px;
	column-count: 4;
	column-gap: 15px;
}

/* content columns*/

/* Blockswrap Actions ---*/
.typo-blocks-actions {
	font-size: 85%;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #999;
}

.typo-blocks-actions a {
	font-size: 85%;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #c00;
	text-decoration: none;
}

.typo-blockswrap small {color:#aaa;font-size:10px;font-weight:normal;}

em {font-family:Georgia, Helvetica, Arial, sans-serif;}

/* dark typo */
body.dark ul.typo-list span.icon,
body.dark p.typo-icon span.icon {background-image: url(../images/icons-sprites-dark.png);}

body.dark .typo-pre-title {
	background: #222 ;
	background-image: -webkit-linear-gradient(top,  #333333,  #222222);
	background-image: -moz-linear-gradient(top,  #333333,  #222222);
	background-image: -ms-linear-gradient(top,  #333333,  #222222);
	background-image: -o-linear-gradient(top,  #333333,  #222222);	
	color: #ccc; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.9), 1px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 1px #555 inset, 0 1px 0 1px #555 inset;
	-webkit-box-shadow: 0 0 0 1px #555 inset, 0 1px 0 1px #555 inset;
}
body.dark pre, body.dark .code, body.dark .contents {background: url(../images/pre.png) repeat #333 !important; border-color: #444 !important; }

body.dark .ja-typo-table {color:#bbb}
body.dark .typo-table td {border: 1px solid #555;}
body.dark .typo-table.vertical-table td {border: 0;}
body.dark .typo-row-caption td {background-color: #333}
body.dark .ja-typo-table td.first { border-left: 1px solid #666666;}
body.dark .ja-typo-table td {  box-shadow: -1px -1px 0 #666666 inset; -webkit-box-shadow: -1px -1px 0 #666666 inset;}

body.dark .ja-typo-table td  { background: #444;}
body.dark .ja-typo-row-caption td  { background: #555555;}

body.dark .table-orange td { background: #403C37;}
body.dark .table-orange .ja-typo-row-caption td { background: #544c41;}

body.dark .table-green td { background: #474D3C;}
body.dark .table-green .ja-typo-row-caption td { background: #4E593B;}

body.dark .table-blue td { background: #3E3F40;}
body.dark .table-blue .ja-typo-row-caption td { background: #4C5659;}

body.dark .table-red td { background: #403C3C;}
body.dark .table-red .ja-typo-row-caption td { background: #544949;}

body.dark .vertical-table tr td.space.gray { background: #262626; }
body.dark .vertical-table tr td.first, body.dark .vertical-table tr td.gray {  background: #181818; }
body.dark .vertical-table tr.row2 td.first, body.dark .vertical-table tr.row2 td.gray {  background: #303030; }
body.dark .vertical-table thead th.first, body.dark .vertical-table tr td span.table-price-heading {color:#ccc;}

body.dark .vertical-table tr.row2 td.green {  background: #58663C;}
body.dark .vertical-table tr td.green { background: #4E593B;}
body.dark .vertical-table tr td.space.green { background: #474D3C;}

body.dark .vertical-table tr.row2 td.blue {  background: #486066;}
body.dark .vertical-table tr td.blue { background: #4C5659;}
body.dark .vertical-table tr td.space.blue { background: #3E3F40;}

body.dark .vertical-table tr.row2 td.orange {  background: #665741;}
body.dark .vertical-table tr td.orange { background: #544c41;}
body.dark .vertical-table tr td.space.orange { background: #403C37;}

body.dark .vertical-table tr.row2 td.red {  background: #665454;}
body.dark .vertical-table tr td.red { background: #544949;}
body.dark .vertical-table tr td.space.red { background: #403C3C;}

body.dark .vertical-table thead th.green{
	background: #304d00;
	background: -webkit-linear-gradient(top,  #416600,  #203300);
	background: -moz-linear-gradient(top,  #416600,  #203300);
	background: -ms-linear-gradient(top,  #416600,  #203300);
	background: -o-linear-gradient(top,  #416600,  #203300);
}

body.dark .vertical-table thead th.blue{
	background: #05454d;
	background: -webkit-linear-gradient(top,  #075D66,  #042e33);
	background: -moz-linear-gradient(top,  #075D66,  #042E33);
	background: -ms-linear-gradient(top,  #075D66,  #042E33);
	background: -o-linear-gradient(top,  #075D66,  #042E33);
}
body.dark .vertical-table thead th.orange{
	background: #4d1c00;
	background: -webkit-linear-gradient(top,  #662500,  #331300);
	background: -moz-linear-gradient(top,  #662500,  #331300);
	background: -ms-linear-gradient(top,  #662500,  #331300);
	background: -o-linear-gradient(top,  #662500,  #331300);
}
body.dark .vertical-table thead th.red{
	background: #440000;
	background: -webkit-linear-gradient(top,  #660000,  #380000);
	background: -moz-linear-gradient(top,  #660000,  #380000);
	background: -ms-linear-gradient(top,  #660000,  #380000);
	background: -o-linear-gradient(top,  #660000,  #380000);
}
body.dark .vertical-table thead th.gray{
	background: #555;
	background: -webkit-linear-gradient(top,  #666,  #333);
	background: -moz-linear-gradient(top,  #666,  #333);
	background: -ms-linear-gradient(top,  #666,  #333);
	background: -p-linear-gradient(top,  #666,  #333);
}
body.dark .typo-img-wrap {background: #333; border: 1px solid #444444; }
body.dark .img-wrap-1 { background: #555555; border: 1px solid #777777; }
body.dark .img-wrap-2 div {  border: 1px solid #777777; background: #555555;}
body.dark .img-wrap-3 div div, body.dark .img-wrap-8 div div {  border: 1px solid #777777; background: #555555;}
body.dark .img-wrap-4 { background: #4C5659; border: 1px solid #486066;}
body.dark .img-wrap-5 { background: #777777; border: 1px solid #999999; }
body.dark .img-wrap-6 { background: #aaa; border: 1px solid #ccc; } .img-wrap-6 span {color:#333;}
body.dark .img-wrap-9 {background: none; border: 0}
body.dark .img-wrap-9 img { background: #486066; border: 1px solid #51696f}
body.dark .img-wrap-9 span { background: #486066;  border: 0; color: #eee; }
body.dark .img-wrap-9 span span { background: url(../../../images/img-wrap-9-dark.html) no-repeat; margin: -11px auto 5px;}
body.dark .img-wrap-11, body.dark .img-wrap-12 { }
body.dark .img-wrap-11 img, body.dark .img-wrap-12 img {}

body.dark .ja-typo-bubble span.ja-typo-bubble-arrow { background-image: url(../../../images/bubble-arrow-dark.html); }
body.dark .bubble-1 .ja-typo-bubblect {border: 0; box-shadow:0 0 0 1px #666 inset; -webkit-box-shadow:0 0 0 1px #666 inset; background: #555;}
body.dark .bubble-2 .ja-typo-bubblect {border: 0; box-shadow:0 0 0 1px #666 inset; -webkit-box-shadow:0 0 0 1px #666 inset; background: #444;}
body.dark .bubble-3 .ja-typo-bubblect {border: 0; box-shadow:0 0 0 1px #486066 inset; -webkit-box-shadow:0 0 0 1px #486066 inset; background: #4C5659;}
body.dark .bubble-4 .ja-typo-bubblect {border: 0; box-shadow:0 0 0 4px #486066 inset; -webkit-box-shadow:0 0 0 4px #486066 inset; background: #4C5659;}
body.dark .bubble-5 .ja-typo-bubblect {border: 0; box-shadow:0 0 0 1px #555 inset; -webkit-box-shadow:0 0 0 1px #555 inset; background: #222;}


body.dark blockquote.background {
    background: #555555;
    box-shadow: 0 0 0 1px #666666; -webkit-box-shadow: 0 0 0 1px #666666;
}

body.dark .box-grey { background: #555555;  color: #CCCCCC;}

body.dark .box-hilite { background: url(../../../images/shadow-30.html) repeat-x center bottom #666666; }

body.dark .ja-typo-legend .legend-title {
	background: #666666;
}
body.dark .ja-typo-legend { background:#555555; color:#ccc;}

body.dark .legend-2 { background: #555555;  box-shadow: 0 0 0 3px #666666 inset; -webkit-box-shadow: 0 0 0 3px #666666 inset; }

body.dark .button, body.dark button, body.dark input[type="button"], body.dark input[type="submit"] {
	text-shadow: none !important;
	color: #eee; border: 1px solid #666;
	background: #555;
}
body.dark .button:hover, body.dark button:hover, body.dark input[type="button"]:hover, body.dark input[type="submit"]:hover { 
	color:#fff; border: 1px solid #555;
	background: #333;
}

body.dark .button.grey {
	border: 1px solid #ccc !important;
	background: #999 !important; color: #333 !important
}

body.dark .button.grey:hover, body.dark .button.grey:focus {
	border: 1px solid #777 !important; 
	background: #666 !important; color: #fff
}

body.dark .button.black { border: 1px solid #333 !important}
body.dark .button.black:hover { border: 1px solid #333 !important}

body.dark .typo-bubble span.typo-bubble-arrow {background-image: url(../images/bubble-arrow-dark.png) }

body.dark .typo-bubblect {
	background: #555;
    border: 1px solid #777;
}


body.dark .bubble-2 .typo-bubblect {	background: #444; border: 1px solid #555;}
body.dark .bubble-3 .typo-bubblect {	background: #383f41; border: 1px solid #4c5659;}
body.dark .bubble-4 .typo-bubblect {	background: #3d5156; border: 2px solid #486066;}
body.dark .bubble-5 .typo-bubblect {	background: #222; border: 1px solid #444;}
body.dark .bubble-6 .typo-bubblect {}