/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:0; } /* text-shadow:rgba(0,0,0,0.01) 0 0 0; */

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

html {
  padding:0;
  margin:0;
}

/* General style
-------------------------------------------------------------- */

body {
  font-size: 75%;
  line-height:1.7em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
  font-weight: bold;
  margin:.5em 0 .5em 0;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2.3em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

p           { margin:1em 0 1em 0; }

ul, ol      { margin:0 1.5em 0 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     {  }
a           { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
fieldset 		{ margin:2px; padding:2px; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: none; }
th,td   { padding: 4px 10px 4px 10px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Utils
-------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Theme
-------------------------------------------------------------- */


body {
	background:#006ba8 url(../images/bg.jpg) no-repeat 50% 0;
	color:white;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
h1, h2, h3, h4 {
	color:#9edeff;
}

h1 {
	font-size:3.5em;
	line-height:1em;
	margin:0;
}

a {
	color:white;
}

#header {
	clear:both;
	height:92px;
	padding-top:30px;
	position:relative;
	cursor:default;
}

#container {
	margin:0 auto;
	width:900px;
	position:relative;
}

#footer {
	text-align:center;
	color:#9edeff;
}

#logo {
	background:transparent url(../images/logo.png) no-repeat;
	width:308px;
	height:73px;
	display:block;
	text-indent:999px;
	overflow:hidden;
	white-space:nowrap;
}

#menu {
	position:absolute;
	top:80px;
	right:0;
	font-size:1.3em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

#langs {
	position:absolute;
	right:0;
	top:10px;
	z-index:999;
}

#menu,
#menu li,
#langs,
#langs li {
	list-style: none;
	padding:0;
	margin:0;
}

#langs li {
	float:left;
	height:15px;
	width:20px;
	text-indent:999px;
	overflow:hidden;
	white-space:nowrap;
	margin-left:10px;
	opacity:.4;
	filter:alpha(opacity=40);
}

#langs li a {
	display:block;
	float:left;
	height:15px;
	width:20px;
}

#langs li.lang-en {
	background:transparent url(../images/lang-en.png) no-repeat top left;
}

#langs li.lang-fr {
	background:transparent url(../images/lang-fr.png) no-repeat top left;
}

#langs li:hover,
#langs li.active {
	opacity:1;
	filter:alpha(opacity=100);
}

#menu li {
	float:left;
	height:26px;
	line-height:26px;
	margin:0 3px;
	background:transparent url(../images/menu-left.png) no-repeat 999px 999px;
}

#menu li a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	color:white;
	background:transparent url(../images/menu-right.png) no-repeat 999px 999px;
}

#menu li:hover,
#menu li.active {
	background-position:left center;
	background-color:white;
}

#menu li:hover a,
#menu li.active a {
	background-position:right center;
	color:#006ba8;
}

.pane {
	background:#004e7b;
	color:#9edeff;
	margin-bottom:30px;
	border-color:#004e7b;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
	padding:25px;
}

.mini p {
	margin:0;
}

.col3 {
	width:30%;
	margin-right:40px;
	float:left;
}

.last {
	margin-right:0;
}

.block-send h2,
.block-follow h2,
.block-automatize h2 {
	text-indent:999px;
	overflow:hidden;
	height:150px;
	width:210px;
	white-space:nowrap;
}

.lang-fr .block-send h2 {
	background:transparent url(../images/icon-send-fr.png) no-repeat;
}

.lang-fr .block-follow h2 {
	background:transparent url(../images/icon-follow-fr.png) no-repeat;
}

.lang-fr .block-automatize h2 {
	background:transparent url(../images/icon-automatize-fr.png) no-repeat;
}

.lang-en .block-send h2 {
	background:transparent url(../images/icon-send-en.png) no-repeat;
}

.lang-en .block-follow h2 {
	background:transparent url(../images/icon-follow-en.png) no-repeat;
}

.lang-en .block-automatize h2 {
	background:transparent url(../images/icon-automatize-en.png) no-repeat;
}

a.signup {
	display:block;
	text-indent:999px;
	overflow:hidden;
	height:150px;
	width:170px;
	white-space:nowrap;
}

.lang-fr a.signup {
	background:transparent url(../images/icon-signup-fr.png) no-repeat;
}

.lang-en a.signup {
	background:transparent url(../images/icon-signup-en.png) no-repeat;
}

#signup {
	position:relative;
	padding-left:180px;
}

#signup a.signup {
	position:absolute;
	left:20px;
	top:-20px;
}

.grid  thead, tfoot{
    background-color:#006ba8;
}

/* with bottom line */
.bline td{
    border-bottom: 1px solid #ddd;
}