/* COLOR KEY:

#69aa35 = Green (logo, links, etc.)
#4dbdcb = Blue
#696969 = Grey (Text color on all white backgrounds)
#404040 = Grey (Text color on all grey backgrounds)


*/


/* Basics
----------------------------------------------*/
body {
  font-size: 62.5%;
  background:url('') repeat-y center top;
  padding-top:40px;
 }

#container {font-size: 1.2em; padding-top:30px;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: Verdana, arial, helvetica, sans-serif;
  line-height: 1.5;
 }

p {margin: 0 0 1em;}

a {
  color: #69aa35;
  text-decoration: none;
 }

a:hover {
  text-decoration: underline;
 }

.hidden { display:none; }


/* Grid styles
----------------------------------------------*/
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
	margin-right: 3.8%;
	float: left;
/* 	position: relative; */
	}

.col_1 {width: 4.85%;}  /* ie - 4.7% */
.col_2 {width: 13.5%;}  /* ie - 13.2% */
.col_3 {width: 22.15%;} /* ie - 22.05% */
.col_4 {width: 30.8%;} 	/* ie - 30.6% */
.col_5 {width: 39.45%;} /* ie - 39% */
.col_6 {width: 48.1%;} 	/* ie - 48% */
.col_7 {width: 56.75%;} /* ie - 56.75% */
.col_8 {width: 65.4%;} 	/* ie - 61.6% */
.col_9 {width: 74.05%;} /* ie - 74.05% */
.col_10 {width: 82.7%;} /* ie - 82.7% */
.col_11 {width: 91.35%;}/* ie - 91.35% */
.col_12 {
	clear: both;
	width: 100%;
	float: left;
	}

.last,
.omega {
	margin-right: 0 !important;
	}

/* Prefix spacing for before column */
.pre_1 {padding-left: 8.65%;} /* 4.85 + 3.8 */
.pre_2 {padding-left: 17.3%;} /* 13.5 + 3.8 */
.pre_3 {padding-left: 25.95%;} /* 22.15 + 3.8 */
.pre_4 {padding-left: 34.6%;} /* 30.8 + 3.8 */
.pre_5 {padding-left: 43.25%;} /* 39.45 + 3.8 */
.pre_6 {padding-left: 51.9%;} /* 48.1 + 3.8 */
.pre_7 {padding-left: 60.55%;} /* 56.75 + 3.8 */
.pre_8 {padding-left: 69.2%;} /* 65.4 + 3.8 */
.pre_9 {padding-left: 77.85%;} /* 74.05 + 3.8 */
.pre_10 {padding-left: 86.5%;} /* 82.7 + 3.8 */
.pre_11 {padding-left: 95.15%;} /* 91.35 + 3.8 */

/* Suffix spacing for after column */
.suf_1 {padding-right: 8.65%;}
.suf_2 {padding-right: 17.3%;}
.suf_3 {padding-right: 25.95%}
.suf_4 {padding-right: 34.6%;}
.suf_5 {padding-right: 43.25%;}
.suf_6 {padding-right: 51.9%;}
.suf_7 {padding-right: 60.55%;}
.suf_8 {padding-right: 69.2%;}
.suf_9 {padding-right: 77.85%;}
.suf_10 {padding-right: 86.5%;}
.suf_11 {padding-right: 95.15%;}



/* Layout styles
----------------------------------------------*/
/* Exit Navbar */
.navbar{
	display:block;
	margin-bottom: 18px;
	overflow: visible;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;

    background: url("/media/images/background-art/dark_nav.png") #4c4c4c -50% -30%;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
}
.navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
}

.navbar-inner{
	display:block;
	padding:6px 0px 0px 0px;
	height:35px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}
.navbar .brand{
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#fff;
	font-family: 'Soleil_Bold',Verdana,arial,helvetica,sans-serif;
	font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    float:left;


}

.navbar a.brand:hover{
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}
.navbar .brand span.subbrand{
	color:#7fe8f5;
	font-family: 'Soleil',Verdana,arial,helvetica,sans-serif;
	font-style: normal;
    font-weight: normal;
    text-transform:capitalize;
}

.navbar .brand span.subbrand:hover{
	color:#98f3fe !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
}

.navbar .brand span.subbrand:active{
	color:#70dae7 !important;
}

.navbar .options{
	float:right;
	width:310px;
	height:25px;
	margin-right:30px;

}
a.enhome{
	color:#fff;
	font-size:11px;
	display:block;
	background: url("/media/images/background-art/alt-arrow.png") no-repeat 98% 8px;
	height:20px;
	width:85px;
	float:right;
	margin:3px 0 0 3px;
	padding:5px 11px 0px 12px;
/*
	border-left:1px solid rgba(255,255,255,0.08);
	box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.2);
*/


}

a.enhome:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#3f3f3f;
	box-shadow: 0 1px 3px rgba(255, 255, 255, 0.05);
	text-decoration:none;
}
a.enhome:active{
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
}



/* Search */
input.search-input{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color:#3f3f3f;
	border:1px solid #1e1e1e;
	box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2)
	margin-top:4px;
	padding:4px 8px;
	width:180px;

}

/* Exit Navbar */

#container {
  width: 100%;
  height: 500px;
/*   z-index: -1; */
  background: transparent url('') no-repeat center 80px;
 }

/* Pages w/o sidebar */
body.nav_support_search,
body.nav_support_search #container,
body.nav_getting_started,
body.nav_getting_started #container {
	background: transparent;
	background: #e0e0e0;
	}

body .contstrainer,
body #colwrap,
body .row {
	margin: 0 auto;
	clear: both;
	width: 940px;
	}

#top {
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 100%;
	background: #fff;
	}

#skip {
	overflow: auto;
	text-indent: -5000px;
	}

#container2 {
	margin: 0 auto;
	position: relative;
	}

#content {
	padding-bottom: 3em;
	width: 690px;
	font-size: 1em;
	color: #404040;
	float: left;
	display: inline;
	}

#footer {
 	clear: both;
	width: 100%;
	padding-bottom: 30px;
	background:url('') #f4f4f4;
	border-top: 1px solid #fff;
	-webkit-box-shadow: 0px -1px 0px 0px #bebebe;
	-moz-box-shadow: 0px -1px 0px 0px #bebebe;
	box-shadow: 0px -1px 0px 0px #bebebe;
	}

#footer .row {
	margin: 0 auto 20px;
	color: #8e8e8e;
	font-size: .87em;
	position: relative;

	}

#footer a {
	color: #8e8e8e;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer #tray {
	padding: 20px 0;
	text-align: left;
	}

#tray .aspect {
	padding: 0 20px 3em 0;
	width: 140px;
	float: left;
	}

#footer .footer_right {
	margin-bottom: 1em;
	padding: 0;
	float: right;
	width: 300px;
	text-align: right;
	}

#footer .footer_right div {
	margin-bottom: 1em;
	}

#footer #social_icons img {
	margin-left: 10px;
	}

#language_picker {
	padding-left: 0;
	width: 300px;
	text-align: right;
	float: right;
	position: relative;
	}

#language_picker span,
#language_picker select {
	display: inline;
	}

#language_picker span {
	text-transform: uppercase;
	}

#language_picker a:hover {
	text-decoration:none;
	}

#copyright span {
	display: block;
	}

.nav_home #copyright span {
	display: inline;
	}



/* Styles for the white header bar
----------------------------------------------*/

#header {
	width: 100%;
	background: #fff;
	}

#header .row {
	margin-bottom: 35px;
	height: 80px;
	color: #69aa35;
	position: relative;
	width: 940px;
	}

#header a {
	text-transform: uppercase;
	text-decoration: none;
	width: 120px;
	}

#header a:hover {
	text-decoration: underline;
	}

#sitelogo {
	margin-top: 18px;
	}

#center_links {/* See related rule in: /about/intl/media/css/global.css */
	position: absolute;
	bottom: 29px;
	right: 220px;
	width: 475px;
	text-align: center;
	}

#center_links a {
	margin: 0 6px;
	font-size: 1em;
	}

#header #utility_links {/* See related rule in: /about/intl/media/css/global.css */
	position: absolute;
	top: 25px;
	right: 0px;
	width: 206px;
	}

#header #utility_links p {/* See related rule in: /about/intl/media/css/global.css */
	min-width: 80px;
	margin-top:-8px;
	float: left;
	line-height: 1.8;
	}

#header #utility_links p.right {
	padding-left: 5px;
	float: right;
	width: auto;
	}

#header #utility_links p a {
	padding-left: 7px;
	font-size: .75em;
	background: #fff url(/media/images/bullet_point.png) no-repeat 0 .2em;
	}

/* Products Mega Drop */
#center_links a#silo_products {
	padding-right: 14px;
	background: url(/media/images/down_carrot.png) no-repeat right center;
	}

#center_links a#silo_products:hover {
	text-decoration: none;
	}

#header {
	position: relative;
	}

.products {
	display: inline;
	padding-bottom: 20px;
	}

#mega_drop {
	z-index: 1000;
	text-align: left;
	display: none;
	position: absolute;
	left: 75px;
	top: 32px;
	background-color: #ededed;
	border:1px solid rgb(206,206,206);
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.products:hover #mega_drop,
.products:active #mega_drop,
.products:focus #mega_drop {
	display: block;
	}

#mega_drop .accent {
	margin-top: -15px;
	height: 15px;
	background: url(/media/images/up_carrot.png) no-repeat 59px 0px;
	}

#mega_drop ul {
	margin: 7px 7px;
	padding: 0;
	background-color: #fff;
	}

#mega_drop li {
	display: block;
	border-top: 1px solid #ededed;
	}

#mega_drop li:hover {
	text-decoration: none;
	background-color: #f5f5f5 ;
	text-shadow: 0px 1px 0px 3px rgb(240,240,240); /* IE7 */
	text-shadow: 0px 1px 0px 3px rgba(255,255,255,0.75);
	}

#mega_drop li a {
	margin: 0 5px;
	padding: 8px 0px 6px 48px;
	width: 180px;
	display: block;
	text-transform: none;
	font-size: .8em;
	color: #8e8e8e;
	background: url(https://www.evernote.com/about/media/img/product_icons/evernote-25.png) no-repeat 10px 9px;
	}

#mega_drop li.evernote a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/evernote-25.png');
	}

#mega_drop li.skitch a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/skitch-25.png');
	}

#mega_drop li.clearly a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/clearly-25.png');
	}

#mega_drop li.food a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/food-25.png');
	}

#mega_drop li.hello a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/hello-25.png');
	}

#mega_drop li.peek a {
	background-image:url('https://www.evernote.com/about/media/img/product_icons/peek-25.png');
	}

#mega_drop li a:hover {
	text-decoration: none;
	}

#mega_drop li a span.evn_prod {
	margin: 0;
	padding: 0 0 2px 0px;
	display: block;
	font-size: 1.4em;
	color: #404040;
	font-weight: bold;
	line-height: 1em;
	}



/* "You Are Here" nav & subnav rules
----------------------------------------------*/
.nav_learn_more a#silo_learn_more,
.nav_noteworthy a#silo_noteworthy,
.nav_sign_in a#silo_sign_in,
.nav_get_started a#silo_get_started,
.nav_premium a#silo_premium,
.nav_downloads a#silo_downloads,
.nav_integration a#silo_integration, /* Keep for International Sites */
.nav_trunk a#silo_trunk,
.sn_1 li#sn_1 a,
.sn_2 li#sn_2 a,
.sn_3 li#sn_3 a,
.sn_4 li#sn_4 a,
.sn_5 li#sn_5 a,
.sn_6 li#sn_6 a,
.sn_7 li#sn_7 a,
.sn_8 li#sn_8 a,
.sn_9 li#sn_9 a,
.sn_10 li#sn_10 a,
.sn_11 li#sn_11 a,
.sn_12 li#sn_12 a,
.sn_13 li#sn_13 a,
.sn_14 li#sn_14 a,
.sn_15 li#sn_15 a,
.sn_trademark li#sn_trademark {
	color:#550f08;
	}

.nav_affiliate p {
	color: #696969;
	font-size: .9em;
	}



/* List Rules
----------------------------------------------*/

ul {
  margin: 0 0 1em;
  padding: 0;
  list-style-type: none;
 }

.toc ul {
  margin-bottom: 0;
 }

ol {
  margin: 0 0 1em 2em;
  padding-left: 0;
 }

#content ul li,
#content ol li ul li {
  margin-left: 1em;
  padding-left: 1em;
  list-style-type: none;
  background: url(/media/images/bullets.png) no-repeat left 4px;
 }

ul li ul,
ol li ul,
#sidebar ul {
  margin-bottom: 0;
 }

ol li {
  margin-left: 1em;
  padding: 0;
  list-style-type: decimal;
  background: none;
 }

ol.no_bullets {
  margin-left: 0;
  padding-left: 0;
 }

#content ul.no_bullets li,
#content li.no_bullets,
#content ol.no_bullets li {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  background: none;
 }

#content ul.no_indent li,
#content .anchors ul li {
  margin-left: 2em;
/*  padding: 0 0 0 1.3em;
  background: url(/about/img/li_dark_green.gif) no-repeat .2em .5em; */
 }

#download_links ul.no_indent li {
  margin-left: 0;
  padding-top: 2px;
 }

ul.spacious li,
ol.spacious li,
.spacious {
  padding-bottom: 1em;
 }

ul li ol li {
  padding: 0;
  margin: 0;
 }

ul li.icon_mac,
ul li.icon_win,
ul li.icon_u3 {
  margin-left: 0;
  padding-left: 28px;
  list-style-type: none;
 }

ul li.icon_mac {background: url(/about/img/li_icon_mac.gif) no-repeat top left;}
ul li.icon_win {background: url(/about/img/li_icon_win.gif) no-repeat top left;}
ul li.icon_u3 {background: url(/about/img/li_icon_u3.gif) no-repeat top left;}

ul li.icon_mac .indent,
ul li.icon_win .indent,
ul li.icon_u3 .indent {
  padding: 0 0 0 1.3em;
 }

.anchors {
  margin-bottom: 3em;
  padding-bottom: 10px;
  width: 520px;
  float: left;
  background: url(/about/img/bg_anchors_bottom.gif) no-repeat bottom;
 }

.anchors h2 {
  margin: 0 0 1em;
  padding: 15px 20px 0;
  width: 480px;
  background: url(/about/img/bg_anchors_top.gif) no-repeat 0 0;
 }

.anchors ul, .anchors p {padding: 0 20px 1em;}

.anchors ul li ul {padding: 0 0 0 ;}



/* Headers
----------------------------------------------*/

#content h3 {
	font-size:1.15em;
	color:#5f5f5f;
	}

#content h4 {
	color:#2e7240;
	}

#content h5 {
	font-size:0.9em;
	color:#550f08;
	letter-spacing:2px;
	font-weight:normal;
	text-transform: uppercase;;
	}


/* Text shadows
----------------------------------------------*/
#content h2,
#content h3,
#content h4,
#content h5,
#content p,
#content li,
#content code,
.footer_left,
.footer_right,
#tray,
#mega_drop {
	text-shadow: 0px 1px 0px rgb(240,240,240); /* IE7 */
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
	}

p.crumb{color:#999 !important;}

#content #caption p,
p.dlbtn a { /* exceptions to text shadow */
	text-shadow: none !important;
	}

#content .white p,
#content .white li,
#content .white code,
#content .device_box { /* For white boxes, reduces contrast */
	color: #696969;
	}




/* Get Evernote / Clipper
----------------------------------------------*/
.btn_get,
.clipper_evn {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	line-height: 4;
	}

.btn_get {
	background: #69b249;
	background: -moz-linear-gradient(top, #69b249 0%, #58a83a 50%, #4a9f31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69b249), color-stop(50%,#58a83a), color-stop(100%,#4a9f31));
	background: -webkit-linear-gradient(top, #69b249 0%,#58a83a 50%,#4a9f31 100%);
	background: -o-linear-gradient(top, #69b249 0%,#58a83a 50%,#4a9f31 100%);
	background: -ms-linear-gradient(top, #69b249 0%,#58a83a 50%,#4a9f31 100%);
	background: linear-gradient(top, #69b249 0%,#58a83a 50%,#4a9f31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b249', endColorstr='#4a9f31',GradientType=0 );
	border: 1px solid #5d8d59;
	border-bottom: 1px solid #777;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px 6px 10px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	}

.btn_get:hover,
.btn_get:focus {
	background: #66b941;
	background: -moz-linear-gradient(top,  #66b941 0%, #3d8b27 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66b941), color-stop(100%,#3d8b27));
	background: -webkit-linear-gradient(top,  #66b941 0%,#3d8b27 100%);
	background: -o-linear-gradient(top,  #66b941 0%,#3d8b27 100%);
	background: -ms-linear-gradient(top,  #66b941 0%,#3d8b27 100%);
	background: linear-gradient(top,  #66b941 0%,#3d8b27 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b941', endColorstr='#3d8b27',GradientType=0 );
	text-decoration: none;
	}

.btn_get:active {
	background-color: #4a913a;
	background-image: none;
	}

.clip_wrap {
	display: inline-block;
	}

.clipper_evn {
	background: transparent url(/media/images/products/btn_get_clipper_bg_left.png) no-repeat left top;
	-moz-box-shadow: inset 0 0 5px 5px rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 0 5px 5px rgba(255,255,255,.5);
	box-shadow: inset 0 0 5px 5px rgba(255,255,255,.03);
	color: #7f7f7f;
	padding: 13px 0 9px 16px;
	text-shadow: 0 -1px 0 rgba(255,255,255,.5);
	}

.clipper_evn span {
	background: transparent url(/media/images/products/btn_get_clipper_bg_right.png) no-repeat right top;
	padding: 13px 20px 9px 6px;
	}

.clipper_evn:hover {
	cursor: pointer;
	text-decoration: none;
	}

/* Get Evernote for other devices */
.more_platforms {
	position: relative;
	}

#get_more_popover {
	background: transparent url(/media/images/products/icon_mobile_phone_tablet.png) no-repeat left top;
	display: block;
	height: 27px;
	font-size: 1.2em;
	line-height: 3;
	margin-top: 1em;
	padding-left: 49px;
	}

.more_platforms #platform_options {
	display: none;
	}

.more_platforms:hover #platform_options {
	display: block;
	}

#platform_options {
	border: 1px solid #c3c3c3;
	background-color: #fff;
	box-shadow: 0 2px 8px 1px rgba(0,0,0,.18);
	left: 0;
	position: absolute;
	top: -235px;
	width: 470px;
	}

#platform_options .bottom_carrot {
	background: transparent url(/media/images/down_carrot_pop_over_dark.png) no-repeat 0 0;
	bottom: -15px;
	display: block;
	height: 15px;
	left: 219px;
	position: absolute;
	width: 33px;
	}

.device_download {
	border: 5px solid #ddd;
	}

.dl_wrap .device_download { /* The first selector allows us to target the device box on international pages. */
	border: none;
	}

.mobile_list {
	float: left;
	margin: 0 0 0 0;
	padding-left: 12px;
	width: 214px;
	}

.desktop_list {
	background-color: #f1f1f1;
	float: right;
	margin: 0;
	padding-left: 20px;
	padding-bottom: 12px;
	width: 210px;
	}

.mobile_devices {
	background: transparent url(/about/intl/media/img/icons/mobile_devices.png) no-repeat top left;
	font-size: 1.2em;
	padding: .28em 0 1.2em 3.3em;
	}

.desktop_devices {
	background: transparent url(/about/intl/media/img/icons/desktop_devices.png) no-repeat top left;
	font-size: 1.2em;
	padding: .37em 0 1.2em 3.3em;
	}

#content .device_download ul li,
.device_download ul li {
	margin-left: 3.8em;
	padding: .1em 0 .75em 2em;
	}

#content ul .ios{
	background: transparent url(/about/intl/media/img/icons/apple.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .android{
	background: transparent url(/about/intl/media/img/icons/android.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .blackberry{
	background: transparent url(/about/intl/media/img/icons/blackberry.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .windows7{
	background: transparent url(/about/intl/media/img/icons/windows_mobile.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .palm{
	background: transparent url(/about/intl/media/img/icons/palm.png) no-repeat left top;
	color: #aaa;
	padding-left: 2em;
	}

#content ul .apple{
	background: transparent url(/about/intl/media/img/icons/apple.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .windows{
	background: transparent url(/about/intl/media/img/icons/windows.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .safari{
	background: transparent url(/about/intl/media/img/icons/safari.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .chrome{
	background: transparent url(/about/intl/media/img/icons/chrome.png) no-repeat left top;
	padding-left: 2em;
	}

#content ul .firefox{
	background: transparent url(/about/intl/media/img/icons/firefox.png) no-repeat left top;
	padding-left: 2em;
	}



/* Sidebar Styles
----------------------------------------------*/

#sidebar {
	margin-top: 5px;
  margin-bottom: 50px;
  width: 200px;
  float: right;
  display: inline;
 }

.sb_box {
  margin-bottom: 8px;
  width: 200px;
  position: relative;
 }

.sb_box .sb_head {/* See related rule in: /about/intl/media/css/global.css */
  padding: 0 12px;
  height: 42px;
  width: 176px;
  background: url('') no-repeat;
 }

.sb_box .sb_content {
  padding: 0 12px 4px;
  font-size: .9em;
  color: #696969;
  background: url('') repeat-y 0 0;
 }

.sb_box .sb_content p {
  margin-bottom: .5em;
  line-height: 1.2;
 }

.sb_box .sb_content img {
  position: relative;
  top: -9px;
  left: -12px;
 }

.sb_box .sb_foot {
  height: 10px;
  width: 200px;
  background: url('') no-repeat;
 }



/*
================================================================
Landing Page styles
================================================================
*/

body#landing #content {
	width: 570px;
}

body#landing #content .evernoteandtwitter_art {
	margin-top: -22px;
	margin-left: 36px;
	margin-bottom: 40px;
	margin-right: -118px;
	position: relative;
}

body#landing #content object,
body#landing #content embed {
	margin-top: 12px;
	margin-bottom: -5px;
}

body#landing #content ol.numeric li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 3px;
}

body#landing #content ol.numeric {
	margin-bottom: 4px;
}

body#landing #content img {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: -5px;
}

body#landing #content p.last {
	margin-bottom: -3px;
}



/* Table stuff
----------------------------------------------*/

#content table {
  margin: 2em 0;
  border-left: 0px solid #ccc;
 }

#content table table {
  margin: 0;
  font-size: 1em !important;
 }

#content table caption {
  font-weight: bold;
  padding-bottom: .5em;
 }

#content table th {
  padding: 5px;
  font-size: .9em;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  border-right: 0px solid #fff;
 }

#content table td {
  padding: 5px;
  vertical-align: top;
  border-bottom: 0px solid #ccc;
 }

#content table tbody td {border-right: 0px solid #ccc;}

#content #contact_webform table {margin: 0 0;}

#content #contact_webform table .headroom {padding-top: 10px;}

#content table.stylish {
  margin: 2em 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
 }

#content table.stylish thead th {
  padding: 5px;
  font-size: .9em;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  color: #1f471b;
  background: #def2bb;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
 }

#content table.stylish td {
  padding: 5px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
 }

#content table.stylish tr.alt td {
  background: #eee;
 }

#content table.stylish td.comp_logo {
  padding: 5px 10px;
  vertical-align: middle;
 }

#content table.stylish td.comp_logo img {
  margin: 0 auto;
 }

#content table.stylish td.cta {
  vertical-align: middle;
 }

#content table.stylish tbody td {
  border-right: 1px solid #ccc;
 }

#content table td.cta {white-space: nowrap;}



/* Lightbox, Thumbnails
----------------------------------------------*/
ul.jthumbs {
  margin: 0;
  vertical-align: top;
  text-align: center;
  width: 100%;
}

ul.jthumbs li {
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline;
  border: none;
 }

ul.jthumbs li:first-child img.jthumb {
  margin-left: 20px;
 }

ul.jthumbs img.jthumb {
  margin: 10px;
  width: 220px;
  float: left;
  border: 1px solid gray;
 }


ul#sitememory_gallery.jthumbs {
  margin: 0;
  vertical-align: top;
  text-align: center;
  width: 100%;
  float:left;
}

ul#sitememory_gallery.jthumbs li {
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline;
  border: none;
 }

ul#sitememory_gallery.jthumbs li:first-child img.jthumb {
  margin-left: 0px;
 }

ul#sitememory_gallery.jthumbs img.jthumb {
  margin: 10px;
  width: 150px;
  float: left;
  border: none;
  -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, .3);
  -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, .3);
 }



/* Form Styles
----------------------------------------------*/
label {
  margin: 11px 0 7px;
  color: #696969;
 }

.input {
  background-color: #fff;
 }

input.buttonish {
  padding: 2px 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: .8em;
  background: #4dbdcb;
  border: 0;
 }

input.buttonish:hover {
  color: #000;
  cursor: pointer;
 }

input.genericsubmit {
  margin-right: 10px;
  width: 64px;
  height: 20px;
  clear: none;
  background: url(/media/images/submit_btn_generic.png) no-repeat 0 0;
 }

input.genericcancel {
  width:72px;
  height:20px;
  clear:none;
  background:url(/media/images/cancel_btn_generic.png) no-repeat 0 0;
 }

input.imagebutton {
  margin-bottom: 10px;
  clear: none;
  border: none;
 }

form .required:before {
	content: "* denotes required field";
	font-style: italic;
	font-weight: bold;
	margin-left: 2.1em;
	line-height: 3em;
	font-size: 8pt;
}
form .required:after {
	content: "*";
	font-weight: bold;
}

form.support input {
	margin:2px 0;
	float: none;
}

form.support ol.spacious li {
  margin-bottom: 10px;
  display: block;
  clear: both;
 }

form.support input[type="text"] {
	margin:2px 0 0 0;
}

form.support label {
	margin-right: 0.7em;
	display: inline;
	float: none;
}

form.support input[type="radio"] {
	margin-right: 1em;
	margin-bottom: 0.5em;
	vertical-align: middle;
	width: 20px;
}

form.support input.radio {
	margin-right: 1em;
	margin-bottom: 0.5em;
	vertical-align: middle;
	width: 20px;
    padding: 0;
    clear: none;
    background:none;
    border:none;
    cursor: pointer;
}

form.support input[type="button"],
form.support input[type="submit"] {
	border:none;cursor: pointer;
}

form.support textarea {
	margin: 0 0 10px;
	width: 500px;
}

form.support li > span {
/* 	font-weight: bold; */
}

form.support span.submit {
	margin-left: 3.1em;
}

form.support span.submit input {
	margin-right: 10px;
}

form.support .error {
	color: red;
}

form.support .global_error_message {
	border: 1px solid red;
	background-color: #c9e39c;
	color: red;
	padding: 8px;
	margin: 8px;
}

form.support .error_message {
	color: red;
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}

label.error {
    color: red;
}

.error-status {
    color: red;
    font-style: italic;
}

label.required:after {
    content:"*";
}

input[type="password"].long,
input[type="text"].long {
    width: 220px;
}

input[type="checkbox"] {
    margin-right: 6px;
}

input[type="submit"] {
    padding: 3px;
}

form.multiSubmit input[type="submit"] {
    margin-right: 10px !important;
}

input.search_button {
	margin: 0 0 0 2px;
	padding: 0;
	width: 21px;
	height: 20px;
	clear: none;
	position: relative;
	top: -1px;
	vertical-align: middle;
	cursor: pointer;
	background: url(/media/images/search_button.png) no-repeat 0 0;
	border: none;
}

.fieldVisible {
	height:1.5em;
	font-size:1.2em;
}

.textareaVisible {
	font-size: 1.2em;
}



/* Support Search Form
----------------------------------------------*/

#search_google {/* Used on Support pages */
  margin: 0 0 2em 0;
  padding: 0;
/*   width: 180px; */
  font-size: .9em;
  overflow: hidden;
 }

#search_google form,
#search form input,
#search form label {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: inline;
 }

#search_google label span {
  font-weight: bold;
/*   text-transform: uppercase; */
  font-size: 1.1em;
 }

#search_google #search_box {
  font-size: 1em;
/*   width: 125px; */
  float: left;
 }



/* Misc stuff
----------------------------------------------*/

.clearer {clear: both;}

.clear {
  clear: both;
  height:0;
 }

.group:after { /* self-clear floats; not supported by IE 6 or 7  */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.back2top {
  padding: 20px 0 20px;
  text-align: right;
  clear: both;
 }

.back2top a {
	padding: 0 0 0;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px #fff;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	}

.back2top a span {
	color: #bbb;
	text-shadow: 1px 1px 2px #fff;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	}

.back2top a:hover,
.back2top a:hover span {
	text-decoration: none;
	color: #333;
	}

/*
.hr_dots {
  padding-top: 10px;
  width: 687px;
  background: url(/media/images/hr_grey.gif) repeat-x top left;
 }
*/

/*
.hr_dots a {
  margin: 0 0;
 }
*/

.hr_dots,
.hr {
	margin: 0 0 0em;
    width: 687px;
	height: 1px;
	line-height: 1px;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: none;
	clear: both;
	}

.hr_dots a,
.hr a {
	position: relative;
	top: 1.2em;
	}

.toc {
  margin: 2em 0 2em;
  padding: 9px 0;
  width: 688px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
 }

#content pre {
	margin: 8px 0px;
	padding: 5px 12px 18px 22px;
	display: block;
	background: #fff;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#content pre code {
	color: #36722E;
	font-size: 1.2em;
	}

#content p code,
#content li code {
	font-size: 1.4em;
	color: #550f08;
	}

h1 code{
	font-size: 1.4em;
}

img.screenshot {
  margin: 53px 0 4px -4px;
 }

img.grab {
  margin: 1em auto;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
 }

#content p.tagline {
  font-size: 1.2em;
 }

#content .right {
  float: right;
 }

.float_left {
  padding: 0 10px 5px 0;
  float: left;
 }

.float_right {
  padding: 0 0 5px 10px;
  float: right;
 }

.twocolumn {
  margin-right: 20px;
  float: left;
  width: 275px;
 }

.imgannotation {
  margin-bottom: 2em;
  height: 64px;
 }

.imgannotation p {
  margin: 0 0 6px 1.1em;
  position: relative;
  color: #48b4c1;
 }

.imgannotation p span {
  width: 0;
  position: absolute;
  left: -1.1em;
 }

.sampleUrl {/* Developer/Mobile */
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.25em 0.5em;
  font-family: Consolas, 'Courier New', Courier, mono;
  background: #fff;
 }

.sampleUrl em {/* Developer/Mobile */
  color: blue;
  font-style: normal;
 }

.col1, .col2 {/* /about/support/web.php */
  padding-right: 20px;
  width: 333px;
  float: left;
 }

.col2 {padding-right: 0;}  /* /about/support/web.php */

.meta {
  font-size: .9em;
 }

p.start_pr {margin-top: 1em;}

#icon_lrg { /* 403 and 404 pages */
  margin: 0 auto;
  width: 160px; /* width: 237px; According to original PSD, (which was too wide for page titles) */
  height: 400px;
  float: left;
 }

#icon_lrg_content {/* 403 and 404 pages */
  width: 520px;
  float: left;
 }

p.icon_download {
  text-indent: 22px;
  background: url(/media/images/device_list_icons.png) no-repeat 0px -37px;
  font-size: .9em;
 }


 /* GIST */
.gist-file div{
	font-size:12px;
	font-family: 'Bitstream Vera Sans Mono','Courier',monospace;
}