/* -------------------------------------------------------------- 
   
    blocks.css
   * Mains blocks of the website.
   
-------------------------------------------------------------- */


/* Main blocks 
-------------------------------------------------------------- */

.center {
  text-align: center;
}

.relative {
  position:relative;
}
/* Top menu */

.header {	
	padding:10px 0;	
  background: url(../images/bg_header.gif) repeat-y; height: 40px
}
.header a {
  color: #808080;
  font-size: 16px;
  text-decoration: none;
  margin:0 5px;
}
.menu{
	float: right;
	padding-right: 20px;
	margin-top: 8px;
	font-size: 1.2em;
}
.menu-active{
  font-weight:bold;	
  color: #14B300;
  font-size: 18px;
}
#logo {
  border:none;
}

img {
  border: none;
}
/* Footer */
.footer, .footer2{
	clear: both;
	float: left;
  background-color:#FFF;
  width:910px;
  text-align: center;
  padding: 20px 0 0 0;
}
.footer2 {
  margin-top: 0px;
  font-size: 0.8em;
  padding:  5px 0 20px 0;
}
.footer a, .footer2 a{
	text-decoration: none;
}

tt {
  font-size: 1.1em !important;
}

/* Home Page
-------------------------------------------------------------- */


/* Home Top Panel */
.home-top-panel{
	padding:20px 0;	
	background: #95D536 url(../images/bg-home-top-panel.jpg) -5px 0;
	position: relative;
	float: left;
	height: 373px;
}
.home-top-panel h1{
	font-size:3em;
	letter-spacing: -0.5px;
	color:white;	
	margin-bottom: 0em;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.home-top-panel h2{
	font-size:2em;
	letter-spacing: -0.5px;
	color:white;	
	margin-bottom: 0.25em;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
#info{
  font-size: 0.7em;
  float:left;
  margin: 10px 0 0 10px;
}

.home-top-panel h4, .top-panel h4{
	float: left;
	font-size:1.6em;
	color:white;	
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 0;
}
.home-top-panel ul, .top-panel ul{
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-position: inside;
}
.home-top-panel li, .top-panel li{
	width:580px;
	clear: both;
	line-height:42px;
	font-weight:bold;
	font-size: 18px;
	color:white;	
	list-style-type: none;
	height:44px;
	float: left;
	margin-bottom: 5px;
}
*HTML .home-top-panel li, .top-panel li{
font-size:18px;	
}
.home-top-panel li img{
	float: left;
margin-right: 10px;
	}
.video-thumbnail{
margin-top:40px;	
margin-left: 0;
}
.number-1{
background:  url(../images/number-1.png) no-repeat;
padding-left:30px;	
padding-bottom: 5px;
}
.number-2{
background:  url(../images/number-2.png) no-repeat;
padding-left:30px;	
padding-bottom: 5px;
}
.number-3{
background:  url(../images/number-3.png) no-repeat;
padding-left:30px;	
padding-bottom: 5px;
}
.number-4{
background:  url(../images/number-4.png) no-repeat;
padding-left:30px;	
padding-bottom: 5px;
}
h3.home-arguments{
color:#7FD205;
margin-top:0;
margin-bottom:0 em;
border-bottom:none;	
}

/* Home button panel*/
.home-button-panel {
  height: 62px;
  background: url(../images/bg_button_header.png) repeat-x;
}

#live_demo, #try_it  {
  background: url(../images/btn-live-demo.png);
  width: 219px;
  height: 62px;
  float: right;
  line-height: 48px;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25em;
	letter-spacing: -0.5px;
	text-indent: -10000px;
  margin-right: 7px;
}
#try_it  {
  background: url(../images/btn-try.png);
  width: 222px;
  margin-right:13px;
}

#left {
  float:left;
  line-height: 60px;
  margin-left: 20px;
  font-size: 1.4em;
}
/* Home arguments */
.home-arguments{
	float: left;
	margin:20px 0;
}

/* Home newsletter */
.home-newsletter {
  padding-top: 10px;
  color: #000 ;
  margin-bottom: 10px !important;
  font-weight: bold;
  text-align:center;
}
.home-newsletter .date {
  color: #888;
  margin-left: 20px;
}
.home-newsletter form {
  margin-top: 15px;
  float:left;
  font-size: 1.7em;
}
.home-newsletter .graybox {
  background: #EEE;
  margin: 5px 20px;
  padding: 5px 0 5px 70px;
  color: #888;
  height: 30px;
}
.home-newsletter .graybox span{
  float:left;
  margin: 5px 5px 0 0;
}
.home-newsletter .graybox form{
  margin:1px 0 0 0 ;
}

.home-newsletter form input{
  float:left;
  font-size:0.7em;
  width:15em;
}

.home-newsletter #twitter{ 
  float:left;
  padding-top: 1px;
  color:#7D7D7D;
  margin-left: 5px;
}
.home-newsletter #twitter a{ 
  text-decoration: none;
}

.home-newsletter #twitter img{ 
  vertical-align: -4px;
}

.home-newsletter .btn-gray {
  clear:none;
}

.home-newsletter .btn-gray a{
  font-size:14px;
  padding:2px 12px 0 5px;
}

.home-newsletter .form-button {
  margin: 0px 0 0 10px;
}

.home-newsletter .title {
  background:transparent url(../images/newsletter_bg.gif) no-repeat scroll -12px 0;
  float:left;
  font-size:1.4em;
  height:78px;
  margin:0 15px 0 20px;
  padding:15px 10px 10px 15px;
  width:389px;
  line-height:23px;
  color: #5b8a42;
}

.home-newsletter .title strong{
  color: #53b116
}

.home-newsletter input.blur {
  color:#999999;
}

.home-newsletter #newsletter_flash {
  float:left;
  width: 100%;
  text-align: center;
  padding:  10px 0;
}

/* Testimonials */
.testimonials {
  text-align:center;
}

.testimonials  .title {
  color: #808080;
  font-size:1.4em;
  font-weight:bold;
}
.testimonials .subtitle {
  margin: 5px 0 5px 18px;
  text-align: left;
  color:#4D4D4D;
  font-weight:bold;
}
.testimonials .left {
  text-align: left;
  display: inline;
  margin: 0 18px;

}

.testimonials .left img{
  margin:0 10px 0 0;
}

.testimonials .left .name{
  font-style: italic ;
}

/* Download*/
.download span {
  border: 1px solid #DDD;
  height: 40px;
  float:left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin:10px 0 10px 262px;
  padding:2px 5px 0;
  width:430px;
}

.download span img {
  vertical-align:-12px;
}
.download span a {
  text-decoration: none;
}

/* Home news */
.home-news {
  background: #F2F2F2;
  color: #808080 ;
  padding-top: 10px;
}

.home-news img {
  float:left;
  margin: 0px 30px 10px 10px;
}

.home-news h2 {
  color: #808080 ;
  display:inline;
  padding-top: 10px;
  font-size: 1.8em;
}

.home-news h4 {
  color: #808080 ;
  border: none;
  display:inline;
  font-weight: normal;
  font-size: 1.7em;
}

.home-news p {
  margin-top: 10px;
  color: #808080 ;
  
}

/* Email Subscription */
.email-subscription{
	margin-top: 50px;
background:#53C3F1;	
color: white;
font-size: 18px;
padding-bottom: 10px;
float: left;
margin-bottom: 10px;
}
.white-label{
float:none;
color:white;
font-size:1.15em;	
position: relative;
top:4px;
}
.email-subscription img{
	position: relative;
	top:10px;
}


/* Difference panel */
.difference-panel{
	padding: 0;	
	margin-top: 20px;
	background: #DDF3F9;
	float: left;
}
.tag{
	position: absolute;
	top: -20px;
	right: 15px;	
}

/* How it works panel */
.how-it-works{	
margin-top: 20px;
margin-bottom: 20px;
}

/* About */
#about img {
  float:left;
}

#about p {
  padding: 20px 0 0 10px;
}

/* Inside pages 
-------------------------------------------------------------- */


.separation {
background:  url(../images/column-separation.png) no-repeat;
background-position: top 20px;	
}


/* Top panel */

.top-panel{
	padding:0 0;	
	float: left;
	width:910px !important;
	height:57px;
  background: url(../images/headers/default.png);
  line-height: 57px;
  color: #FFF;
  font-size: 2em;
  padding-left: 40px;
  margin-bottom: 20px !important;
}

#pricing-header {
  background: url(../images/headers/select-plan.png);
}

#api {
  background: url(../images/headers/developper.png);
}

#testit {
  background: url(../images/headers/5-minute-test.png);
}

#loginheader {
  background: url(../images/headers/password.png);
}

#thanks {
  background: url(../images/headers/inscription.png);
}

#contactus {
  background: url(../images/headers/contact-us.png);
}

#livedemo-header {
  background: url(../images/headers/live-demo.png);
  margin:0!important;
}

#livedemo-header2 {
  float:left;
  width: 950px;
  background: url(../images/headers/bg-panel.jpg) repeat-x;
  border-top: 1px solid #FFF;
  margin:0;
  padding:0;
}

#livedemo-header2 p {
  padding: 10px;
  width: 940px;
  font-size: 1.2em;
}

/* Login */
#login {
  border:1px solid #A4A4A4;
  background: url(../images/headers/login.png) no-repeat top left;
  width:552px;
  float:left;
  margin: 100px 0 100px 195px;
  padding: 90px 10px 40px 10px;
  display: inline;
  position: relative;
}

#login input.text {
  width: 300px;
}

#login #register {
  position: absolute;
  bottom: -30px;
  left: 130px;
}
/* Submenu */

.submenu {
	float: left;
width:100%;
border-bottom: 1px solid #E6E6E6;	
border-top: 1px solid #E6E6E6;	
margin-bottom: 20px;
}
.submenu a{
	float: left;
	padding: 5px 10px;
font-size:12px;	
text-decoration: none;
}
.submenu a:hover{
background:#EFF9FE;	
}
.submenu-active{
background:#E6E6E6;
color:gray;
font-weight:bold;	
}
a.submenu-active:hover{
background:#E6E6E6;
color:gray;
font-weight:bold;	
}

/* Blue dot */
.blue-dot{
	background:  url(../images/blue-dot.jpg) repeat-x;
	width: 24px;
	height:25px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin-right:  10px;
	color: white;
	padding-top: 3px;
	float: left;
}
.gray-dot{
	background:  url(../images/gray-dot.png) repeat-x;
	width: 18px;
	height:18px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	margin-right:  10px;
	color: white;
	padding-top: 1px;
	float: left;
}

.csv-detail {
  position: absolute;
  right:-23px;
  top:55px;}
/* Warning panel */

.warning{
float:left;
background:#FFEDED ;	
padding: 10px;
color: #6F6E6E;
}

.warning-title{
color:#E63300;
padding-left:25px;
background: url(../images/warning.png) no-repeat ;
font-size:1.2em;	
margin-bottom: 5px;
}

/* Align class
-------------------------------------------------------------- */
.relative{
	position: relative;
}
.left{
  float: left;
}
.right{
  float: right;
}

.left-20{
float: left;
padding-left: 20px;
}
.left-30{
margin-left:30px;	
}
*HTML .left-30{
margin-left:15px;	
}
.padding-20{
padding:20px;	
}

.padding-40{
padding:20px 40px;	
}

.clearboth{
clear:both;	
}


/* Import statuses */
.import_panel {
  width: 650px;
  padding: 10px;
  background:#F2F2F2;
  float:left;
  margin-top: 10px;
  position:relative;
}

.import_panel.full {
  width: 809px !important;
}

.import_panel h4{
  border: none;
}

#import_status {
  float:left;
  width:100%;
}

#import_queued, #import_running, #import_failed,  #import_completed {
  padding: 10px 10px 10px 50px;
  background: #fEEFD1 url(../images/logged_in/queued.png) no-repeat 10px 15px;
  width: 610px;
}

#demo #import_queued, #demo  #import_running, #demo  #import_failed,  #demo  #import_completed {
  width: 800px;
  margin-bottom: 10px;
}

#import_queued p, #import_running p, #import_failed p{
  font-size:1.2em;
  font-weight: bold;
  color: #4D4D4D;
  margin:0
}

#import_failed .line {
  color: #333;
  font-family:courier;
}
#import_failed .line_error {
  color: #F00;
  font-family:courier;
}

#import_queued h2, #import_running h2 {
  color: #FF6A00;
  font-size: 16px;
}

#import_failed h2 {
  color: #C72C20;
  font-size: 16px;
}

#import_completed h2 , #snippet h2 {
  color: #189C00;
  font-size: 16px;
}

#import_running {
  background: #fde5b4 url(../images/logged_in/running.gif) no-repeat 10px 15px;
}

#import_failed {
  background: #F9DCD1 url(../images/logged_in/failed.png) no-repeat 10px 15px;
}

#import_completed {
  background: #c4ebae url(../images/logged_in/completed.gif) no-repeat 10px 15px;
}

#snippet {
  background: #c4ebae;
}

#contact .required {
  margin-left:168px;
  margin-top:-10px;
}