@import url('scaffold.css');
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic);
@font-face
{
    font-family: Lato;
    src: url('Lato/Lato-Regular.ttf'),
        url('Lato/Lato-Italic.ttf'),
        url('Lato/Lato-Bold.ttf'),
        url('Lato/Lato-BoldItalic.ttf'),
        url('Lato/Lato-Light.ttf'),
        url('Lato/Lato-LightItalic.ttf'),
        url('Lato/Lato-Hairline.ttf'),
        url('Lato/Lato-HairlineItalic.ttf');
}

body
{
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    margin: 0;
}

#container
{
    text-align: center;
	padding: 0 1em;
}

#container h2
{
    max-width: 25em;
    margin-left: auto;
    margin-right: auto;
}

h1
{
    text-align: center;
    font-size: 4.5em;
    margin: .25em 0 .25em;
}

@media only screen and (min-width: 750px)
{
	h1
	{
		font-size: 4.5em;
	}
}

h2
{
	color: #000;
    font-size: 2em;
    margin-bottom: .25em;
}

p
{
    text-align: left;
	line-height: 1.5em;
    max-width: 45em;
}

h3
{
  width: 100%;
  max-width: 40em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

a
{
    text-decoration: none;
    /*color: #7A95A3;*/
    color:#327DB8;
    background-color: transparent;
}

a:hover
{
	color: #5A7481;
    text-decoration: underline ;
}

h2 a, h2 a:hover
{
	color: inherit;
	text-decoration: none;
}

th
{
	background: #7A95A3;
	box-shadow: 0 0 .1em .1em #7A95A3;
	padding: .25em;
}

input
{
	text-align: center;
}

select
{
    font-size: 1em;
	max-width: 100%;
}

button
{
	font-size: 1em;
}

img
{
	outline: none;
}

img.contained
{
	max-width: 100%;
}

iframe
{
	max-width: 100%;
}

pre
{
	max-width: 45em;
	max-height: 45em;
	font-size: 1.2em;
	text-align: left;
	overflow: auto;
	box-shadow: 0 0 .1em .1em #ccc;
  margin: 1em auto;
}

pre::-webkit-scrollbar
{
	display: none;
}

dt
{
	font-weight: bold;
}

dd
{
	margin: .5em 1em;
}

.block
{
	display: block !important;
	text-align: left;
}

table.plain th
{
	background: transparent;
	border: none;
	box-shadow: none;
}

table.vertical th
{
	text-align: right;
}

button, input[type=submit], .button, .button:hover
{
	background: #555;
	border: none;
	color: #FFF !important;
	padding: .3em 3em;
	text-decoration: none;
	border-radius: 3em;
	display: inline-block !important;
}

input[type=submit].review-bar-button, button.stripe-button-el, button.stripe-button-el:hover
{
	background: inherit;
	padding: inherit;
	border-radius: inherit;
}

.button_primary, .button_primary:hover, input[type=submit].button_primary, input[type=submit].button_primary:hover
{
	padding: 1em 2.5em;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #555555 50%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#555555), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#555555 50%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#555555 50%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#555555 50%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#555555 50%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

.button_primary:hover, input[type=submit].button_primary:hover
{
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #000000 50%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#000000), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#000000 50%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#000000 50%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#000000 50%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#000000 50%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

.button_primary.tight, input[type=submit].button_primary.tight,.button_primary.tight:hover, input[type=submit].button_primary.tight:hover
{
	margin: 0;
}

button:active, input[type=submit]:active
{
	background: #000;
}

nav
{
	display: table;
	margin: 1em auto;
}

nav *
{
	padding: 0 .5em;
	display: inline-block;
	margin-bottom: .2em;
}

nav :not(:last-child)
{
	border-right: .1em solid #000;
}

.border
{
	border: 1px solid #ccc;
	padding: .5em;
}

#fixed_width, .fixed_width
{
    text-align: left;
    width: 45em;
	max-width: 90%;
	margin: 0 auto;
}

#fixed_width h1
{
	font-size: 2.5em;
}

#fixed_width img
{
	max-width: 100%;
	height: auto;
}

#fixed_width iframe
{
	display: block;
	margin: 1em auto;
}

 #fixed_width img.citation-icon {
    max-height: 7em;
    max-width: 7em;
  }

@media only screen and (min-device-width: 640px) and (min-width: 600px)
{
 body {width: 100%;}
	.table
	{
		display: table;
		margin: 1em auto;
	}
  
  div.division {width: 95%;}
}

.table h3
{
	max-width: none;
}

.table_important
{
	display: table !important;
	margin: 0 auto;
}

.table_container
{
	display: table;
	margin: 1em auto;
	border-spacing: 1em;
}

@media only screen and (min-width: 700px) and (min-device-width: 700px)
{
	.table_container > *
	{
		display: table-cell;
		vertical-align: middle;
	}
}
	
p, ul
{
	max-width: 45em;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
	text-align: left;
}

ul
{
	padding-left: 0.5em;
}

li
{
	padding: .2em;
	margin-bottom: .5em;
}

ul li
{
	list-style: none;
}

table
{
	text-align: left;
	margin: 1em auto;
}

td
{
	padding: .2em .5em;
}

table#product_editions td:nth-child(2)
{
	text-align: right;
}

#site_nav a, #manage_nav a
{
    display: inline-block;
    padding: 0 .5em;
    margin-bottom: .5em;
}

#site_nav
{
  padding: 1.25em 1em .2em;
	text-align: right;
	z-index: 1000;
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 768px)
{
    #site_nav
    {
        text-align: center;
    }
}

#site_nav a
{
  color: #666;
}

#site_nav a:hover[href]
{
    color: #000;
}

#site_nav > :not(.nav_image):not(:last-child)
{
    border-right: 1px solid #000;
}

#site_nav .nav_image
{
	padding-bottom: 3em;
}

#site_nav img
{
	width: 4.5em;
	vertical-align: middle;
}

#site_nav .dropdown:after
{
  margin-right: 0.5em;
  content: '\25BE';
}




@media only screen and (max-device-width:640px), screen and (max-width: 600px)
{
	#site_nav a.nav_image
	{
		display: block;
		padding-bottom: 0;
		margin-bottom: 1em;
	}

  div.division {width: 95%;}
}

#manage_nav
{
    margin: 1em 0;
    text-align: center;
}

#manage_nav > *
{
    text-decoration: none;
    font-weight: bold;
    background-color: transparent;
}

#manage_nav > *:not(:last-child)
{
    border-right: 1px solid #327DB8;
}

#manage_nav span.hover_list
{
	margin-bottom: .7em;
	box-shadow: 0em .5em .2em -.5em #000;
}
 
#manage_nav li
{
	margin: 0;
	padding: 0;
}

#header, .header
{
    margin: 0em auto;
	max-width: 60em;
}

#header > *, .header > *
{
	display: table;
	margin: 0 auto;
}

#header a > *, .header > a *
{
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
}

#header img
{
    height: 9.5em;
	margin-top: .6em;
}

.header img
{
	height: 7.5em;
}

#header h1, .header h2
{
    color: #000;
	line-height: 1em;
}

.header h2
{
	font-size: 3.5em;	
}

img + h1, .header img + h2
{
	text-align: left;
	padding-left: .25em;
}

@media only screen and (min-device-width:664px) and (max-device-width:1024px) and (orientation:portrait)
{
	#header img + h1
	{
		font-size: 4em;
	}
}

#header a, .header a
{
    text-decoration: none;
}

#header h1 span, .header h2 span
{
    display: block;
	font-size: .7em;
	font-weight: normal;
	letter-spacing: normal;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 360px) and (orientation: portrait)
{
	#header a, .header a
	{
		display: block;
	}
	
	#header a *, .header a *
	{
		display: block;
		text-align: center;
		margin: 0 auto 0;
	}
	
	#header h1, .header img + h2
	{
		padding-left: 0;
		text-align: center;
	}
}

.show_hide_button
{
    display: none;
}

#footer
{
    margin: 3em auto 0;
    padding: 1em 0 0;
}

#footer *
{
    text-align: center;
    font-size: .9em;
}

#footer > *
{
    margin: .3em 0;
}

#footer-share, #footer #copyright
{
    color: #000;
}

#footer-share { 
  float: left;
  margin-left: 1em;
}

#footer #copyright {
  margin-left: auto;
  margin-right: 9em;
  margin-top: 1.3em;
}


#footer-share > *:not(.full_opacity), #footer #copyright
{
    opacity: .68;

}

#footer-share *:not(:last-child)
{
    padding: 0 .25em;
}

#footer-share > a
{
	display: inline-block;
}

#footer-share a:hover
{
    text-decoration: none;
}

#footer-share img
{
    height: 2.5em;
}

#site_nav
{
    font-size: .8em;
	text-align: center;
	margin-bottom: 1em;
}

#site_nav a:not([href]):not(.nav_image)
{
	opacity: .25;
}

a:not([href]):not(.nav_image, #header *, div.note *, div.email *)
{
    text-decoration: none;
	opacity: .25;
}

.alert
{
	display: table;
	margin: 1em auto;
    padding: 1em;
    border-radius: .3em;
	cursor: pointer;
}

.alert-error, .alert-alert
{
    color: #8a1f11;
    background: #FBE3E4;
    border: 1px solid #FBC2C4;
}

.alert-notice
{
    color: #FFF;
    background: #327DB8;
    border: 1px solid #555;
}

.alert-notice a {
  color: #FFF;
  background-color: #333;
  padding: 0.25em;
  border-radius: 0.25em;
}

.alert-notice a:hover {
  color: #FFF;
  background-color: #000;
}

.ajax-working
{
	background: #0F0 !important;
	-webkit-transition: background 10s;
	
}

.faq_item > *
{
    margin-left: 15px;
	line-height: 1.5em;
}

.faq_question
{
    font-weight: normal;
    cursor: pointer;
}

.faq_answer
{
    padding-left: 1em;
    display: none;
}

.faq_question a[href^="#faq"]
{
	font-size: 1.7em;
	opacity: 0;
	display: inline-block;
	margin-left: .5em;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.faq_question:hover a[href^="#faq"]
{
	opacity: 1;
	text-decoration: none;
}

.category_header
{
    cursor: pointer;
}

img#geohopper_homescreen, img#geohopper_trigger_screen
{
    display: inline !important;
    width: 50%;
    float: right;
    margin: 1em 0 1em 2em;
    box-shadow: 0 0 .2em .1em #999;
    border-radius: .5em;
}

#subtle_patterns
{
    font-size: .8em;
    opacity: .3;
    color: #000;
    display: block;
    -webkit-transition: opacity 1s;
}

#subtle_patterns:hover
{
    opacity: 1;
    text-decoration: none;
}

div#expand_all
{
    color: #7A95A3;
    font-size: 1.3em;
    font-weight: bold;
    cursor: pointer;
}



/*Alternation Template*/
#alternation img#main_image
{
    width: 70em;
    max-width: 90%;
    display: block;
    margin: 2em auto;
}

#alternation p
{
  font-size: 1.2em;
  text-align: left;
}

#alternation h2
{
  text-transform: capitalize;
  text-align: left;
}

#alternation section
{
  max-width: 60em;
  margin: 0 auto;
  padding: 0;
}

#alternation section:not(:first-of-type)
{
    margin: -5em auto;
}

#alternation section:first-of-type
{
    margin-top: 4em;
}

#alternation section:last-of-type
{
    /*margin: 13em auto 10em;*/
	margin-bottom: 10em;
}

#alternation section > div
{
  margin: 0 auto;
  padding: 0 2em;
  display: table;
}

#alternation section:nth-of-type(2n) > div
{
  direction: rtl;
}

#alternation section:nth-of-type(2n) > div *
{
  direction: ltr;
}

#alternation section:nth-of-type(2n) > div img
{
  margin-left: 0;
  margin-right: 4em;
}

#alternation section > div > *
{
  display: table-cell;
  vertical-align: middle;
}

#alternation section img
{
  width: 18em;
  margin: 0 0 0 4em;
}

#alternation #videos *
{
    text-align: center;
}

#alternation #videos iframe
{
    display: block;
    width: 20em;
    height: 14em;
    margin: 2em auto;
}

#alternation #videos iframe:first-of-type
{
    width: 18em;
    height: 34.25em;
}

#alternation #videos a
{
    font-size: 2em;
}

#alternation .app_store_badge
{
    /*width: 20em;*/
    max-width: 90%;
	height: 5em;
}

#alternation .alternation_large_image
{
	width: 50em;
	max-width: 100%;
}

#alternation .alternation_small_image
{
	height: 5em;
	width: auto;
	display: inline;
	margin: 1em !important;
}

#alternation.mac_geohopper section
{
	max-width: 70em;
	margin: 2em auto;
}

#alternation.mac_geohopper section:last-of-type
{
	margin: 5em auto 10em;
}

#alternation.mac_geohopper section img
{
	margin: 0;
}

#alternation.mac_geohopper section div div
{
	padding-right: 2em;
}

@media only screen and (max-width: 900px)
{
    #alternation #videos iframe:first-of-type
    {
        float: none;
    }
}

@media only screen and (max-width: 900px),
    only screen and (max-device-width: 640px)
{
    #alternation section
    {
      padding: 0;
    }
    
    #alternation section:not(:last-child)
    {
      margin-bottom: 2em;
    }
    
    #alternation section:not(:first-of-type)
    {
        margin: 2em auto;
    }
    
    #alternation section img
    {
      display: block;
      margin: 0 auto !important;
    }
    
    #alternation section > div > *
    {
      display: block;
    }

    #alternation #videos iframe:first-of-type
    {
        margin-right: auto;
    }
}

@media only screen and (min-width: 800px) and (min-device-width: 1000px)
{
	#alternation_simple section
	{
	  display: table;
	  margin: 3em auto;
	}
	
	#alternation_simple section > *
	{
	  display: table-cell;
	  vertical-align: middle;
	  max-width: 35em;
	  padding: 1em;
	}
	
	#alternation_simple section:nth-of-type(2n)
	{
	  direction: rtl;
	}
	
	#alternation_simple section:nth-of-type(2n) *
	{
	  direction: ltr;
	}
	
	#alternation_simple section > div
	{
	  margin-right: 2em;
	}
}

#lightbox
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lightbox_filter
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .9;
    z-index: 1000;
}

#lightbox_content
{
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 3em;
    text-align: center;
    z-index: 1001;
}

#lightbox_content *
{
	color: #FFF !important;
	max-width: 80%;
	max-height: 90%;
}

#lightbox_close_button
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2em;
    width: 1em;
    height: 1em;
    z-index: 1002;
    display: inline-block;
    border: 3px solid #FFF;
    color: #FFF;    
    background: #000;
    padding: 0 .15em .3em;
    cursor: pointer;
    border-radius: 10em;
}

.lightbox_trigger
{
	display: block;
	margin: 0em auto 4em;
}

.debug_dump
{
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	box-shadow: 0 0 .2em .05em;
	opacity: 0;
	-webkit-transition: opacity 1s;
	/*display: none;*/
}

.debug_dump:hover
{
    opacity: 1;
}

blockquote
{
	max-width: 25em;
	margin: 1em auto 2em;
	font-size: 1.5em;
	width: auto;
}

blockquote p
{
	position: relative;
	display: inline-block;
	padding: 0em;
	margin-bottom: 0em;
	text-align: center;
}

blockquote span
{
	margin: 0 auto !important;
}

blockquote p span
{
	font-size: 2em !important;
	position: relative;
	top: .3em;
	padding: 0 .1em;
}

/*blockquote p::before, blockquote p::after
{
	font-size: 3em;
	font-family: serif;
	font-weight: bold;
	color: #7A95A3;
	text-shadow: 1px 1px 0px #000;
	position: absolute;
}

blockquote p::before
{
	content: "\201C";
	text-align: left;
	top: 0;
	left: 0;
}

blockquote p::after
{
	content: "\201D";
	text-align: right;
	bottom: 0;
	right: 0;
}*/

blockquote cite
{
	display: block;
}

blockquote cite::before
{
	/*content: "\2013";*/
}

blockquote .rating-star
{
	background: url(http://zapt5.staticworld.net/images/furniture/macworld/rating-sm-mw.png) 0 0 no-repeat;
	display: block;
	height: 19px;
	width: 50px;
	margin: 0 auto;
}

blockquote .rating-star.four-half-star
{
	background-position: 0px -19px;
}

img#paypal-image
{
	width: 7em;
	max-width: 90%;
}

.terminal-look
{
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
	color: #930;
	background: #FFF;
	overflow: scroll;
	border: 1px solid black;
	margin-bottom: 1em;
	padding: 1em;
}

.caption a[rel="prettyPhoto"]
{
	display: none;
}

#support_icon
{
	font-size: 2.3em;
	background: #FFF;
	border-radius: 10em;
	padding: .05em .3em 0;
	border: 2px solid #000;
}

.quick_change
{
	position: relative;
}

.quick_change > *
{
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.quick_change > *:nth-child(2)
{
	position: absolute;
	top: 0;
	left: 0;
}

.rotated
{
	opacity: 0;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.carousel
{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	box-shadow: 0 .1em .15em .1em;
}

.carousel > *
{
	margin: 1em;
}

.quick_change_button
{
	font-size: 1.2em;
	border-radius: .5em;
	cursor: pointer;
	margin-top: .5em;
	background: #999;
	box-shadow: .1em .1em .2em .1em #000;
}

.quick_change_button:active
{
	background: #333;
	box-shadow: none;
}

.bold
{
	font-weight: bold;
}

#featured_video
{
	margin: 0em auto;
}

.faded
{
	opacity: .4;
}

.footer_message
{
	font-size: .8em;
	text-align: right;
}

.carousel.scrollbox {
	overflow: auto;

	background: /* Shadow covers */ -webkit-linear-gradient(#ddd 30%, rgba(255,255,255,0)), -webkit-linear-gradient(rgba(255,255,255,0), #ddd 70%) 0 100%, /* Shadows */ -webkit-radial-gradient(50% 0, farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)), -webkit-radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)) 0 100%;
	background: /* Shadow covers */ -webkit-linear-gradient(#ddd 30%, rgba(255,255,255,0)), -webkit-linear-gradient(rgba(255,255,255,0), #ddd 70%) 0 100%, /* Shadows */ -webkit-radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)), -webkit-radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: #ddd;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

.hover_list
{
	position: relative;
	display: inline-block;
}

.hover_list ul
{
	position: absolute;
	background: #ddd;
	padding: 1em;
	margin-top: 0;
	min-width: 10em;
	z-index: 1000;
	box-shadow: 0 0 .2em .1em #666;
	display: none;	
}

.hover_list:hover ul
{
	display: block;
}

.hover_list li a:not([href])
{
	opacity: .25;
}

table.tables_to_cards, table.tables_to_cards td
{
	border: none;
}

table.tables_to_cards, table.tables_to_cards tbody
{
	display: block;
}

table.tables_to_cards tr
{
	background: #FFF !important;
	display: block;
	max-width: 45em;
	margin: 1em auto 2em;
	border: 1px solid #ccc;
	padding: .5em;
	border-radius: .5em;
}

table.tables_to_cards td
{
	display: block;
	margin-bottom: 1em;
	overflow: scroll;
}

table.tables_to_cards .empty
{
	display: none;
}

table.tables_to_cards .shaded td
{
	background: #FFF !important;
}

table.tables_to_cards th, table.tables_to_cards tr:first-child
{
	display: none;
}

table.tables_to_cards td span.td_heading
{
	font-weight: bold;
	display: inline;
}

table.tables_to_cards td.table_button
{
	display: inline-block;
	margin: 0 .5em;
	padding: .5em;
	border-radius: .3em;
}

table.tables_to_cards table.listing td:active
{
	box-shadow: none;
}

table.tables_to_cards_responsive .td_heading
{
	display: none;
}

@media only screen and (max-width:640px), only screen and (max-device-width: 640px)
{
	table.tables_to_cards_responsive, table.tables_to_cards_responsive td
	{
		border: none;
	}
	
	table.tables_to_cards_responsive, table.tables_to_cards_responsive tbody
	{
		display: block;
	}
	
	table.tables_to_cards_responsive tr
	{
		background: #FFF !important;
		display: block;
		max-width: 45em;
		margin: 1em auto 2em;
		border: 1px solid #ccc;
		padding: .5em;
		border-radius: .5em;
	}
	
	table.tables_to_cards_responsive td
	{
		display: block;
		overflow: scroll;
	}
	
	table.tables_to_cards_responsive .empty
	{
		display: none;
	}
	
	table.tables_to_cards_responsive .shaded td
	{
		background: #FFF !important;
	}
	
	table.tables_to_cards_responsive th, table.tables_to_cards_responsive tr:first-child
	{
		display: none;
	}
	
	table.tables_to_cards_responsive td span.td_heading
	{
		font-weight: bold;
		display: inline;
	}
	
	table.tables_to_cards_responsive td.table_button
	{
		display: inline-block;
		margin: 0 .5em;
		padding: .5em;
		border-radius: .3em;
	}
	
	table.tables_to_cards_responsive table.listing td:active
	{
		box-shadow: none;
	}
	
	table.tables_to_cards_responsive form, table.tables_to_cards_responsive form > *
	{
		display: inline;
	}
}

img#newsletter_envelope
{
	display: block;
	margin: 3em auto 5em;
    width: 693px;
/*    height: 260.804px;*/
    height: auto;
    background: #FFF;
    box-shadow: 0 0 .2em .1em #ccc;
    transform:rotate(-7deg);
    -ms-transform:rotate(-7deg); /* IE 9 */
    -moz-transform:rotate(-7deg); /* Firefox */
    -webkit-transform:rotate(-7deg); /* Safari and Chrome */
    -o-transform:rotate(-7deg); /* Opera */
	transition: transform 1s;
	-ms-transition: -ms-transform 1s;
	-moz-transition: -moz-transform 1s;
    -webkit-transition: -webkit-transform 1s;
	-o-transition: -o-transform 1s;
}

img#newsletter_envelope:hover
{
    transform:rotate(2deg);
    -ms-transform:rotate(2deg); /* IE 9 */
    -moz-transform:rotate(2deg); /* Firefox */
    -webkit-transform:rotate(2deg); /* Safari and Chrome */
    -o-transform:rotate(2deg); /* Opera */
}

.newsletter_content img.newsletterPhoto
{
	width: 15em;
	float: right;
	margin: 0 0 1em 1em;
	border-radius: .3em;
	box-shadow: -.2em .2em .4em .1em #ccc;
}

.quick_change_button
{
    border: 3px solid #555;
    box-shadow: none;
    background: #555;
    color: #FFF;
    border-radius: 3em;
    padding: .3em 2em;
}

.quick_change_button:active
{
    background: #000;
    box-shadow: none;
}

img#app_store_badge
{
	display: block;
	margin: 0 auto;
	width: 15em;
	max-width: 100%;
}

#help_and_buy_container
{
	margin-bottom: 2em;
}

#buy_product_button, #get_help_button
{
	display: inline-block;
	padding: 1em;
	text-align: left;
}

#buy_product_button a, #get_help_button a
{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#buy_product_button img, #get_help_button img
{
 
  display: inline !important;
}

#get_help_button img {width: 4em !important;}

#buy_product_button img.app-store
{
  width: 8em !important;
}

#buy_product_button a > *, #get_help_button a > *
{
	display: inline-block;
	vertical-align: middle;
}

#buy_product_button a div span, #get_help_button a div span
{
  display: block;
  font-size: 1.6em;
  margin: 0 !important;
  text-align: left;
  color: black;
}

#buy_product_button a div span:last-child, #get_help_button a div span:last-child
{
  font-size: .9em;
}

img#mail-icon {
  opacity: .68;
  width: 2em !important;
}

.center, .center *:not(p)
{
	text-align: center !important;
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left
{
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

#x-market-container
{
	border-spacing: 1em;
	display: table;
	margin: 3em auto 0;
	border-top: 1px solid #ccc;
	box-shadow: 0 -2px 2px -2px #ccc;
}

.x-market
{
	display: table-cell;
	width: 15em;
	padding: .5em;
	text-align: center;
	vertical-align: middle;
}

.x-market p
{
	text-align: center;
	line-height: 1.1em;
}

#x-market-container .x-market img
{
	height: 5em;
	display: block;
	margin: 0em auto .5em;
}

@media only screen and (max-width:600px), only screen and (max-device-width: 640px)
{
	.x-market
	{
		display: block;
		margin: 1em auto;
	}
}

input.error
{
	background: #FBE3E4;
}

.twocanews
{
	text-transform: uppercase;
}

.press-kit
{
	margin: 1em;
	text-align: center;
	background: url("../images/grey_stone.png");
}

@media only screen and (min-width: 1000px)
{
	.press-kit
	{
		float: right;
		width: 14em;
		margin: 1em 0 1em 2em;
	}
}

.press-kit .feature
{
	display: inline-block;
	margin: 1em;
}

.press-kit img
{
	width: 8em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.press_summary:not(:last-child)
{
	padding-bottom: .5em;
	box-shadow: 0 2px 2px -2px #666;
}

.press_summary a
{
	display: block;
}

.inline_image
{
	vertical-align: middle;
	margin-right: .5em;
}

@media only screen and (max-width: 700px)
{
	.inline_image
	{
		display: block;
		margin-right: 0;
	}
}

.download_button
{
	background: #5F78AD;
	color: #FFF;
	padding: 1em;
	border-radius: .3em;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Lato, sans-serif;
	display: table;
	margin: 0em auto;
	text-align: center;
}

.download_button:hover
{
	color: #FFF;
	text-decoration: none;
}

.download_button span:nth-of-type(1)
{
	display: block;
}

.download_button span:nth-of-type(2)
{
	color: #F1B769;
}

.download_button span:nth-of-type(3)
{
	color: #81BC8E;
}

.download_button span:nth-of-type(4)
{
	color: #E33538;
}

#order_complete section:nth-of-type(2)
{
	margin-top: 4em;
}

.numeric
{
	text-align: right;
}

.link_container, .link_container:hover
{
	text-decoration: none;
	color: inherit !important;
}

.link_container p
{
	color: #000;
}

.iblock
{
	display: inline-block;
}

.iblock_container
{
	display: inline-block;
	margin: 1em;
	vertical-align: middle;
	overflow: hidden;
}

.overflowed
{
	overflow: visible;
}

.link_block
{
	max-width: 30em;
	max-height: 25em;
	background: #FFF;
	padding: .5em .5em .5em;
	margin: 1em auto;
	border-radius: .3em;
	text-align: left;
	overflow-y: auto;
}

.link_block > div
{
	display: inline-block;
	vertical-align: top;
}

.link_block h3
{
	font-size: 2em;
	max-width: 100%;
	margin: .5em 0 0;
}

@media only screen and (max-device-width: 640px)
{
	.link_block
	{
		width: 90%;
		height: auto;
	}
}

.link_block a
{
	text-decoration: none;
}

.link_block nav
{
	margin: 0;
}

.link_block_container
{
	position: relative;
	max-width: 52em;
	margin: 1em auto;
	text-align: center;
}

.link_block .gravatar
{
	width: 3em;
	float: right;
	margin: .25em;
	border-radius: .5em;
}

#buy_product_button .mac_app_store
{
	width: 15em !important;
	height: auto;
}

.card
{
	display: inline-block;
	background: #FFF;
	border: 1px solid #ccc;
	vertical-align: top;
	margin: .5em;
	padding: .5em;
	border-radius: .3em;
}

.tight
{
	margin: 0;
}

#disqus_thread
{
	margin: 4em auto 0;
	max-width: 30em;
}

.ratings_container
{
	direction: rtl;
	display: inline-block;
}

.rating_pip
{
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 2px solid #327DB8;
	border-radius: 5em;
	cursor: pointer;
}

.ratings_container:hover .rating_pip:not(:hover)
{
	background: transparent;
}

.rating_pip_highlighted, .rating_pip_highlighted ~ .rating_pip, .rating_pip:hover, .ratings_container:hover .rating_pip:hover ~ .rating_pip
{
	background: #327DB8;
}

.rating_pip:hover
{
	-webkit-transition: 1s background;
	-moz-transition: 1s background;
	-o-transition: 1s background;
	-ms-transition: 1s background;
	transition: 1s background;
}

.ratings_label
{
	vertical-align: top;
}

.hide
{
	display: none !important;
}

.slideshow
{
  position: relative;
  width: 45em;
  max-width: 100%;
  max-height: 30em;
  margin: 1em auto;
  position: relative;
  box-shadow: 0 0 .2em .1em #ccc;
  overflow: hidden;
  cursor: pointer;
  background: #000;
}

.slideshow > img:not(:first-of-type), .slideshow .message
{
  display: none;
}

.slideshow > img
{
  max-height: 30em;
  display: block;
  margin: 0 auto;
}

.slideshow .message
{
  position: absolute;
  bottom: .15em;
  left: 0;
  right: 0;
  width: 65%;
  min-width: 12em;
  max-height: 3em;
  margin: 0 auto;
  text-align: center;
  font-family: sans-serif;
  font-size: 1.3em;
  color: #000;
  background: #DDD;	
  text-align: left;
  border-radius: .2em;
}

.slideshow .message img
{
	width: 2.5em;
	height: 2.5em;
	margin: .5em;
}

.slideshow .message > *
{
	display: table-cell;
	vertical-align: middle;
}

.slideshow p
{
	margin: 0 0 .3em 0;
	line-height: 1.1em;
}

.slideshow p:first-of-type
{
	font-size: 1.1em;
	font-weight: bold;
}

.slideshow_control
{
  position: absolute;
  top: 50%;
  font-size: 2em;
  color: #FFF;
  background: #000;
  border-radius: 50%;
  padding: 0 .35em .15em;
  opacity: .7;
  display: none;
}

.slideshow_control:first-of-type
{
  left: .2em;
}

.slideshow_control:last-of-type
{
  right: .2em;
}

.slideshow:hover .slideshow_control
{
  display: inline;
  cursor: pointer;
}

/*complex alternation*/

img[src=""]
{
  width: 15em;
  height: 10em;
}

dl > div
{
  display: table;
  border-spacing: 1em;
  margin: 1em auto;
}

dl > div > div
{
  display: table-row;
}

dl > div > div dt, dl > div > div dd
{
  display: table-cell;
}

dl > div > div dt
{
  text-align: right;
}

dl > div > div dd
{
  text-align: left;
  max-width: 35em;
}

.alternate:nth-child(even)
{
  direction: rtl;
}

.alternate:nth-child(even) *
{
  direction: ltr;
}

.alternate > div
{
  display: inline-block;
  vertical-align: middle;
}
	
.alternate > div > img
{
  vertical-align: middle;
}

@media only screen and (min-width: 800px) and (min-device-width: 1024px)
{
	.alternate:nth-child(odd) > div:nth-child(odd), .alternate:nth-child(even) > div:nth-child(even)
	{
	  margin-right: 3em;
	}
}

.slim_button
{
	background: #327DB8;
	color: #FFF;
	margin: 0 .5em;
	padding: .25em;
	border-radius: .25em;
}

.slim_button:hover
{
	color: #FFF;
	text-decoration: none;
}

.new-content-flag
{
    position: absolute;
    top: 1.5em;
    left: 50%;
    width: 6em;
    padding: .5em;
	margin-left: 5em;
    text-align: center;
    color: #FFF !important;
    background: #333;
    font-family: Lato, sans-serif;
    text-shadow: 1px 3px 2px #000;
	border-radius: .3em;
    transform: rotate(16deg);
    -moz-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
    -o-transform: rotate(16deg);
    -ms-transform: rotate(16deg);
}

a.new-content-flag:hover, a.new-content-flag:active
{
    background: #BB4547;

    transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
}

.new-content-flag-mask
{
    position: absolute;
    top: 0;
    right: 0;
    width: 9em;
    height: 8em;
    overflow: hidden;
    background: transparent;
}

.page-flag
{
	font-size: 1.3em;
	position: absolute;
	top: 0em;
	right: 0em;
	left: auto;
	width: 8em;
	padding: 1em;
	margin: 0;
	background-color: #7A95A3;
	border-radius: 0 0 0 .3em;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

@media only screen and (max-width: 950px), screen and (max-device-width: 768px)
{
	.page-flag
	{
		position: static;
		margin: 1em auto;
		border-radius: .3em;
	}
}

.page-flag a, .page-flag a:hover
{
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}

.mavericks-compatible-flag
{
	background-image: url("/images/mavericks wave.jpg");
	width: 6em;
}

.mavericks-compatible-flag::before
{
	content: "OS X Mavericks Compatible";
}

div#yosemite-ready-corner {
  position: absolute; 
  right: 0em;
  top: 0em;
}


div#corner_tag_container
{
  position: absolute; 
  right: 0em;
  top: 0em;
  overflow: hidden;
  height: 14em;
  width: 13em;
  margin: -1em;
}

div#corner_tag
{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background: #207dc5;
	padding: 1em 15em;
	width: 8em;
	position: absolute;
	top: 3em;
	right: -14em;
}

div#corner_tag a
{
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

@media only screen and (max-width:775px), only screen and (max-device-width: 1024px)
{
	div#corner_tag_container
	{
		position: static;
		height: auto;
		width: auto;
		margin: 0 auto;
	}

	div#corner_tag
	{
		position: static;
		padding: 1em;
		margin: 0 auto;
		border-radius: .3em;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
}

img.mac_app_store
{
	width: 15em;
	vertical-align: middle;
}

img.photo
{
	border-radius: .3em;
	box-shadow: 0 .1em .3em 0 #666;
}

.staff_photo
{
	width: 8em;
	border-radius: .3em;
	box-shadow: 0 .1em .3em 0 #666;
}

.staff_photo.staff_photo_large
{
	width: 15em;
}

.vertical-margins
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.vertical-middle
{
	vertical-align: middle;
}
.team_member_images
{
	margin: 2em auto; 
	width: 40em; 
	max-width: 95%;
}

.team_member_images a
{
	position: relative;
	display: inline-block;
}

.team_member_images a > div
{
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0%;
	width: 100%;
	margin-top: -1.5em;
	opacity: 0;
	color: #FFF;
	background: hsla(0, 0%, 0%, .5);
	padding: .5em 0;
}

.team_member_images div div
{
	font-size: .8em;
}


.team_member_images a:hover img
{
	opacity: .6;
}

.team_member_images a:hover div
{
	opacity: 1;
}

#disqus_thread #footer
{
	display: none;
}

/*For TinyMCE rich text editing text area fields*/
.mce-tinymce.mce-container.mce-panel
{
	width: 52em;
	max-width: 90%;
	margin: 1em auto;
}

/* For Iris color picker widget*/
.iris-picker
{
	margin: .5em auto;
}

.large_text
{
	font-size: 1.3em;
}

.small_text
{
  font-size: .6em;
}

p.large_text
{
	max-width: 35em;
}

.large_caption
{
	font-size: 1.3em;
	padding-top: .5em;
}

img#main_image
{
	width: 40em;
	max-width: 95%;
	height: auto;
}

img.image_small
{
	width: 7em;
	height: auto;
}

img.image_medium
{
	width: 12em;
	height: auto;
}

img.image_large
{
	width: 20em;
	height: auto;
}

img.image_small_height
{
	height: 7em;
	width: auto;
}

img.image_medium_height
{
	height: 12em;
	width: auto;
}

img.image_large_height
{
	height: 20em;
	width: auto;
}

.heading_with_image > *
{
	display: inline-block;
	vertical-align: middle;
}

.heading_with_image h1, .heading_with_image h2, .heading_with_image h3
{
	margin: 0;
}

.heading_with_image img
{
	margin-left: 1em;
	margin-right: 1em;
}

img.product_logo_medium
{
	width: 10em;
}

.symbol_large
{
	font-size: 5em;
}

img.ibeacon_icon
{
	width: 5em;
}

.layered
{
	margin: 0 -1em;
	padding: 3em 1em;
}

div#header ~ h1, div#header ~ * h1, div#header ~ * section.layered .heading_with_image
{
	display: none;
}

.highlight
{
	background: #FFFF00;
	color: #000;
	font-weight: bold;
	padding: .2em;
	margin: 0 .3em;
}

.margins
{
	margin: 1em 0;
}



/* Navigation for grey menu across top of twocanoes.com*/
.main-logo {
  position: absolute;
  float:left;
  z-index:2;
  max-width: 6em;
  margin-left: 3em;

}


#top-nav {
  z-index:1;
  position: relative;
  background: #4B4B4B; 
  margin: 0 0 4em 0;
  padding-left: 9em;
  padding-right: 9em;
  top: 0;
  
}

#top-nav img {
  width: 4em;
}
ul.menu {  
    background: #4B4B4B; 
    line-height: 2em;
    display: inline-block;
    padding: 0;
    margin: 0;

}

ul.menu > li { 
    float: left; 
    position: relative;
    width: 8em;
    text-align: center;
    margin: 0;
    list-style: none; 
    color: #FFF;
    padding: 0 0 0 0.5em;
}

ul.menu span.new a {
  color: #EF575B;
  text-shadow: 1px 1px 1px #000;
}

.has-sub:after {
  margin-left: 0.5em;
  content: '\25BE';
}



ul.menu ul {
    z-index: 3;
    width: 100%;
    background: #444; 
    display: none; 
    position: absolute;
    left: 0; 
    /*top: 100%;*/
}

ul.menu a { 
    cursor: pointer; 
    display: block; 
    color: white; 
    text-decoration: none;
    padding-right: 1em;
}

ul.menu ul li> a, ul.menu ul li> a:hover { margin: 0; padding: 0.5em 0.5em 0.5em 1em; }

ul.menu ul li.product-edition> a, ul.menu ul li.product-edition> a:hover { margin: 0; padding: 0.5em 0 0.5em 2em; }

.no-link {color: #327DB8;}
ul.menu ul li.no-link span {padding-left:0.5em;}
ul.menu li:not(.no-link):hover { background: #555; }
ul.menu ul li:not(.no-link):hover {  }

ul.menu ul li:first-child * {padding-top: 1em; display: block;}

ul.menu ul li {margin:0; padding:0; line-height: 1.3em; list-style-type: none;}

/*ul.menu li:hover > a { background: #555;}*/
ul.menu li:hover ul { display: block;  padding: 0; }

/*ul.menu a:hover {display: block; }*/

ul.menu ul li:first-child:hover a {padding-top: 1em;}
ul.menu ul li:hover {}


/*Home Page Yosemite Ready or similar flag*/
.product-flag {

  position: relative;
  right:-7em;
  top:-15em; 
  width: 9em !important;
  opacity: 0.75;
}


/* For Slick Carousel */
.tc-carousel {
  width: 30em;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}

div#citation-logos {
  margin-left: 9em;
  margin-right: 9em;
}

#citation-logos div {
  height: 12em;
  display: inline;
}

#citation-logos img {
  max-width: 18em;
  padding: 1em;
  /* opacity: .75;
 -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);*/
}

@media screen and (max-width: 640px) {
    #citation-logos {
        display: none !important;
    }
}


/*#citation-logos div:nth-of-type(odd) {
   vertical-align: text-top;
  
}

#citation-logos div:nth-of-type(even) {
  vertical-align: text-bottom;
}*/

a.pdf-icon:before {
  content: url(images/pdf.png);
  display: inline-block;
  margin-right: 0.25em;
  position: relative;
}

a.pdf-after:after {
  content: url(images/pdf.png);
  display: inline-block;
  margin-left: 0.25em;
  position: relative;
}

/* Responsive feature list with imag on rht left or above */
div.feature img {
  display: inline-block;
  padding-right: 2em;
  vertical-align: top;
  margin-top: 1.5em;
  width: 5em;
  max-height: 5em;
}


div.feature div {
  display: inline-block;
  max-width: 36em;
}

.ios_icon_buttons
{
  margin: 2em auto; 
  width: 50em; 
  max-width: 95%;
}

.ios_icon_buttons a
{
  position: relative;
  display: inline-block;
  padding: 1em;
}

.ios_icon_buttons a p {
  text-align: center;
  margin-top: 0;
}

.ios_icon_buttons a > div
{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0%;
  width: 100%;
  margin-top: -1.5em;
  opacity: 0;
  color: #FFF;
  background: hsla(0, 0%, 0%, .5);
  padding: .5em 0;
}

.ios_icon_buttons div div
{
  font-size: .8em;
}


.ios_icon_buttons a:hover img
{
  opacity: .6;
}

.ios_icon_buttons a:hover div
{
  opacity: 1;
}

img.beacon-photo {
    max-width: 20em;
    padding: 2em;
    max-height: 10em;
}
div.beacon-photo-caption {
  max-width: 25em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: -0.5em;
}

img.desaturate{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}


div#tech-specs {margin-top: 3.5em;}

#tech-specs table {
  max-width: 45em;
  padding-bottom: 2em;
}

#tech-specs table td {
  padding: 1em;
}

#tech-specs table td.spec-title{
  width: 15em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
}

.secondary-photo {
    float: right;
    padding-left: 1em;
    top-margin: 0;
  }


#tech-specs table td.title-row {vertical-align: baseline;}
#tech-specs table td.spec-title img {
  max-width: 7em;
  max-height: 7em;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 1em;
}
#tech-specs table td.spec-title p {text-align: center;}

#tech-specs table tr:nth-child(even) {background: #CCC}

img.top-icon {
  margin-right: 9em;
  margin-left: 9em;
  padding-top: 1.5em;
}

.grey-button {
  background: #666666;
  color: #FFF;
  margin: 0 .5em;
  padding: 0.5em;
  border-radius: 1em;
}

.grey-button:hover{
  color: #DDD;
}

.action-item {
  background-color: #CC0033;
}

div#page-menu {margin-top: 1.5em; margin-bottom: 1.5em; line-height: 2em;}

div#line-o-links {display: block;}

div#line-o-links a {
    text-decoration: underline;
    color: black;
    padding-right: 0.5em;
    padding-left: 0.5em;
  }


#redownload
{
  display: inline-block;
  padding: 1em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#redownload img 
{
  width: 2.5em !important;
  display: inline !important;
}

#redownload a > *
{
  display: inline-block;
  vertical-align: middle;
}

#redownload a div span
{
  display: block;
  font-size: 1.6em;
  margin: 0 !important;
  text-align: left;
  color: black;
}

#redownload a div span:last-child
{
  font-size: .9em;
  text-align: center;
}

div#thumbFeatures div.feature img {
  text-align: center;
  padding: 0 0 0.5em 0;
}

@media all and (max-width: 45em) {
  img {max-width: 95%;}  
  #header h1 {font-size: 2.5em;}
  button, input[type=submit], .button, .button:hover {margin-top: 1em;}
  #privacy_policy h2 {padding-left: 0; max-width: 90%;}
  input {max-width: 90%;}
  #footer-nav {max-width: 90%; margin: 1em auto;}
}

@media screen and (max-width: 500px) {
  div.feature img {
      padding-right: 0;
    }
}

/*Go retro page*/
div#radio_buttons {
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  max-width: 12em;
  background-color: white;
  padding: 1em;
  border-radius: 0.5em;

}
div#radio_buttons input {
  display: inline-block;
  margin-right: 1em;
}

ol.instructions {
  max-width: 45em;
  margin: 1em auto;
  text-align: left;
}

#tiered_pricing th, #tiered_pricing_renewal th{
  background: #ddd;
  box-shadow: none;
  text-align: center;
}


div.notes_field, div.subject_field, div.content_field {display: none;}

table.scaffold td a.recent {
  background-color: #D4C26A;
  color: #333;
}

/*For get-quote*/
#quote_info input:not([type="radio"], [type="checkbox"]) {
  display: block;
  margin: 0.5em auto;
  text-align: center;
}
div#quote_info_result {display: none;}

form#quote_info {display: none;}

#quote_info input:matches([type="radio"], [type="checkbox"]) {
  display: inline-block;
}

#quote_info input[name="other_emails"] {display: none;}

#quote_info_result {display: none;}

form#quote_info table {text-align: center;}

form#quote_info .pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

form#quote_info .pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

form#quote_info .pure-table td,
form#quote_info .pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
    vertical-align: top;
    text-align: center;
}

/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
form#quote_info .pure-table td:first-child,
form#quote_info .pure-table th:first-child {
    border-left-width: 0;
}

form#quote_info .pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
form#quote_info .pure-table td {
    background-color: transparent;
}
form#quote_info .pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
form#quote_info .pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
form#quote_info .pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
form#quote_info .pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

form#quote_info .pure-table-horizontal td,
form#quote_info .pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
form#quote_info .pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

#step-01 {max-width: 35em;}

div#enterprise-1, div#enterprise-7, div#education-1, div#education-7 {display: none;}

form#quote_info label {margin: 1em !important;}

form#quote_info textarea {margin: 1em !important;}

form#quote_info label.error {
  background-color: #CC0033;
  padding:0.5em;
  vertical-align: center;
}

form#quote_info select {margin: 1em;}
/*end get-quote*/


.number-cell {text-align: right;}
.strike {
  text-decoration: line-through;
  padding-right: 1em;
}
table#buy-info { 
  
  border-collapse: collapse;
}

table#buy-info, table#buy-info th, table#buy-info td {
    border: 1px solid black;
}

table#buy-info td {padding: 0.25em 1em;}

input#accept {
  display: inline-block;
  margin-left: -2em;
  vertical-align: top;
}

.center-lane {
   max-width: 25em;
}

.check-box-instruction {
  display: inline-block;
  text-align: top;
}

p.license_link {
  border-bottom: dotted 1px;
  line-height: 2em;
}

p.license_link span {
  float: right;
}