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


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

.center {
  text-align: center;
}
/* Top menu */

.header {	
	padding:10px 0;	
}
.menu{
	float: right;
	padding-right: 20px;
	margin-top: 8px;
	font-size: 1.2em;
}
.menu-active{
font-weight:bold;	
font-size:18px;
color:#14B300}
#logo {
  border:none;
}

/* Footer */
.footer{
	clear: both;
	float: left;
  background-color:#FFF;
  width:910px;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
}
.footer 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);
	position: relative;
	float: left;
	height: 373px;
}
.home-top-panel h1{
	font-size:3em;
	letter-spacing: -0.5px;
	color:white;	
	margin-bottom: 0.25em;
	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{
margin-top:0;
margin-bottom:0 em;
border-bottom:none;	
}

/* Home button panel*/
.home-button-panel {
  height: 60px;
  background: #F2F2F2;
}

#live_demo, #try_it  {
  background: url(../images/btn-live-demo.png);
  width: 148px;
  height: 52px;
  float: right;
  line-height: 48px;
  padding-left: 70px;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25em;
  margin: 5px 10px 0 0 ;
	letter-spacing: -0.5px;
}
#try_it  {
  background: url(../images/btn-try.png);
  width: 173px;
  padding-left:45px;
}

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

}

/* 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;
}


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


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


/* Top panel */

.top-panel{
	padding:0 0;	
	background:  url(../images/bg-top-panel.jpg) repeat-x;
	float: left;
}
.top-panel h4{
border-bottom:none;
clear:both;	
width:600px;
}
.top-panel h4 a{
color: white;
}
.top-panel h4 a:hover{
text-decoration: underline;
}

/* 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;
}

/* 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_status {
  float:left;
  width:100%;
}
#import_queued, #import_running, #import_failed,  #import_completed{
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  padding: 10px 10px 10px 50px;
  background: #fEEFD1 url(../images/logged_in/queued.png) no-repeat 10px 15px;
}

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

#import_failed h2 {
  color: #E64500;
}

#import_completed h2 {
  color: #189C00;
}

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

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

#import_completed {
  background: #D8F9C8;
}