@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #cb7a4e; color:#fff; text-shadow: none; }
::selection { background:#cb7a4e; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #cb7a4e; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/**
 * TabLit CSS
 *
 * Author: TabLit Applications
 */
body {
	background: #fff url(/img/mainbackground_innerpages.jpg) repeat-x; 
	color: #333;
	font: 100% "Calibri", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
body.home { background: #fff url(/img/mainbackground.jpg) repeat-x; }
#wrapper {
	background:transparent url(/img/wrapperback_innerpages.jpg) top center no-repeat;
	margin:0;
	padding:0;
	width:100%;
}
body.home #wrapper { background:transparent url(/img/wrapperback.jpg) top center no-repeat; }
div.main, footer {
	margin:0 auto; 
	padding:0;
	text-align: left; 
	width: 960px;  	
}
div.main.tablet {
	width: 900px;  	
}

a, a:hover, a:visited, a:active { color:#cc6600; text-decoration:none; outline:none; }
a:hover { color:#f38005; }
header {
	background-color:#fff;
	height:105px;
	margin:0;
	padding:0;
	width:960px;
	position:relative;
}
header #logo {
	float:left;
	height:85px;
	width:189px;
	margin:10px 0 0 0;
}
	
header #nav {
	float:right;
	font-size:18px;
	font-weight:bold;
	margin:70px 0 0 0;
	padding-right:30px;
	width:680px;
}
header #nav ul { height:20px; margin:0 30px 0 0; padding:0; width:680px; }
header #nav li { float:right; list-style:none; margin:0 0 0 40px; }
header #nav li a, #header #nav li a:visited { color:#72573a; }

header #nav li a:hover, header #nav li .active { color: #bd8438; }

header #signin { 
	background:url(/img/signin_tab.jpg) no-repeat; 
	height:36px;
	position:absolute; 
	top:0; right:0; 
	width:94px; 
}
header #signin a { color:#72573a; display:inline-block; font-size:12px; margin:8px 0 0 30px; }
header #signin a:hover { color:#886949 }
#content {
	font-size:14px;
	margin:0;
	padding:0;
	width:inherit;
}
#content.home { background:url(/img/lady_justice.jpg) no-repeat right 490px; margin:0 auto; }
#content {
	background:/* background:url(/img/content_background.jpg) center repeat-y; */;
	margin:-61px auto 0 auto;
	position:relative;
	width:inherit;
}

#content #wrap { background:url(/img/content_background.jpg) repeat-y; padding-top:30px; width:960px;}
#content #wrapw { background:url(/img/content_background_w.jpg) repeat-y; padding-top:0; width:1000px;}

#content #top{ background:url(/img/content_background_top.png) no-repeat; height:33px; width:960px; }
#content #bottom{ background:url(/img/content_background_bottom.jpg) no-repeat; height:37px; width:960px;}
#content #bottomw{ background:url(/img/content_background_bottom_w.jpg) no-repeat; height:37px; width:1000px;}

#content #col1 { width:750px; margin:0 auto; }
#content #col1 p { font-size:16px; }
#content #col1 #features, #content #col1 #forma{ width:615px; padding:20px 0; }
#content #col1 #forma.contact { background:url(/img/contact_back.jpg) bottom right no-repeat; width:802px; padding:20px 0 30px 0; }

#content #col1 #features .line { border-bottom:1px solid #e7e3e0; clear:both; height:1px; width:100%; padding:8px 0; margin-bottom:15px;}
#content #col1 #features .feature { display:inline-block; width:250px; margin-right:50px; }
#content #col1 #features .feature span.subtitle { display:inline-block; font-size:20px; margin: 0 0 4px 0; width:100%; }
#content #col1 #features .feature span.subtitle img { margin-right:5px; }
#content #col1 #features .feature .sshot { display:inline-block; margin:3px 0 0; width:100%; }
#content #col1 #features .feature .sshot a { 
	background:url(/img/ico_mglass.png) no-repeat 0 3px;
	color:#c60;
	display:inline-block;
	font-size:11px;
	padding-left:15px; 
}

#content .signup .title { padding-top:30px; }
#content .signup #authMessage { color:#900; font-weight:bold; margin:5px 0 20px 0; }
#content #col1 #forma .col1{ float:left; width:300px;}
#content #col1 #forma.contact .col1{ float:left; width:600px;}
#content #col1 #forma .col2 { float:left; padding:50px 0 0 0; text-align:center; width:300px;}
#content #col1 #forma.registro .col2 { padding:20px 0 0 0; text-align:center; }
#content #col1 #forma.nota .col2 { padding:0; text-align:center; }
#content #col1 #forma.contact .col2{ float:left; width:1px;}

#content #wrapw #col1 { width:870px; }

#content #col2 { float:left; width:260px; margin:0 10px 0 0; }
#content #col2 .roundbox { margin-top:15px; }
#content #col2 .rbox { background:url(/img/sidebar_back.png) repeat; text-align:center; width:260px;}
#content #col2 .rboxtop { background:url(/img/roundbox_top.png) no-repeat; width:260px; height:20px;}
#content #col2 .rboxbot { background:url(/img/roundbox_bot.png) no-repeat; width:260px; height:20px;}
#content #col2 .rbox p { display:inline-block; width: 216px; }
#content #col2 .social .rbox { text-align:left; }
#content #col2 .social ul, #content #col2 .social p { margin: 0 20px; }
#content #col2 .social ul { font-size:12px; list-style:none; margin-top: 5px; }
#content #col2 .social li { padding:4px 0; border-top:1px solid #f7f5f4; }
#content #col2 .social .date { color:#9e6d3c; }
#content #col2 .social a { font-weight:bold; }
#content #col2 .social .twitter_button { margin-top:10px; }
#content #col2 .social .twitter_button iframe { width:220px!important; overflow:hidden; }

#content #col2.menu { background:url(/img/sidebar_menu_back.png) 46px 0 no-repeat; margin:-40px 0 0; padding: 0 0 0 46px; height:630px; width: 260px; }
#content #col2.menu ul { list-style: none; width:210px; margin:40px 0 0 0; }
#content #col2.menu ul li {  display:inline-block; width:210px; height:30px; }
#content #col2.menu ul li { border-top:1px solid #fff; border-bottom:1px solid #c9bcb8;}
#content #col2.menu ul li a {
	background:url(/img/sidebar_menu_option.png) repeat-y right;
	color:#66483b;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	width:180px;
	height:25px;
	padding:5px 30px 0 0;
	text-align:right;
	text-transform:uppercase;
}
#content #col2.menu ul li a:hover, #content #col2.menu ul li a.active { background:#fff; color:#c25221; }

#content .section { padding:20px 0 10px 0; }
#content .figureleft { float:left; margin:10px 30px 0 0; }
#content .figureright { float:right; margin:10px 0 0 30px; }

.section ul { font-size:16px; list-style: none; line-height:1.4em; 	margin:10px 0 0 0px;}
.section ul.right { float:right; }
.section ul li { 
	padding-left: 20px;
	background-image: url(/img/list_bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

body.home #content #col1 { float:left;  width:615px; }
body.home #content #col2 { float:right; }
.fullwidth { float:none!important; width:960px!important; margin:0!important; }

#slideshow, #slideshow #slide-1, #slideshow #slide-2, #slideshow #slide-3 {
	margin:0;
	padding:0;
	height:130px;
	width:960px;
	position:absolute;
}
#slideshow div.innerpage_slogan {
	display:inline-block;
	margin:35px 0 0 0;
	font-weight:normal;
	text-shadow:0 -1px 2px #3E2C23, 0 1px 1px #AE8C59;
}
#slideshow {height:130px; position:relative;}
#slideshow #slide-2, #slideshow #slide-3 { display: none; }
body.home #slideshow{ height:349px; position:relative;}
#slideshow #slide-1 #title, #slideshow #slide-2 #title, #slideshow #slide-3 #title {
	background:url(/img/slide_01_title.png) no-repeat;
	height:57px;
	position:absolute;
	top:60px;
	left:0;
	width:481px;
}
#slideshow #slide-2 #title{	background:url(/img/slide_02_title.png) no-repeat;
	top:50px;
	left:20px;
	height:80px;
	width:304px;
}
#slideshow #slide-3 #title{	background:url(/img/slide_03_title.png) no-repeat;
	top:0;
	left:-40px;
	height:143px;
	width:477px;
}
#slideshow #slide-1 #text, #slideshow #slide-2 #text, #slideshow #slide-3 #text{
	color: #E7BA91;
	font-size: 18px;
	left: 30px;
	line-height: 1em;
	position: absolute;
	top: 160px;
	width: 400px;
}
#slideshow #slide-1 #ipad, #slideshow #slide-2 #ipad, #slideshow #slide-3 #ipad{
	background:url(/img/slide_01_ipad.png) no-repeat;
	height:345px;
	position:absolute;
	top:20px;
	right:0;
	width:485px;
}
#slideshow #slide-2 #ipad{
	background:url(/img/slide_02_ipad.png) no-repeat; 
	height:343px;
	right:-30px;
	width:509px;
}
#slideshow #slide-3 #ipad {
	background:url(/img/slide_03_ipad.jpg) no-repeat; 
	height:360px;
	right:-221px;
	top:0;	
	width:697px;	
}
#slideshow a.download {
	background:url(/img/btn_download.png) no-repeat 0 0;	
	height:140px;
	left:80px;
	position:absolute;
	top:205px;
	width:364px;
}
#slideshow a.download:hover { background:url(/img/btn_download.png) no-repeat 0 -140px; }

#slideshow .pagination { list-style:none; margin:0; padding:0; position:absolute; top:260px; left:0; }
#slideshow .pagination li { float: left; margin: 0 3px; }
#slideshow .pagination li a {
  background: url(/img/slide_page.png) no-repeat;
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 12px;
  text-indent:-9000px;
  width: 12px;
}
#slideshow .pagination li a.current { background-position:0 -12px}
div.fadenav { position:absolute; top:260px; left:0; }
div.fadenav a { 
  background: url(../img/slide_page.png) no-repeat;
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 12px;
  padding-left:4px;
  text-indent:-9000px;
  width: 12px;	
	
	}
div.fadenav a:hover { text-decoration: none; }
div.fadenav a.current { background-position:0 -12px }

#content #lifetime_upgrades {
	background:url(/img/lifetime_upgrades_back.png) no-repeat;
	height:380px;
	width:615px;
	margin:0 0 0 -20px;
}
#content #lifetime_upgrades #box {
	display:block;
	width:500px;
}
#content #lifetime_upgrades #box .title {
	display:inline-block;
	font-weight:bold;
	margin:0 0 0 40px;	
	width:100%;	
}
#content #lifetime_upgrades #box h3{
	display:inline-block;
	font-size:19px;
	margin:25px 0 0 40px;	
	width:100%;		
}
#content #lifetime_upgrades #box p, #content #lifetime_upgrades #box ul {
	display:inline-block;
	font-size:14px;
	line-height:1.3em;
	margin:10px 0 0 40px;	
	width:90%;	
}
#content #lifetime_upgrades #box ul { list-style: none; line-height:1.6em; 	margin:10px 0 0 60px;}
#content #lifetime_upgrades #box ul li { 
	padding-left: 20px;
	background-image: url(/img/list_bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}
#content #lifetime_upgrades #box p.font11 { font-size:11px; margin-top:15px; }
#content #banner_download {
	background:url(/img/banner_download_2.jpg) no-repeat;
	height:148px;
	margin:10px auto;
	 width:920px;
	 position:relative;
}
#content #banner_download h1 {
	color:#fff;
	display:inline-block;
	font-size:30px;
	font-weight:normal;
	line-height:1.2em;
	margin:20px 0 0 35px;
	text-shadow: 1px 1px 2px #222;
	width:500px;	
}
#content #banner_download p.text { 
	color:#fff;
	position:absolute;
	left:35px; 
	top:90px;
}
#content #banner_download a.btn_download {
	background:url(/img/btn_banner_download.png) no-repeat 0 0;
	position:absolute;
	right:40px;
	top:40px;
	height:64px;
	width:224px;
	text-indent:-9999px;	
}
#content #banner_download a.btn_download:hover{
	background:url(/img/btn_banner_download.png) no-repeat 0 -64px;
}
#footerwrap {
	background:#483220;
	border-top:10px solid #ebcfa4;
	margin-top:30px;
	padding-top:30px;
	height:300px;
	width:100%;	
}
#footerwrap footer a, #footerwrap #footer a:visited { color:#ccc; }
#footerwrap footer a:hover, #footerwrap #footer a:active { color:#fff; }
#footerwrap footer #footer_logo {
	float:left;
	background:url(/img/logo_pie.jpg) left top no-repeat;
	height:120px;
    padding:70px 0 0;
	margin-left:20px;
	width:230px;
}
#footerwrap footer #links { float: right; width:500px;}

#footerwrap footer #links ul {
	font-size:12px;
	float:left;
	padding: 0 0 0 20px;
	margin:2px 0 0 0;
	list-style:none;
	width:220px;
}
#footerwrap footer #links li {	margin:0px; text-transform:uppercase; padding-left:40px; height:18px; }
#footerwrap footer #links li img { vertical-align:middle;}
#webform-client-form-12 {
	margin-top:10px;
	padding:10px 0 10px 20px;
}
#webform-client-form-12.entry {
	margin-top:0px;
	background-color:#f2eeee;
	border-bottom:1px #C9BCB8 solid;
}
#webform-client-form-12 label {
	font-size:14px;
	font-weight:bold;
}
#webform-client-form-12 #edit-submit {
	background:transparent url(/img/btn_submit.jpg) no-repeat top left;
	border:medium none;
	height:57px;
	text-indent:-9999px;
	width:218px;
}
#webform-client-form-12 #edit-entry {
	background:transparent url(/img/btn_signin.jpg) no-repeat top left;
	border:medium none;
	height:57px;
	text-indent:-9999px;
	width:218px;
}
#webform-client-form-12 #edit-entry.form-submit {
	background:transparent url(/img/btn_submit.jpg) no-repeat top left;
}
.contact .form-item label {
	display:block;
	font-weight:bold;
	float:left;
	width:100px;
}
.contact .form-item input[type=text], .contact .form-item textarea{ 
	background:#f7f7f7;
	border:1px solid #ccc;
	padding:3px;
	display:inline-block;
	float:left;
	width:209px;
}
.contact .form-item textarea{ height:100px; }
.contact .form-item .error-message {
	display:inline-block;
	padding-left:10px;
	padding-top:2px;
	float:left;
}
.form-item {
	padding:5px 0;
	clear:both;
}
.form-text, .form-textarea { padding:5px; margin:3px 0; width:220px; }
.contact .form-submit {
	background:url(/img/btn_submit.jpg) no-repeat;
	border:none;
	display:inline-block;
	height:57px;
	margin-left:100px;
	text-indent:-9999px;
	width:218px;
}

.error-message {
    color: red;
}
.success-flash {
	color:#060;
    font-size: 24px;
}
.error-flash {
    font-size: 24px;
    color: red;
}
.flashMessage { padding:0 0 10px 0; }

p { line-height:1.3em; margin:10px 0; text-align:justify; }
.title { font-size:24px; font-family:'Arvo', Arial, Helvetica, sans-serif; letter-spacing:-0.03em; }
.subtitle { font-size:18px; font-family:'Arvo', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-0.03em; }
.brown { color:#6c4e2e;}
.orange { color:#f38005;}
.blue { color:#387095; }
.green { color:#060; }
.pink { color:#c36; }
.red, .form-required { color:#900; }
.gris { color:#666; }
.white { color:#fff; }
.bold { font-weight:bold; }
.font12 { font-size:12px; }
.font11 { font-size:11px; }
.fleft { float:left; }
.fright { float:right; }
.center, .centra { text-align:center; }
.clearfloat { height:1px; clear:both; }
/* TabLit - extra styles*/

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* TabLit Dashboard Styles */
body.dashboard { background: #fff url(/img/mainbackground_innerpages.jpg) center -105px repeat-x;  }
body.dashboard #wrapper { background:transparent url(/img/wrapperback_innerpages.jpg) center -105px no-repeat; min-height:auto; height:auto !important; }
body.dashboard header { background:none; height:102px; }
body.dashboard header #logo { margin:17px 0 0 45px; }
body.dashboard header #signin { 
	background:#fff;
	-moz-border-radius-bottomleft: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-radius-bottomleft: 4px; 
	-webkit-border-radius-bottomright: 4px; 	
	-khtml-border-radius-bottomleft: 4px;			
	-khtml-border-radius-bottomright: 4px;	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
		
	height:20px;
	right:40px;
	font-size:12px;
	padding:5px 15px 0;
	width:auto;
}  
body.dashboard header #signin a { display:inline; margin:auto;}
body.dashboard header #signin a { color:#C60; }
body.dashboard header #signin a:hover { text-decoration:underline; }
body.dashboard #content { margin:0 auto; }
body.dashboard #content #topw{ background:url(/img/content_background_top_2.jpg) no-repeat; height:37px; width:960px; }
body.dashboard #content #topw{ background:url(/img/content_background_top_w.jpg) no-repeat; height:37px; width:1000px; }
body.dashboard header #nav { margin-top:72px; }
body.dashboard header #nav ul { font-size:16px; }
body.dashboard header #nav ul li { float:left; margin: 0 0 0 10px }
body.dashboard header #nav li a { display:inline-block;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-radius-topleft: 4px; 
	-webkit-border-radius-topright:4px; 
	-khtml-border-radius-topleft: 4px;			
	-khtml-border-radius-topright: 4px;	
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;	
	height:20px;
}
body.dashboard header #nav li a, #header #nav li a:visited { padding:5px 15px; color:#fff; }
body.dashboard header #nav li a.active:hover, header #nav li a.active, header #nav li a.active:visited { 
	color: #c60;
	background:#fff; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
body.dashboard header #nav li a:hover {
	color: #630;
	background:#f4f4f4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}
body.dashboard #content #wrap { margin-top:0; padding-top:0; }
body.dashboard #content .back { width:870px; margin:0 auto; }

body.dashboard #content .backw { width:1000px; margin:0 auto; }

body.dashboard #content #col1 { width:800px; margin:0 auto; padding-bottom:20px; }
body.dashboard #content .breadcrumbs {
	border-bottom:1px solid #e5dfdd;
	color:#999;
	font-size:12px;
	padding:0 0 7px 0;
	margin:0 auto;
	width:840px;
}
body.dashboard #content #wrapw .breadcrumbs {
	padding:0 0 7px 0;
	margin:0 auto;
	width:860px;
}

body.dashboard #content .toparea { color:#666; font-family:Arial, Helvetica, sans-serif; margin:20px 0; line-height:1.8em; position:relative;}
body.dashboard #content .toparea h1 { display:inline-block; font-weight:bold; font-size:42px; height:42px; letter-spacing:-0.05em; margin:0 20px 0 0;}
body.dashboard #content .toparea h2 { display:inline-block; font-weight:bold; font-size:36px; height:36px; letter-spacing:-0.05em; margin:0 20px 0 0;}
body.dashboard #content .toparea h3 { font-size:20px; height:20px; display:inline-block; letter-spacing:-0.05em; margin-left:2px; }
body.dashboard #content .toparea h4 { font-size:14px; height:20px; display:inline-block; font-weight:normal; margin-left:15px; padding-top:4px; vertical-align:bottom;}
body.dashboard #content .toparea img { vertical-align:bottom; }
body.dashboard #content .controls { width:100%; margin:20px 0; }

body.dashboard #content div.btn { 
	display:inline-block!important;
	background: url(/img/btn_green_back.jpg) no-repeat;
	height:38px;
	padding:0px;
	width:auto;
}
body.dashboard #content div.btn a { 
	background: url(/img/btn_green_back_right.jpg) top right no-repeat;
	color:#fff; 
	display:inline-block; 
	font-weight:bold; 
	height:38px; 	
	padding:0;
}
body.dashboard #content div.btn a:hover { color:#eee; }
body.dashboard #content div.btn a span { 
	display:inline-block;
	font-weight:bold; 
	margin:9px 18px 0 12px;
	padding-left:24px;
	text-shadow:0 1px 1px #3f732d;
}
body.dashboard #content .btn.newpage   a span { background:url(/img/icon_page.png) no-repeat; }
body.dashboard #content .btn.savepage  a span { background:url(/img/icon_save.png) no-repeat; }
body.dashboard #content .btn.preview  a span { background:url(/img/icon_preview.png) no-repeat; }
body.dashboard #content .btn.timerset  a span { background:url(/img/icon_time.png) no-repeat; }
body.dashboard #content .btn.newmotion a span { background:url(/img/icon_pencil.png) no-repeat; }
body.dashboard #content .btn.callout   a span { background:url(/img/icon_user.png) no-repeat; }

body.dashboard #content #page_name { font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:0; padding:0;}
body.dashboard #content #page_name b { display:inline-block;}
body.dashboard #content #page_name a { display:inline-block; font-weight:bold;  height:30px; padding-right:25px;  }
/*background:url(/img/icon_pencil.png) right 4px no-repeat;  */
body.dashboard #content #page_name a span {
	background:#C60;
	color:#fff;
	display:inline-block;
	float:right;
	height:14px;
	margin:5px 0 0 10px;
	padding:2px 5px;
	font-size:10px;
	border-radius: 3px;	
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;	
}
body.dashboard #content #page_name a:hover { color:#C60;}
body.dashboard #content #page_name a:hover span { background:#F38005;  }
body.dashboard #content #editor { width:100%; margin-top:10px; }
body.dashboard #content #editor .left_column { float:left; width:620px; }
body.dashboard #content #editor .right_column { float:right; width:175px; }
body.dashboard #content #editor ul#callout_list { width:150px; margin:0; padding:0; }
body.dashboard #content #editor ul#callout_list li { 
	display:block;
	height:auto;
	margin:3px 0;	
	list-style:none;	
	width:175px;
}
body.dashboard #content #editor ul#callout_list a { 
	background:url(/img/icon_leftarrow.png) left 7px no-repeat;	
	border-bottom:1px dashed #aaa;
	color:#333;
/*	background:#483220 url(/img/tabslider_back_off.jpg) repeat-x;
	color:#fff;*/
	display:inline-block; 
	font-weight:bold;	
	padding:6px 0 4px 20px;	
	width:130px;	
/*	border-radius: 5px;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;		*/
}
body.dashboard #content #editor ul#callout_list a:hover { 
	background-position:-3px 7px;	
}
body.dashboard #content #editor ul#callout_list a.edit {
	background:url(/img/icon_pencil_small.png) right 7px no-repeat;
	display:inline-block; 
	text-indent:-9999px;
	width:12px;
	padding:6px 0 4px 8px;
}
body.dashboard #content #editor ul#callout_list li.add a {
	color:#fff;
	padding:6px 0 0 12px;	
	background:#659251 url(/img/tabslider_back_green_on.jpg) top repeat-x;
	border-radius: 5px;	
	border-bottom:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	width:138px;
	height:25px;
}
body.dashboard #content #editor ul#callout_list li.add a.edit {
	background:url(/img/icon_add.png) right 7px no-repeat;
	width:12px;
	padding:6px 0 0 8px;
}
body.dashboard #content #editor ul#callout_list a:hover { 
	color:#666;
}
a.edit_motion_access {
	color:#737373;
}
a.view_motion_access {
	color:#737373;
}
.plan_stats {
	background:#f3f1ee;
    color: #737373;
    position:absolute;    
    padding: 10px 10px 10px 15px;
	right:0;
	top:10px;
	border-radius: 5px;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	width:auto;
}
.plan_stats ul{
	font-size:12px;
	margin:0;
	padding:0;
}
.plan_stats ul li{
	list-style:none;
}
.plan_stats ul li b{ color:#333; font-weight:bold; }
.plan_stats ul li span { display:inline-block; padding: 0 5px; }
.plan_stats ul li span.pro { background:url(/img/icon_gold.png) right 4px no-repeat; padding: 0 20px 0 5px; }
.plan_stats ul li span.basic { background:url(/img/icon_silver.png) right 4px no-repeat; padding: 0 20px 0 5px; }
.plan_stats ul li span.lite { background:url(/img/icon_bronze.png) right 4px no-repeat; padding: 0 20px 0 5px; }

.plan_separator {
    height: 16px !important;
    background-color: #e9d9c0 !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/* Page View */
#page_view {
	background:#F9F9F9;
    border: 1px solid #CCC;
    -moz-box-shadow: inset 0 0 8px #999;
	-webkit-box-shadow: inset 0 0 8px #999;
	box-shadow: inset 0 0 8px #999;
    height: 948px;   
	padding:0 10px;
    width: 662px;
}
/*
#page_view #wrap { background:url(/img/content_background.jpg) repeat-y; padding-top:30px; width:960px;}
#page_view #wrapw { background:url(/img/content_background_w.jpg) repeat-y; padding-top:0; width:1000px;}

#page_view #top{ background:url(/img/content_background_top.png) no-repeat; height:33px; width:960px; }
#page_view #bottom{ background:url(/img/content_background_bottom.jpg) no-repeat; height:37px; width:960px;}
#page_view #bottomw{ background:url(/img/content_background_bottom_w.jpg) no-repeat; height:37px; width:1000px;}
*/

/************ Tabbed Bar */
#slide_tab { 
    background:url(/img/tabslider_back.jpg) repeat-x; 
    height:40px; 
    width:840px; 
    padding:10px;
}
div.main.tablet #slide_tab {
   width:inherit;
}
span.icon_pages { 
	background:url(/img/icon_pages.png) top left no-repeat;
	color:#666;	
	display:inline-block;
	font-weight:bold;	
	height:20px;
	padding-left:22px;
	width:45px;
}
.tabbed_bar {
    background: #222 repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-size:14px;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px solid #222;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background:#483220 url(/img/tabslider_back_off.jpg) repeat-x;
	margin-left:1px;
}
.tabbed_bar a {
    color: #fff;
}
.tabbed_bar a:hover { color:#ddd;}
.tabbed_bar.left {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
}

.tabbed_bar.right {
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
}
.tabbed_bar.left.right {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.tabbed_bar.current {
    background:#CC6600 url(/img/tabslider_back_on.jpg) top repeat-x;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/* dashboard account page */
ul.account {
	margin:24px 0;
	padding:0 0 0 20px;
	background:#f3f1ee;

    padding: 20px 30px;
	border-radius: 5px;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	width:50%;
}
ul.account li{
	list-style:none;
	height:30px;
	padding-left:26px;
}
ul.account li.user{	background:url(/img/icon_user_blue.png) left 5px no-repeat; }
ul.account li.plan{	background:url(/img/icon_briefcase.png) left 5px no-repeat; }
ul.account li.since { background:url(/img/icon_calendar.jpg) left 5px no-repeat; }
ul.account li.mail { background:url(/img/icon_mail.png) left 5px no-repeat; }
ul.account li.pass { background:url(/img/icon_key.png) left 5px no-repeat; margin-top:15px; }
ul.account li.cancel { background:url(/img/icon_delete.png) left 5px no-repeat; margin-top:15px; }
ul.account li.pass span,
ul.account li.cancel span {
	font-size:12px;
}
ul.account li.plan a {
    background: #CC6600;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 14px;
    margin: 0;
    padding:0 8px 10px;
}
/* eo Dashboard */

/* Pricing page */
#packages { margin-top:20px; text-align:center; }
#packages>ul{ 
	width:700px; 
	margin:0 auto;
	padding:0;
}
#packages>ul>li{
	background:url(/img/price_blocks.jpg) -2px -2px no-repeat;
	display:inline-block;	
	float:left;
	height:350px;
	list-style:none; 
	margin:0 10px 0 0;
	padding:10px 20px;	
	width:181px;
}
#packages>ul li p { font-size:12px!important; padding-top:15px; text-align:left;}
#packages>ul li ul { margin:0; padding:0 0 0 20px; }
#packages>ul li ul li{ list-style:disc; text-align:left!important;}
#packages>ul li h1 {
	letter-spacing:-0.05em;
}
#packages ul li h1 { font-family:Arial, Helvetica, sans-serif;}
#packages ul li h1, ul#packages li h2 {
	display:inline-block;
	font-size:38px;
	font-weight:bold;
	line-height:1em;
	margin:0;
	padding:0;
	text-align:center;
	width:180px;	
}
#packages ul li h2 { 
	font-size:18px;
	text-transform:uppercase;
}
#packages ul li h2 span {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:top;
	margin:3px 5px 0 -20px;
}
#packages ul li#right h2 span { background:url(/img/icon_gold.png) no-repeat; }
#packages ul li#middle h2 span { background:url(/img/icon_silver.png) no-repeat; }
#packages ul li#left h2 span { background:url(/img/icon_bronze.png) no-repeat; }

#packages ul li b {font-weight:bold; color: #791a00;}
#packages>ul li a.btn_choose { 
	background:url(/img/btn_choose_plan.png) no-repeat;
	display:inline-block;
	height:42px;
	margin:15px 0 0;
	text-indent:-9999px;
	width:155px;
}
#packages>ul li a.btn_choose:hover {
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}
#packages>ul>li.dim {
	background-position: -254px -2px;
	margin:20px 10px 0 0;
	height:310px;
	width:160px; 
}
#packages>ul li.dim a.btn_choose { 
	background:url(/img/btn_choose_plan_dim.png) no-repeat;
	height:38px;
	width:132px;
}
#packages ul li.dim h1 { font-size:26px; padding-top:5px;}
#packages ul li.dim a, ul#packages li.dim a:hover { color:#555; }
#packages ul li.dim h2 { color:#666; font-size:14px; }
#packages ul li.dim h2 span { margin-top:0; }
#packages ul li.dim h1, ul#packages li.dim h2 { width:160px; }
#packages ul li.dim p { padding-top:10px;}
#packages>ul li.dim ul li { font-size:12px;}
#questions {
	margin-top:-40px;
}
/* eo Pricing page */

/* Subscription form*/
div.subscription_form { margin-top:20px; }
div.subscription_form .title { margin:15px 10px 25px;}
div.subscription_form #col1 { border-right:1px solid #E5DFDD; float:left; margin:0px 0 20px 20px!important; padding-top:10px; width:500px!important;}
div.subscription_form #col2 { background:url(/img/back_subscription_col2.jpg) no-repeat; float:right; height:500px; margin:0px 20px 20px 0!important; padding:20px 20px 0 20px; width:280px!important;}

div.subscription_form #col1 .form-row { height:40px; width:425px; }
div.subscription_form #col1 .form-row label { cursor:default; display:inline-block; padding-left:30px; width:100px; font-weight:bold;}

div.subscription_form #col1 .submit-row {height:auto;}
div.subscription_form #col1 .submit-row #error-container { display:none; }
div.subscription_form #col1 .submit-row ul { margin-left:75px; }
div.subscription_form #col1 .submit-row ul li { color:#930; }
div.subscription_form #col1 .submit-row ul li label { width:90%; color:#930; padding-left:8px; }
div.subscription_form #col1 .submit-row ul li:last-child { padding-bottom:20px; }
div.subscription_form #col1 .notice, div.subscription_form #col1 .agree { height:auto; margin-bottom:20px; }
div.subscription_form #col1 .notice div {
	background:#f7f6ed;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;	
	margin-left:20px;
	padding:20px;	
}
div.subscription_form #col1 .agree span { display:block; padding-left:40px; }
div.subscription_form #col1 .creditcards { 	border-top:1px dotted #D6D6D6; margin:10px 0 0 0px; padding-top:20px;}
div.subscription_form #col1 input[type=text] { 
	background:#f7f7f7;
	border:1px solid #ccc;
	padding:4px;
	height:16px;
	display:inline-block;
	width:209px;
}
div.subscription_form #col1 input.card-cvc { width:100px; } 
div.subscription_form #col1 div.expiry-wrapper { display:inline; width:200px; }
div.subscription_form #col1 span.lock { 
	background:url(/img/icon_lock.png) 0 4px no-repeat;
	display:inline-block; float:right;
	font-size:12px;
	font-weight:bold;
	height:16px;
	margin-left:10px;
	padding:4px 0 0 20px;
	width:40px;
}
div.subscription_form #col1 #submit-button,
div.mod_subscription #col1 .btn_cancel_now {
    background: url("/img/btn_upgrade_plan.jpg") no-repeat;
    border: medium none;
    display: inline-block;
    height: 42px;
    margin-left: 130px;
    text-indent: -9999px;
    width: 155px;
}
div.subscription_form #col1 #cc-submit-result, 
div.subscription_form #col1 #cc-return { padding-left:10px; }
div.subscription_form #col2 .thanks {
	margin:150px 0 120px 0;
}
div.subscription_form #col2 .thanks span { font-size:16px; }
div.subscription_form #col2 .creditcards {
    background: url("/img/credit_cards.png") no-repeat;	
	width:280px;
	height:45px;
}
div.mod_subscription .title { margin:0 auto; }
div.mod_subscription #col1 div#messagebox {
	background:#f3f1ee;
    color: #737373;
    padding: 20px 30px;
	border-radius: 5px;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;		
	margin:20px auto;
	text-align:center;
	width:50%;
}
div.mod_subscription #col1 div#messagebox p { 
    background: url("/img/icon_cancel_64.png") no-repeat;
	border-bottom:1px dotted #D6D6D6;	
	display:block;
	height:65px;
	margin-bottom:20px;
	padding: 10px 0 20px 80px; 
}
div.mod_subscription #col1 div#messagebox p.upgrade {
	background: url("/img/icon_upgrade_64.png") no-repeat;
}
div.mod_subscription #col1 { padding-top:20px; }
div.mod_subscription #col1 .btn_cancel_now{
    background: url("/img/btn_cancel_now.jpg") no-repeat;
	margin:0 auto;
}
div.subscription_form #col1 #cc-submit-result,
div.mod_subscription #col1 #cc-submit-result,
div.mod_subscription #col1 #cc-submit-errors {
    background: url("/img/icon_checkmark.png") no-repeat;
	display:none;
    font-size: 24px;
    margin-left: 80px;
    padding: 10px 0 30px 70px;
}
div.mod_subscription #col1 #cc-submit-errors {
    background: url("/img/icon_warning.png") no-repeat;
}
div.mod_subscription #col1 .btn_box {
	padding:7px 15px 8px!important;
	margin:0!important;
}
div.mod_subscription #col1 #cc-return { display:none; margin:10px 0 0 180px; text-align:center; width:100px;}
/* eo Subscription form */

/* Premium Page */
#premium_stuff  {
	margin-left:50px;
}
#premium_stuff li{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#900;
	line-height:1.1em;
}
#premium_stuff li span { 
	color:#333;
	font-weight:normal;
	font-size:20px;
}

.product_box {
    height: 340px;
}

#products ul, #premium_features { list-style: none; line-height:1.6em; 	margin:10px 0 0 20px;}
#products ul li, #premium_features li { 
	padding-left: 20px;
	background-image: url(/img/list_bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

#premium_image {
	background:url(/img/premium_cycle.jpg) no-repeat;
	height:529px;	
	position:relative;
	width:334px;
}
#premium_image #toptext {
	color:#a16a0e;
	top:35px;
	left:70px;
	line-height:1.4em;
	position:absolute;
}
#premium_image #smalltext {
	width:175px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	position:absolute;
	top:323px;
	left:90px;
}
#premium_image #smalltext b{ font-size:14px; color:#8e2e04; }
#premium_image a.btn_choose { 
	background:url(/img/btn_sign_up.png) no-repeat;
	display:inline-block;
	height:42px;
	margin:15px 0 0;
	text-indent:-9999px;
	width:155px;
	position:absolute;
	top:385px;
	left:90px;
}
#premium_image a.btn_choose:hover {
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}

/* Products */
#content .products { width:780px!important;}
#products {}
#products .text {
	padding:10px 20px;
}
#products .logo { 
	display:block;
	margin:5px auto 0; 
}
#products .text p {
	border-top:1px solid #e5e5e5;
	font-size:14px!important;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:10px 10px 4px 20px;
	text-align:left;
}
#products .text .price { 
	border-top:1px solid #e5e5e5;	
	color:#CC6600;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-0.02em;
	margin:10px 0 0 0;
	padding-top:4px;
	text-align:center;	
	width:100%
}
#products .text .announce { font-size:20px; color:#C30; padding-top:8px;}
#products a.btn_more {
	background:url(/img/btn_moreinfo.png) no-repeat;
	display:block;
	margin:8px auto 0;
	width:155px;
	text-indent:-9999px;
	height:42px;
}
#products .product {
	background:url(/img/back_product_mid.jpg) repeat-y;
	float:left;	
	width:257px;
}
#products .product .top {
	background:url(/img/back_product_top.jpg) no-repeat;
	height:7px;
	width:257px;	
}
#products .product .bot {
	background:url(/img/back_product_bot.jpg) no-repeat;
	height:24px;
	width:257px;	
}

#products .product:hover { background-position:right top; }
#products .product:hover .top { background-position:right top; }
#products .product:hover .bot { background-position:right top; }

/**/
div.blockOverlay {
    background-color: #000;
    opacity: 0.7;
	-moz-opacity:.70;
	filter:alpha(opacity=70); 	
}
.blockMsg {
    background-color: #FFFFFF;
    border: 1px solid #333;
    color: #444;
    left: 30%;
    opacity: 1;
    padding: 15px;
    text-align: center;
    top: 10%;
    width: 10%;
}
.blockMsg h2 { font-size:18px; margin-bottom:10px; }
.btn_box {
    background: url(/img/tabslider_back_off.jpg) repeat-x #483220;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF!important;
    cursor: pointer;
    display: inline-block;
	font:100% Arial, Helvetica, sans-serif;
    font-size:12px!important;
    font-weight: bold;
    line-height: 1em;
    margin-left: 4px;
    padding: 5px 10px 6px!important;
    position: relative;
    text-decoration: none;
	border-radius: 3px;	
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;		
}
input.btn_box { border:0; font-size:14px; }
.btn_box:hover { background:#483220; }
/**/

/* ColorBox Core Style:  The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*  User Style:  Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/* End colorbox*/

/* ie6 & ie7 fixes*/
#content #col1 { *width:700px; }
body.dashboard #content div.btn { *display:inline; }
#content #col1 #features .feature { *width:230px; }
body.home #content #col1 { *width:615px; }
.fullwidth { *width:960px!important; }
#webform-client-form-12 #edit-submit, 
#webform-client-form-12 #edit-entry,
div.mod_subscription #col1 .btn_cancel_now,
#packages>ul li a.btn_choose {*text-indent:1em; *color:transparent; }
body.dashboard #content #col1 { *width:750px; }
body.dashboard #content .toparea h1 { *display:inline; *line-height:1em; }
.tabbed_bar { *display: inline; }
/* end ie fixes*/

@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


