/* Global */
html, body {
	margin: 0;
	padding: 0;
	color: #636669;
	font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
	/* font-size: 0.875em; */
	background-image: url(../img/background.png);
	text-rendering: optimizeLegibility;
}

body {
}

header,
footer,
article,
section,
aside {
	display: block;
}

div.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	font-weight: normal;
	font-family: "HelveticaNeue-Medium"
	text-shadow: white 0px 1px;
}

a:link, a:visited, a:hover {
	color: #39c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #069;
}

img.leftinset {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

	/* Thank you/sorry Panic */
.flashing-warning {
	color: red;
	font-weight: bold;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes glow {
	0% {
		color: rgb(99, 102, 105);;
	}
	100% {
		color: red;
	}
}

hr {
	margin-left: 10px;
}

/* HEADER */

.navbar {
	margin-bottom: 10px;
}

.navbar .navbar-inner {
	background: none;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar .nav {
	float: right;
}

.navbar .nav > li a{
	line-height: 40px;
}

.navbar .nav > li a,
.navbar .nav > li a:link,
.navbar .nav > li a:visited {
	-webkit-transition: color 0.3s ease;
	font-size: 18px;
	color: #bbbfc3;
	text-decoration: none;
	text-shadow: none;
	
	background: none;
}


.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	-webkit-transition: color 0.3s ease;
	color: rgb(167, 183, 27);
	text-decoration: none;
	
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.navbar .nav > li:last-child > a {
	padding-right: 0;
}


/* SITE FOOTER */

footer.site-footer {
	margin-top: 10px;
}


/* FRONT PAGE */

.app-promo {
	background-image: url(../img/bg_light.png);
	background-size: 64px 64px;
	border-radius: 6px;
	
	text-align: center;
	
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.7)
}

.app-promo img {
	margin-top: 5px;
}

.app-promo h2 {
	margin-bottom: 2px;
}

.app-promo h2 a {
	color: #333333;
}


/* BASIC PAGE */
.basic-page {
	background-image: url(../img/bg_light.png);
	background-size: 64px 64px;
	border-radius: 6px;
	
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.7)
}

.beta {
	background-image:url(../img/bg_beta_bar@2x.png),url(../img/bg_light@2x.png) ;
	background-repeat: repeat-x, repeat;
	background-size: 52px 34px, 64px 64px;
	padding-top: 34px;
}

.basic-page h2,
.basic-page h3,
.basic-page h4,
.basic-page h5,
.basic-page h6,
.basic-page p,
.basic-page input,
.basic-page pre {
	margin-left: 10px;
	margin-right: 10px;
}


/* APP PAGE */

.app-sidebar {
	text-align: center;
	margin-top: 15px;
}

.app-sidebar-notes {
	text-align: left;
}

.app-action-button {
	display: inline-block;
	min-height: 30px;
	width: 80px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	padding: 2px 10px 2px 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #39c;;
	border: 1px solid #c5ced6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9));
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
}

.app-action-button-small {
	display: inline-block;
	min-height: 20px;
	width: 75px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	padding: 2px 10px 2px 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #39c;;
	border: 1px solid #c5ced6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9));
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
}

input[type="submit"].app-action-button {
	width: 102px;
	font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
}

input[type="submit"].form-inline-action-button {
	display: inline-block;
	height: 30px;
	width: 102px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	padding: 2px 10px 2px 10px;
	margin: 0;
	color: #39c;;
	border: 1px solid #c5ced6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f8f9));
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
	font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
}

.app-notice {
	padding-top: 15px;
	text-align: center;
}

.app-notice-lead {
	text-align: center;
}

.app-content {
	padding-top: 15px;
	background-image: url(../img/bg-light-splitter.png);
	background-size: 2px 1px;
	background-repeat: repeat-y;
	background-position: left top;
}


ul.app-feature-list {
	list-style: none;
}

ul.app-feature-list li {
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 40px;
}


li.basicfeatures {
	background: url(../img/icon-tick.png) left top no-repeat;
	background-size: 32px 32px;
}
li.tablecreator {
	background: url(../img/icon-wand.png) left top no-repeat;
	background-size: 32px 32px;
}
li.tablealtering {
	background: url(../img/icon-hammer.png) left top no-repeat;
	background-size: 32px 32px;
}
li.datafiltering {
	background: url(../img/icon-magnifyingglass.png) left top no-repeat;
	background-size: 32px 32px;
}
li.importexport {
	background: url(../img/icon-dbexport.png) left top no-repeat;
	background-size: 32px 32px;
}
li.sqlediting {
	background: url(../img/icon-pencil.png) left top no-repeat;
	background-size: 32px 32px;
}
li.promocode {
	background: url(../img/icon-heart.png) left top no-repeat;
	background-size: 32px 32px;
}
li.colours {
	background: url(../img/icon-colours.png) left top no-repeat;
	background-size: 32px 32px;
}
li.smallfootprint {
	background: url(../img/icon-tools.png) left top no-repeat;
	background-size: 32px 32px;
}

.app-screenshots {
	text-align: center;
}

.tech-info {
	margin-left: 10px;
	margin-right: 10px;
}

.tech-info .accordion-inner {
	font-size: 13px;
	line-height: 18px;
}

.tech-info table {
	text-align: left;
}

/* FLAGS */

.app-language-list-leader {
	margin-bottom: 2px;
}

.app-language-list {
	list-style: none;
	text-align: left;
}

.app-language-list li {
	padding-left: 20px;
	font-size: smaller;
}

li.flag_en {
	background: url(../img/flags/en.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_ca {
	background: url(../img/flags/ca.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_da {
	background: url(../img/flags/da.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_nl {
	background: url(../img/flags/nl.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_fr {
	background: url(../img/flags/fr.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_de {
	background: url(../img/flags/de.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_it {
	background: url(../img/flags/it.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_jp {
	background: url(../img/flags/jp.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_no {
	background: url(../img/flags/no.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_pt {
	background: url(../img/flags/pt.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_pt_BR {
	background: url(../img/flags/pt_BR.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_es {
	background: url(../img/flags/es.png) left no-repeat;
	background-size: 16px 11px;
}
li.flag_sv {
	background: url(../img/flags/sv.png) left no-repeat;
	background-size: 16px 11px;
}


/* BLOG PAGES */

article.blog-post {
	margin-bottom: 20px;
}

.blog-pagination .prev {
	float: left;
}

.blog-pagination .next {
	float: right;
	margin-right: 20px;
}


/* RETINA */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2)
{

	html, body {
		background-image: url(../img/background@2x.png);
		background-size: 64px 64px;
	}
	
	.basic-page,
	.app-promo {
		background-image: url(../img/bg_light@2x.png);
	}
	
	.beta {
		background-image:url(../img/bg_beta_bar@2x.png),url(../img/bg_light@2x.png) ;
		background-repeat: repeat-x, repeat;
		background-size: 52px 34px, 64px 64px;
	}
	
	.app-content {
		background-image: url(../img/bg-light-splitter@2x.png);
	}
	
	li.basicfeatures {
		background: url(../img/icon-tick@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.tablecreator {
		background: url(../img/icon-wand@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.tablealtering {
		background: url(../img/icon-hammer@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.datafiltering {
		background: url(../img/icon-magnifyingglass@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.importexport {
		background: url(../img/icon-dbexport@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.sqlediting {
		background: url(../img/icon-pencil@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.promocode {
		background: url(../img/icon-heart@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.colours {
		background: url(../img/icon-colours@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}
	li.smallfootprint {
		background: url(../img/icon-tools@2x.png) left top no-repeat;
		background-size: 32px 32px;
	}


}

/* CORNER RIBBON */

.ribbon-wrapper {
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-sale {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-sale {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-sale:before, .ribbon-sale:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-sale:before {
  left: 0;
}
.ribbon-sale:after {
  right: 0;
}


/* SCALING TWEAKS */

@media (max-width: 480px)
{
	/*
		Center the logo and menu (they will stack)
	*/
	.navbar-inner .container .brand,
	.navbar-inner .container .nav {
		float: none;
		text-align: center;
		margin: 0;
	}
	
	.navbar .nav,
	.navbar .nav > li {
		float:none;
		display:inline-block;
		*display:inline; /* ie7 fix */
		*zoom:1; /* hasLayout ie7 trigger */
		vertical-align: top;
	}
	
	.navbar-inner {
		text-align:center;
	}
	
	
	/*
		Shrink the padding between menu items to keep them on one line
	*/
	.navbar .nav > li > a {
		padding-left: 8px;
		padding-right: 8px;
	}
	.navbar .nav > li:last-child > a {
		padding-right: 8px;
	}
	
	.hidden-smallphone {
		display: none !important;
	}
}