/*
 *	Enhanced Stylesheet for Developer Section
 *	Include as an addendum to the main site's
 *	header as needed. - Chris Traganos
 *
 */
 
/* #content */
.nav_developer #content h1{
 	overflow:visible;
 	text-indent: 0px;
 	background:none;
 	width:auto;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
 }
 
.nav_developer  #content h3{
	 color: #404040;
	 padding-bottom:4px;
	 
	 padding-top:12px;
	
 }
 
body.sn_cloud #content h3,
body.sn_local #content h3,
body.documentation #content h3{
	border-bottom: 1px rgba(77,189,203,0.3) dotted;
	 margin-bottom:16px;
}


.nav_developer  #content .twitter h3{
	border-bottom: 0px #fff solid;
}
 
 .nav_developer p.title{
 	font-size:0.8em;
 }

#footer hr{
	color:#ddd;
}

/* API blocks */ 
a.apiblock{
	margin-right:20px;
	margin-top:8px;
	float:left;
	display:block;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #cfcece;
	-webkit-box-shadow: 0px 1px 1px 0px #dcdcdc;
	-moz-box-shadow: 0px 1px 1px 0px #dcdcdc;
	box-shadow: 0px 1px 1px 0px #dcdcdc;	
}

a.apiblock:hover{
	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: 0px;
}



/* temporary */
#content pre{
	font-size:1.2em;
	padding: 10px 12px 10px 18px;

}

#content div.snippet pre{
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.03);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03);
	box-shadow: 0 2px 3px rgba(0,0,0,0.03);
}

div.toRemember{
/*
	border-top:1px solid #b8b8b8;
	border-bottom:1px solid #ffffff;
*/
	margin:12px 0px 16px 0px;
	
}
div.toRemember>:first-child{
	/* border-top:1px solid #ffffff; */
	padding-top:8px;
	margin-top:0px;
}
div.toRemember h2{
	margin-bottom:5px;
	font-size:1.4em;
	color:#5F5F5F;
}
div.toRemember>:last-child{
	/* border-bottom:1px solid #b8b8b8; */
	margin-bottom:0px;
	padding-bottom:12px;
}

/* .callout */

div.callout, div.needtoknow{
	background-color:#dfdfdf;
	padding: 16px 32px 4px 50px;
	margin-bottom:20px;
		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
div.callout{
	background:url('/media/images/qa_icon.png') no-repeat #f4f4f4 16px 15px;
}
div.needtoknow{
	background:url('/media/images/bang_icon.png') no-repeat #f4f4f4 16px 15px;
}

div.callout h3{
	font-size:1em !important;
}

/* .important */
div.important{
	background-color:#dfdfdf;
	/* TODO - find a real exclamation point icon */
	background:url('/media/images/background-art/qa_icon.png') no-repeat #f4f4f4 16px 15px;
	padding: 16px 32px 4px 50px;
	margin-bottom:20px;
		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

div.callout h3{
	font-size:1em !important;
}

/* Search and Support */
#evernoteDevSearch input[type="text"]{
	color:#bbb;
}
#evernoteDevSearch input[type="text"]:focus{
	color:#666;
}

/* diagram */
.diagram{
padding:12px 0px;
}

.diagram .side{
	float:right;
	width:240px;
	padding-left:20px;
}

.diagram a img{
	border:1px solid #e9e9e9;
}

.side h4{
	color:#404040 !important;
	margin-bottom:8px;
}
.side li{
margin-left:0px;
}

.diagram .figure{
	width:405px;
	float:left;
}
span.desc{
	display:block;
	padding:5px 8px;
	max-width:95%;
	font-size:0.8em;
}

/* table styling for cobalt version */

#content table.cobalt{
	width:100%;		
	background-color:#fff;
	margin-top:8px;
	-webkit-box-shadow: 0px 1px 1px 0px #dcdcdc;
	-moz-box-shadow: 0px 1px 1px 0px #dcdcdc;
	box-shadow: 0px 1px 1px 0px #dcdcdc;

}

#content table.cobalt th{
	padding:12px 8px 6px 10px;
	font-size:1em;
	text-align:left;
	/* height:36px; */
	color:#fff;
	border-bottom:3px solid #4dbdcb;
	text-shadow: 0px 1px 1px #333333;
	filter: dropshadow(color=#333333, offx=0, offy=1);

	background: #646464; /* Old browsers */
	background: -moz-linear-gradient(top, #646464 0%, #595959 50%, #505050 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(50%,#595959), color-stop(100%,#505050)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* IE10+ */
	background: linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
}


#content table.cobalt th a{ color:#fff;}

#content table.cobalt tr{
	border-bottom:1px solid #e6e6e6;
}
#content table.cobalt td{
	padding:8px;
}

/* Video Section */
ul.video_block {
    float: left;
    list-style: none outside none;
    width: 100%;
    background: none !important;
}

ul.video_block li {
    float: left;
    margin: 0 0 2em;
    /*padding: 0 5% 0 0;*/
    padding: 0;
    width: 42%;
    list-style: none outside none;
    background:none !important;
    background-origin: origin-box;
}

ul.video_block li .video_meta {
    float: left;
    padding-top: 16px;
    width: 75%;
}

ul.video_block li a {
    font-weight: bold;
    display:block;
}

ul.video_block li a.video img  {
    border: 5px solid #fff;
    border-radius: 4px 4px 4px 4px;
    
    float: left;
    margin: 0 8px 0 0;
	-webkit-box-shadow: 0px 1px 1px 0px #dcdcdc;
	-moz-box-shadow: 0px 1px 1px 0px #dcdcdc;
	box-shadow: 0px 1px 1px 0px #dcdcdc;

}

/* Notations */

div.notations {
    background-color: #293352;
    border-radius: 60px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    color: #FFFFFF;
    /* display: block; */
    float: left;
    font-size: 28px;
    font-weight: bold;
    height: 65px;
    margin: 2px 14px 20px 40px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 65px;
    
}
div.notations span.stamp {
    font-weight: bold;
    padding: 0px 0;
}

div.notations span {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    text-align: center;
    margin-top:10px;
}

div.notations a{
	color:#fff !important;
}
div.tile {
    float:left;	
    text-align:center;

}



h3.headsteps{
	border-bottom:none !important;
}
div.apisteps{
}

div.quarter div.notations{
	background-color:#CD2C32;
}

div.half-past div.notations{
	background-color:#FF772A;
}

div.quarter-till div.notations{
	background-color:#6FB536;
}	

div.oclock{	
	margin:0 0 0 0;
}

/* Twitter */

div.twitter h3{
	border-bottom:none;
}

div.tidbit{

}

/* Forum feed formatting */
h3.forumtitle{
	padding:12px 8px 6px 10px;
	font-size:1em;
	text-align:left;
	/* height:36px; */
	color:#fff !important;
	border-bottom:3px solid #4dbdcb !important;
	text-shadow: 0px 1px 1px #333333 !important;
	filter: dropshadow(color=#333333, offx=0, offy=1);

	background: #646464; /* Old browsers */
	background: -moz-linear-gradient(top, #646464 0%, #595959 50%, #505050 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(50%,#595959), color-stop(100%,#505050)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* IE10+ */
	background: linear-gradient(top, #646464 0%,#595959 50%,#505050 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
	margin-bottom:0px;
}
div#forumfeed, div#statusfeed{
	width:100%;
	margin:0 0 0 0;
	
}

div#forumfeed ul, div#statusfeed ul {
	background-color:white;
	padding:0px 0px;
	margin:8px 0px;
	
	border-radius:6px;
/*
	-webkit-box-shadow: 0px 1px 1px 0px #dcdcdc;
	-moz-box-shadow: 0px 1px 1px 0px #dcdcdc;
	box-shadow: 0px 1px 1px 0px #dcdcdc;
*/
	
}

#content div#forumfeed ul li, #content div#statusfeed ul li{
	margin-left:0px;
} 

div#forumfeed ul li, div#statusfeed ul li {
	background-image:none;
	padding:8px 0px;
	border-bottom:1px #eee solid;
}
div#forumfeed ul li h4, div#statusfeed ul li h4 {
	display:inline;
	font-weight:normal;
	margin:0px;
	padding:0px;	
}
div#forumfeed ul li h4 a, div#statusfeed ul li h4 a{
	margin:0px;
	padding:0px;
}
div#forumfeed ul li div.date, div#statusfeed ul li div.date {
float:right;
}

/* */
#blogfeed li.rssRow {
    background: url("/media/images/icn_learnmore-feed.png") no-repeat scroll 0px 9px transparent;
    min-height: 16px;
    padding: 6px 0 3px 20px;
    margin-left:0px;
}

#forumfeed li.rssRow h4 {

}

#forumfeed li.rssRow h4 a {
	
	overflow:hidden;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
div#forumfeed ul li {
	position:relative;
	
}
div#forumfeed ul li div.date{
	float:right;
	position:absolute;
	top:8px;
	right:12px;
	background-color:white;
	padding-left:25px;
	text-align:left;
	width:300px;
}
div.twitter_feed{
	float:right;
}

/* Dev Sidebar */
.nav_developer #sidebar .sb_content{

}
.nav_developer #sidebar h4{
	text-indent:0px;
	padding:6px 0px 0px 0px;
	height:auto;
	color:#404040;
	font-family: 'Soleil_Bold',Verdana,arial,helvetica,sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
}
.nav_developer #sidebar h4 span{
	display:block;

}
.nav_developer #sidebar h5{
	font-weight:normal;
	font-size:13px;
	letter-spacing:-0.02em;
	color:#404040;
	padding-top:12px;
}
.nav_developer #sidebar h5:first-child{
	padding-top:2px;
}
.nav_developer #sidebar h5 a{
	color:#404040;	
}

.nav_developer #sidebar ul{
	margin-top:0px;
	padding-top:0px;
}
.nav_developer #sidebar ul li{
	margin-top:0px;
	padding-top:6px;
}

.nav_developer #sidebar ul ul{
	padding-left:12px;
	padding-top:0px;
}
.nav_developer #sidebar ul ul li{
	margin-top:0px;
	padding-top:0px;
}

/* Column options */
div.uno,
div.dos{width:320px;}

div.uno{float:left;  }
div.dos{ float:right; margin-right:00px;}

#content div.uno h3,
#content div.dos h3{
	
	border-bottom: 0px solid !important; 
	font-size: 18px;
	line-height: 1;
	margin:5px 0px 5px 0px ;
	background-color:	
}


div.split a.localart, div.split a.cloudart{} 

div.split table.cobalt{
	
}

/* Showcase templates */

div.integration{
	float:left;
}
div.learn_more{
	float:right;
	margin-right:0px;
}

#content div.showcase_overview{
margin-top:18px;
}
#content div.showcase_overview p{
	font-size:16px;
}
.showcase_icon{
float:left;
padding-right:18px;
}

div.showcase_screenshots img.app_ss{
	padding-right:8px;
}
div.showcase_screenshots img.last{
	padding-right:0px !important;
}


.sn_showcase .app_item{
display:block;
float:left;
margin-right:25px;
}
/*  */


/* Bold the Current Navigation item */

body.android_intents ul.navlisting li.android, 
body.authentication ul.navlisting li.authentication, 
body.creating_notes ul.navlisting li.creating_notes,
body.introduction ul.navlisting li.introduction,
body.core_concepts ul.navlisting li.core_concepts,
body.common_issues ul.navlisting li.common_issues, 
body.data_structure ul.navlisting li.data_structure, 
body.data_structure ul.navlisting li.data_model, 
body.enml ul.navlisting li.enml, 
body.error_handling ul.navlisting li.error_handling, 
body.evernote_search_grammar ul.navlisting li.search_grammar, 
body.image_recognition ul.navlisting li.image_recognition, 
body.introduction ul.navlisting li.introduction,
body.watching_for_changes ul.navlisting li.watching_for_changes, 
body.mac ul.navlisting li.mac,
body.mobile_web ul.navlisting li.mobile_web,
body.note_links ul.navlisting li.note_links, 
body.note_export_format ul.navlisting li.note_export, 
body.notes ul.navlisting li.notes, 
body.read_only_notes ul.navlisting li.read_only_notes, 
body.permissions ul.navlisting li.permissions,
body.reference ul.navlisting li.reference,
body.referring_new_users ul.navlisting li.referring_new_users, 
body.resources ul.navlisting li.resources, 
body.searching_notes ul.navlisting li.searching_notes, 
body.sharing ul.navlisting li.sharing_notes, 
body.storing_hidden_data ul.navlisting li.storing_hidden_data, 
body.sample_code ul.navlisting li.samples, 
body.sample_code li.samples, 
body.synchronization_spec ul.navlisting li.synchronization,
body.testing_in_the_sandbox ul.navlisting li.testing,
body.thumbnails ul.navlisting li.thumbnails,
body.windows_command_line ul.navlisting li.windows,
body.windows ul.navlisting li.windows,
body.colorstache ul.navlisting li.colorstache,
body.egretlist ul.navlisting li.egretlist,
body.fasteversnap ul.navlisting li.fasteversnap,
body.news360 ul.navlisting li.news360,
body.penultimate ul.navlisting li.penultimate,
body.finding_related_notes ul.navlisting li.finding_related_notes,
body.bootstrapping ul.navlisting li.bootstrapping,
body.voice2note ul.navlisting li.voice2note{ font-weight:bold;}


body.sn_cloud h5.cloud,
body.sn_local h5.local,
body.documentation h5.documentation,
body.overview h5.overview,
body.developer_community_news h5.news,
body.developer_support h5.support,
body.sn_showcase h5.showcase,
body.sn_benefits h5.benefits,
body.developer_videos h5.videos{ font-weight:bold !important;}


	

body.nav_developer .android,body.nav_developer .ios, 
body.nav_developer .windows{margin:0 0 0 0; padding:0 0 0 0 !important; background:none !important ;}


pre.longline {
  word-wrap: break-word;
}

span.path {
  font-family: monospace;
}

/* Button Fun */
* 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,.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	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;
	}

	a.btn_inquiry {
    background: -moz-linear-gradient(center top , #F4F4F4 0%, #F3F3F3 10%, #E2E2E2 55%, #DFDFDF 59%, #D2D2D2 100%) repeat scroll 0 0 transparent;
    border: 1px solid #ADADAD;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #666666;
    display: inline;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 0.8em;
    padding: 6px 14px 6px 16px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    }
    
   a.btn_inquiry:hover {
    background: -moz-linear-gradient(center top , #F4F4F4 0%, #F3F3F3 5%, #E2E2E2 29%, #DFDFDF 33%, #D2D2D2 73%) repeat scroll 0 0 transparent !important;
    text-decoration: none;
}
	a.btn_inquiry:active {
    background: none repeat scroll 0 0 #D2D2D2;
}


/* Tabular data from bootstrap.php */

table.bootstrapTable {
	width: 100%;
	border:solid 1px black !important;
}
table.bootstrapTable tr th {
	text-align: left !important;
	font-weight:bold;
	border-bottom:solid 1px black;
}

table.bootstrapTable tr td code {
	font-size:1.2em;
}

/* nested list styles for boo */

body.bootstrapping ol li ul, body.bootstrapping ul li ul {
	margin-bottom: 10px;
}