@import url(../warp/css/tools.css);
/*Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL


Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------
Buttons Styling*/
.button-default, .button-primary, .button-black, .ecwid-SearchPanel BUTTON.ecwid-SearchPanel-button
{
	padding: 4px 8px;
	display: inline-block;
	font-size: 12px;
	/*+box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 0.5);*/
	-moz-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.button-default, FORM.style BUTTON, FORM.style INPUT[type="button"], FORM.style INPUT[type="submit"], .ecwid-SearchPanel BUTTON.ecwid-SearchPanel-button
{
	border: 1px solid #E0E0E0;
	color: #444;
	background-color: #EEEEEE;
}
.button-default:hover, .button-primary, FORM.style BUTTON:hover, FORM.style INPUT[type="button"]:hover, FORM.style INPUT[type="submit"]:hover, .ecwid-SearchPanel BUTTON.ecwid-SearchPanel-button:hover
{
	border-width: 1px;
	border-style: solid;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	border-color: #4CA8D8;
	background: #61B2DD;
}
.button-default:active, .button-primary:hover, FORM.style BUTTON:active, FORM.style INPUT[type="button"]:active, FORM.style INPUT[type="submit"]:active, .ecwid-SearchPanel BUTTON.ecwid-SearchPanel-button:active
{
	color: #FFF;
	border-color: #379ED4;
	background-color: #4CA8D8;
}
.button-primary:active
{
	border-color: #2B91C7;
	background-color: #379ED4;
}
.button-black
{
	border: 1px solid #444444;
	background: #48484C;
	color: #DFDFDF;
}
.button-black:hover
{
	border: 1px solid #2A2A2A;
	background: #2A2A2A;
	color: #DFDFDF;
}
.button-black:active
{
	border: 1px solid #101010;
	background: #101010;
	color: #DFDFDF;
}
/*Buttons Size*/
.button-medium
{
	padding: 6px 10px;
	font-size: 14px;
}
.button-big
{
	padding: 8px 12px;
	font-size: 16px;
}
.button-huge
{
	padding: 10px 14px;
	font-size: 18px;
}
/*Form Buttons*/
FORM.style BUTTON, FORM.style INPUT[type="button"], FORM.style INPUT[type="submit"], .ecwid-SearchPanel BUTTON.ecwid-SearchPanel-button
{
	padding: 6px 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	/*+box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 0.5);*/
	-moz-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.button-default + [class*=post-edit-link], .button-primary + [class*=post-edit-link]
{
	margin-left: 10px;
}
FORM.style BUTTON:hover, FORM.style INPUT[type="button"]:hover, FORM.style INPUT[type="submit"]:hover
{
}
/*Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/
.border
{
	border: 3px solid #EDEDED;
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.round
{
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.well
{
	/*+box-shadow:inset 0px 0px 3px #999999;*/
	-moz-box-shadow: inset 0px 0px 3px #999999;
	-webkit-box-shadow: inset 0px 0px 3px #999999;
	-o-box-shadow: inset 0px 0px 3px #999999;
	box-shadow: inset 0px 0px 3px #999999;
	padding: 5px;
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.polaroid
{
	padding: 4px;
	background-color: #FFF;
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #EDEDED;
	transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
}
.polaroid:hover
{
	transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	background-color: #61B2DD;
	border: 1px solid #4CA8D8;
}
/*Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/
UL.blank, UL.space, UL.line, UL.check, UL.zebra, UL.plus, UL.minus, UL.asterisk
{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*Line*/
UL.line > LI
{
	border-top: 1px dotted #EDEDED;
	margin-top: 7px;
	padding-top: 7px;
}
UL.line > LI:first-child
{
	border: none;
}
/*Zebra*/
UL.zebra > LI
{
	padding: 7px 10px;
}
UL.zebra > LI:nth-of-type(odd)
{
	background-color: #F7F7F9;
}
/*Check*/
UL.check > LI:first-child
{
	margin-top: 0;
}
UL.check > LI:before
{
	content: "\e013";
	font: 12px / 1em "Glyphicons Halflings";
	font-style: normal;
	color: #999999;
	position: absolute;
	margin-left: -20px;
	margin-top: 2px;
}
UL.check > LI
{
	line-height: 1.5;
	margin-top: 5px;
	position: relative;
	padding-left: 20px;
}
/*Plus*/
UL.plus > LI:first-child
{
	margin-top: 0;
}
UL.plus > LI:before
{
	content: "\002b";
	font: 12px / 1em "Glyphicons Halflings";
	font-style: normal;
	color: #999999;
	position: absolute;
	margin-left: -20px;
	margin-top: 2px;
}
UL.plus > LI
{
	line-height: 1.5;
	margin-top: 5px;
	position: relative;
	padding-left: 20px;
}
/*Minus*/
UL.minus > LI:first-child
{
	margin-top: 0;
}
UL.minus > LI:before
{
	content: "\2212";
	font: 12px / 1em "Glyphicons Halflings";
	font-style: normal;
	color: #999999;
	position: absolute;
	margin-left: -20px;
	margin-top: 2px;
}
UL.minus > LI
{
	line-height: 1.5;
	margin-top: 5px;
	position: relative;
	padding-left: 20px;
}
/*Asterisk*/
UL.asterisk > LI:first-child
{
	margin-top: 0;
}
UL.asterisk > LI:before
{
	content: "\002a";
	font: 12px / 1em "Glyphicons Halflings";
	font-style: normal;
	color: #999999;
	position: absolute;
	margin-left: -20px;
	margin-top: 2px;
}
UL.asterisk > LI
{
	line-height: 1.5;
	margin-top: 5px;
	position: relative;
	padding-left: 20px;
}
/*Table and Definition Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------
Table*/
TABLE.zebra
{
	border: 1px solid #ECECEC;
	background-color: #F7F7F9;
}
TABLE.zebra CAPTION
{
	color: #999;
	padding: 5px;
}
TABLE.zebra TH
{
	font-size: 14px;
	padding: 10px;
}
TABLE.zebra TBODY TD
{
	border-bottom: 1px solid #ECECEC;
	padding: 5px 10px;
	border-right: 1px solid #ECECEC;
}
TABLE.zebra TBODY TR:first-child TD
{
	border-top: 1px solid #ECECEC;
}
TABLE.zebra TBODY TR.odd
{
	background: #FFFFFF;
}
TABLE.zebra TBODY TR:nth-of-type(odd)
{
	background: #FFFFFF;
}
TABLE.zebra TFOOT TD
{
	padding-left: 10px;
	padding-right: 10px;
}
/*Definition Lists*/
DL.separator DT
{
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
/*border code because of RTL*/
DL.separator DD
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DDD;
}
DL.separator DT:before
{
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DDD;
}
DL.separator DT:after
{
	content: "";
	position: absolute;
	top: -3px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
}
DL.separator DT:first-child:before, DL.separator DT:first-child:after
{
	display: none;
}
/*Text
----------------------------------------------------------------------------------------------------*/
.uppercase
{
	text-transform: uppercase;
}
.lowercase
{
	text-transform: lowercase;
}
BLOCKQUOTE
{
	padding: 0 35px;
	font-size: 16px;
	line-height: 22px;
	font-family: Cambria;
}
BLOCKQUOTE:before
{
	display: block;
	height: 0;
	margin-left: -40px;
	font: italic 400% / 1 Cochin, Georgia, "Times New Roman", serif;
	content: open-quote;
}
BLOCKQUOTE:after
{
	margin-right: -30px;
	display: block;
	height: 0;
	font: italic 400% / 1 Cochin, Georgia, "Times New Roman", serif;
	text-align: right;
	padding-bottom: 15px;
	margin-top: -20px;
	content: close-quote;
}
/*Inline Text Box*/
EM.box
{
	border: 1px dotted #BBB;
	background: #FAFAFA;
	color: #444;
}
/*Horizontal Rules*/
HR
{
	height: 2px;
	border-bottom: 1px solid #FFFFFF;
	/*+box-shadow:inset 0px -1px #DFDFDF;*/
	-moz-box-shadow: inset 0px -1px #DFDFDF;
	-webkit-box-shadow: inset 0px -1px #DFDFDF;
	-o-box-shadow: inset 0px -1px #DFDFDF;
	box-shadow: inset 0px -1px #DFDFDF;
	border-top: none;
	position: relative;
}
.dotted
{
	background: url(../images/tools/hr_10.png) repeat-x left center;
	height: 1px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-1
{
	background: url(../images/tools/hr_1.png) repeat-x center;
	height: 6px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-2
{
	background: url(../images/tools/hr_2.png) repeat-x right bottom;
	height: 6px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-3
{
	background: url(../images/tools/hr_3.png) repeat-x left bottom;
	height: 6px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-4
{
	background: url(../images/tools/hr_4.png) repeat-x right bottom;
	height: 6px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-5
{
	background: url(../images/tools/hr_5.png) no-repeat center bottom;
	height: 9px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-6
{
	background: url(../images/tools/hr_6.png) no-repeat left bottom;
	height: 9px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-7
{
	background: url(../images/tools/hr_7.png) no-repeat right bottom;
	height: 9px;
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.hr-8:before
{
	content: " ";
	position: absolute;
	height: 2px;
	width: 120px;
	margin-top: -1px;
}
.hr-9:after
{
	content: " ";
	position: absolute;
	height: 2px;
	width: 120px;
	margin-top: -1px;
	right: 0px;
}
/*HR - 8 and 9 Colors*/
.hr-9:after, .hr-8:before
{
	background-color: #61B2DD;
}
/*Boxes
----------------------------------------------------------------------------------------------------*/
.box-content
{
	background: #FAFAFA;
	border: 1px solid #DDD;
	padding: 15px;
}
.box-note, .box-info, .box-warning, .box-hint, .box-download
{
	background: #FAFAFA;
	border: 1px solid #DDD;
}
.box-info
{
	background: #EBF5FA url(../images/tools/box_info.png) no-repeat 0 0;
	border-color: #D2DCE1;
}
.box-warning
{
	background: #FFF0EB url(../images/tools/box_warning.png) no-repeat 0 0;
	border-color: #FFD7CD;
}
.box-hint
{
	background: #FFFAE6 url(../images/tools/box_hint.png) no-repeat 0 0;
	border-color: #FAE6BE;
}
.box-download
{
	background: #FAFFE6 url(../images/tools/box_download.png) no-repeat 0 0;
	border-color: #DCE6BE;
}
/*Notices
----------------------------------------------------------------------------------------------------*/
.notice
{
	padding: 15px 20px;
	background-color: #FFFFFF;
}
.notice-title
{
	margin-bottom: 5px;
	margin-top: 0px;
}
.notice-subtitle
{
	color: #777777;
}
.drop-shadow
{
	position: relative;
	width: 100%;
	padding: 1.4em;
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.drop-shadow:before, .drop-shadow:after
{
	content: "";
	position: absolute;
	z-index: -2;
}
.lifted:before, .lifted:after
{
	bottom: 22px;
	left: 10px;
	width: 60%;
	height: 20%;
	max-width: 70%;
	max-height: 100px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.lifted:after
{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
.raised
{
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 10px -13px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.curved:before
{
	top: 25px;
	bottom: 25px;
	left: 5px;
	right: 50%;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
	-moz-border-radius: 10px / 100px;
	border-radius: 10px / 100px;
}
.curved-vt-2:before
{
	right: 5px;
}
.curved-hz-1:before
{
	top: 50%;
	bottom: 5px;
	left: 25px;
	right: 25px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}
.curved-hz-2:before
{
	top: 5px;
	bottom: 5px;
	left: 25px;
	right: 25px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}
/*Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/
FORM.box FIELDSET
{
	padding: 0;
	margin-left: 0px;
}
FORM.box LEGEND
{
	background: #FFFFFF;
}
FORM.short INPUT, FORM TEXTAREA
{
	padding: 6px;
	margin: 0;
	font-size: 12px;
	border: none;
	color: #7A7A7A;
	padding: 6px 10px;
	outline: none;
	position: relative;
	background: #FFF;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #EFEFEF;
	box-shadow: inset 0 0 10px #EEE, 0px 0px #AAAAAA;
	-khtml-box-shadow: inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
	-moz-box-shadow: inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
	-ms-box-shadow: inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
	-o-box-shadow: inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
	-webkit-box-shadow: inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
}
FORM.short TEXTAREA
{
	width: 80%;
}
/*Pricing Table
----------------------------------------------------------------------------------------------------*/
.pricing
{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
.pricing .grid-box > DIV
{
	border-left: 1px solid #E9E9E9;
	box-sizing: border-box;
	border-bottom: 1px solid #E9E9E9;
	border-top: 1px solid #E9E9E9;
}
.pricing .grid-box:last-child > DIV
{
	border-right: 1px solid #E9E9E9;
	/*+border-radius:0 3px 0 0;*/
	-moz-border-radius: 0 3px 0 0;
	-webkit-border-radius: 0 3px 0 0;
	-khtml-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
}
.pricing .grid-box:first-child > DIV
{
	/*+border-radius:3px 0 0;*/
	-moz-border-radius: 3px 0 0;
	-webkit-border-radius: 3px 0 0;
	-khtml-border-radius: 3px 0 0;
	border-radius: 3px 0 0;
	border-radius: 3px 0 0 0;
}
.pricing H2
{
	background-image: linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 100%);
	margin: 0px;
	padding: 0px;
	color: #676767;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	padding: 12px 0px 10px;
	border-bottom: 1px solid #E9E9E9;
}
.pricing .price
{
	font-size: 35px;
	display: inline-block;
	line-height: 2.1;
	font-weight: bold;
	color: #61B2DD;
}
.pricing .line LI
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
.pricing .line LI:first-child
{
	border-top: 1px solid #E9E9E9;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
}
.pricing .line LI:last-child
{
	border-bottom: 1px solid #E9E9E9;
}
.pricing A
{
	margin-top: 15px;
	margin-bottom: 15px;
}
#system .pricing .price SMALL
{
	font-style: normal !important;
	font-weight: normal;
	font-size: 12px;
}
/*Pricing Highlited*/
.pricing .hightlighted H2
{
	background-image: linear-gradient(bottom, #369DD4 0%, #61B2DD 100%);
	background-image: -o-linear-gradient(bottom, #369DD4 0%, #61B2DD 100%);
	background-image: -moz-linear-gradient(bottom, #369DD4 0%, #61B2DD 100%);
	background-image: -webkit-linear-gradient(bottom, #369DD4 0%, #61B2DD 100%);
	background-image: -ms-linear-gradient(bottom, #369DD4 0%, #61B2DD 100%);
	color: #FFFFFF;
}
.pricing .grid-box.hightlighted > DIV
{
	background-color: #FFFFFF;
	/*+box-shadow:0 0 10px rgba(0, 0, 0, 0.15);*/
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	padding-bottom: 0;
}
/*Glyphicons in Circle and Square
----------------------------------------------------------------------------------------------------
Icon Styles*/
.istyle-circle, .istyle-square
{
	width: 48px;
	height: 48px;
}
.istyle-circle.glyphicons, .istyle-square.glyphicons
{
	padding: 0px;
	margin: 0px;
}
.istyle-circle I:before
{
	padding: 12px;
	text-align: center;
	/*+border-radius:100px;*/
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
	border-radius: 100px;
	background-color: #61B2DD;
	color: #FFFFFF;
	margin-top: 5px;
}
.istyle-square I:before
{
	padding: 12px;
	text-align: center;
	background-color: #61B2DD;
	color: #FFFFFF;
	margin-top: 5px;
	width: 24px;
	height: 24px;
}
.istyle-center
{
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 0px 0;
	height: 120px;
}
.istyle-circle.align-left
{
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}
.istyle-circle.align-right
{
	/*+placement:float-right 0px 0px;*/
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
}
/*IStyle Box*/
.istyle-box
{
	border: 1px solid transparent;
	height: 48px;
	margin-bottom: 10px;
}
.istyle-box .istyle-square I:before, .istyle-box .istyle-circle I:before
{
	margin: 0px;
}
.istyle-box H1, .istyle-box H2, .istyle-box H3, .istyle-box H4, .istyle-box H5
{
	line-height: 50px;
}
/*Icon Positions and margins*/
.mfi-left
{
	margin-left: 65px;
}
.mfi-right
{
	margin-right: 65px;
}
/*Glyphicons Demo
----------------------------------------------------------------------------------------------------
- Dark Icons*/
.dark-demo
{
	padding: 40px 40px 10px;
	color: #444444;
}
.dark-demo SPAN
{
	width: 174px;
	margin-bottom: 20px;
	padding-top: 5px;
}
.dark-demo SPAN.halflings
{
	width: 118px;
	margin-bottom: 20px;
	padding-top: 0px;
}
/*- White Icons*/
.white-demo
{
	background-color: #444444;
	padding: 40px 40px 10px;
}
.white-demo SPAN
{
	width: 174px;
	margin-bottom: 20px;
	padding-top: 5px;
	color: #FFFFFF;
}
.white-demo SPAN.halflings
{
	width: 118px;
	margin-bottom: 20px;
	padding-top: 0;
}
/*Glyphicons Demo
----------------------------------------------------------------------------------------------------*/
.progress
{
	height: 26px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
}
.progress .bar
{
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	text-align: center;
	background: rgb(140, 189, 46);
	background: -moz-linear-gradient(top, rgba(140,189,46,1) 0%, rgba(124,165,41,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,189,46,1)), color-stop(100%,rgba(124,165,41,1)));
	background: -webkit-linear-gradient(top, rgba(140,189,46,1) 0%,rgba(124,165,41,1) 100%);
	background: -o-linear-gradient(top, rgba(140,189,46,1) 0%,rgba(124,165,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(140,189,46,1) 0%,rgba(124,165,41,1) 100%);
	background: linear-gradient(to bottom, rgba(140,189,46,1) 0%,rgba(124,165,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbd2e', endColorstr='#7ca529',GradientType=0 );
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.progress .bar .label
{
	z-index: 1;
	position: absolute;
	left: 0;
	color: #000000;
	font-size: 11px;
	line-height: 27px;
	padding-left: 8px;
}
/*Google Prettify
----------------------------------------------------------------------------------------------------*/
.com
{
	color: #93A1A1;
}
.lit
{
	color: #195F91;
}
.pun, .opn, .clo
{
	color: #93A1A1;
}
.fun
{
	color: #DC322F;
}
.str, .atv
{
	color: #D14;
}
.kwd, .prettyprint .tag
{
	color: #1E347B;
}
.typ, .atn, .dec, .var
{
	color: #008080;
}
.pln
{
	color: #48484C;
}
.prettyprint
{
	padding: 8px;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
}
.prettyprint.linenums
{
	-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
	-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
	box-shadow: inset 40px 0 0 #FBFBFC, inset 41px 0 0 #ECECF0;
}
/*- Specify class=linenums on a pre to get line numbering*/
OL.linenums LI
{
	padding-left: 12px;
	color: #999999;
	line-height: 20px;
	text-shadow: 0 1px 0 #FFF;
	margin: 0px 0px 0px 3px;
}
.prettyprint OL
{
	margin-top: 0px;
	margin-bottom: 0px;
}
CODE
{
	padding: 1px 5px 0;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #D14;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	margin-top: 2px;
	margin-bottom: 2px;
	display: inline-block;
}
/*Helpers
----------------------------------------------------------------------------------------------------*/
.relative
{
	position: relative;
}