body{
color:#1a1a1a;
background-color:#f5f5f5;
font-size:12px;
}
#signup,#send{
float:right;
background-image:url(../images/button.png);
}
h3{
font-size:14px;
}
div.inline{
width:680px;
margin-bottom:20px;
float:left;
}
div.inlinelittle{
width:310px;
margin:0px;
padding:0px;
margin-bottom:20px;
float:left;
}
div.inlinelittle label{
float:left;
width:100px;
text-align:right;
font-weight:bold;
margin-right:10px;
margin-top:3px;
}
div.inline.space{
margin-bottom:40px;
}
div.inline label{
float:left;
width:120px;
text-align:right;
font-weight:bold;
margin-right:10px;
margin-top:3px;
}
div.inline label.wide{
float:left;
width:450px;
text-align:right;
font-weight:bold;
margin-right:10px;
margin-top:3px;
}
div.inline label.onecolumn{
float:left;
width:600px;
text-align:left;
/*font-weight:bold;*/
margin-right:10px;
margin-top:3px;
}
div.inline input.field {
width:160px;
padding:4px;
}
div.inlinelittle input.field {
width:160px;
padding:4px;
}
textarea#demande {
width:160px;
padding:4px;
}

input.littlefield{
width:50px;
padding:2px;
font-size:9px;
text-align:right;
float:right;
margin-right:20px;
}
div.inline select.select{
width:160px;
padding:4px;
}
input#machine_id{
width:100px;
}
span#address{
float:left;
height:23px;
line-height:24px;
padding-left:6px;
font-size:11px;
width:148px;
}
div#checking{
float:left;
margin-left:130px;
margin-top:4px;
width:266px;
font-size:11px;
font-weight:bold;
height:16px;
margin-bottom:6px;
}
div#checking p#red{
color:#f9131d;
}
div#checking p#green{
color:#25901d;
}
div#terms{
float:left;
margin-bottom:20px;
width:266px;
padding-left:130px;
height:21px;
line-height:21px;
}
div.box{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:728px;
padding:20px;
margin-bottom:60px;
border:1px solid #fdd63b;
background-color:#f9e593;
text-align:center;
font-size:18px;
margin-top:0;
float:left;
}
div.box a,div.box a:visited{
color:#623a1e;
font-weight:normal;
font-style:normal;
}
div.box a:hover{
color:#98592e;
}
#head{
width:100%;
height:220px;
float:left;
background-color:#000;
/*background-color:#000;*/
background-image:url(../images/head_fill.png);
}
#head .inner{
width:878px;
margin-right:auto;
margin-left:auto;
}
a#lookup{
width:34px;
float:right;
height:30px;
background-image:url(../images/lookup_back.png);
display:block;
font-size:1px;
text-indent:-9000px;
}
a:hover#lookup{
background-position:0 30px;
}
h1#logo{
width:700px;
height:150px;
color:#fff;
float:left;
margin-left:0px;
margin-top:10px;
background:url(../images/logo.png) no-repeat;
}
h1#logo a{
width:700px;
height:130px;
text-indent:-9000px;
font-size:1px;
display:block;
}
ul#nav{
width:900px;
float:left;
height:50px;
margin-top:10px;
margin-left:35x;
}
ul#nav a{
width:108px;
height:44px;
text-align:center;
line-height:44px;
font-size:13px;
margin-left:2px;
background-image:url(../images/nav_back.png);
color:#fff;
float:left;
font-weight:normal;
font-style:normal;
}
ul#nav a:hover{
background-position:0 -44px;
}
ul#nav a.current,ul#nav a:hover.current{
color:#000;
height:50px;
position:relative;
background-position:0 -88px;
}
ul#nav a#home{
margin-left:1px;
}
#splash{
width:100%;
float:left;
background-color:#e6e6e6;
border-bottom:1px solid #e0e0e0;
margin-top:-6px;
}
#splash .inner{
min-height:80px;
width:770px;
margin-right:auto;
margin-left:auto;
text-align:center;
background:url(../images/splash_back.png) no-repeat;
}
#splash h2{
color:#2e2e2e;
text-shadow:#fff 0 2px 4px;
font-size:20px;
font-weight:normal;
font-style:normal;
line-height:80px;
}
#page{
height:inherit;
float:left;
width:400px;
padding-top:30px;
padding-right:70px;
padding-bottom:120px;
background-position:left top;
}
#page h3{
margin-bottom:4px;
}
#page p{
margin-bottom:30px;
}
#page p#intro{
font-size:14px;
line-height:24px;
color:#3f3f3f;
}
#area{
width:100%;
margin-left:auto;
float:left;
margin-right:auto;
background:#f5f5f5 url(images/area_fill.png) repeat-x 0 bottom;
}
#area .inner{
width:770px;
margin-right:auto;
margin-left:auto;
background-repeat:no-repeat;
}
#intro{
width:770px;
height:350px;
float:left;
margin-top:6px;
}
#intro h2{
font-size:1px;
width:420px;
height:44px;
text-indent:-9000px;
background:url(../images/intro_header_back.png) no-repeat;
margin-top:60px;
float:left;
}
#intro #text{
width:450px;
height:280px;
float:left;
margin-left:-25px;
}
#intro p{
float:left;
width:450px;
text-align:left;
height:41px;
text-indent:-9000px;
font-size:1px;
background-image:url(../images/intro_text_back.png);
margin-top:10px;
margin-bottom:0;
}
#intro .button{
width:144px;
background-image:url(../images/intro_button.png);
float:left;
margin-top:20px;
}
#intro span{
float:left;
margin-top:32px;
margin-left:4px;
margin-right:4px;
}
#intro #icon{
float:left;
width:270px;
height:284px;
background:url(../images/pme2010.png) no-repeat;
margin-top:32px;
}
#intro #logos
{
	margin-top:70px;
	padding-top:0px;
	float:left;
	width:10px;
}
#intro #logos img
{
padding:5px;
padding-left:20px;
}

body#home_section #area .left{
width:340px;
float:left;
padding-top:30px;
padding-right:45px;
padding-bottom:30px;
}
body#home_section #area .left #why{
font-size:13px;
line-height:24px;
height:170px;
width:340px;
float:left;
margin-bottom:-10px;
}
.feature{
font-size:13px;
width:338px;
float:left;
/*height:300px;*/
margin-top:24px;
}
.feature img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:20px;
background-color:#fff;
/*width:298px;
height:180px;*/
float:left;
margin-bottom:-1px;
border:1px solid #e0e0e0;
}
.feature p{
width:340px;
font-size:11px;
text-align:center;
padding-top:10px;
float:left;
}
body#home_section #area .right{
min-height:400px;
float:left;
width:340px;
padding-top:30px;
padding-left:45px;
padding-bottom:30px;
background:url(../images/right_back.png) no-repeat;
}
body#home_section #area .right #who{
font-size:13px;
line-height:24px;
height:170px;
width:340px;
float:left;
margin-bottom:-10px;
}
body#lookup_section #area .left{
width:396px;
float:left;
padding-top:30px;
padding-right:45px;
padding-bottom:60px;
}
body#lookup_section #area .left #lookup_button{
float:right;
background-image:url(../images/button.png);
}
body#lookup_section #area .right{
min-height:400px;
float:left;
width:284px;
padding-top:30px;
padding-left:45px;
font-size:13px;
line-height:22px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
}
body#lookup_section #area .right h3{
float:left;
width:284px;
}
body#lookup_section #area .right p{
float:left;
margin-bottom:30px;
width:284px;
}

body#investisseur_section #area .inner
{
background-color:#FFF;
padding:35px;
}
body#investisseur_section #area .inner ul{
width:680px;
margin:0px;
padding-bottom:15px;
line-height:22px;
float:none;
}
body#investisseur_section #area .inner li{
width:630px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
list-style-position:inside;
list-style-type:square;
float:none;
}
body#investisseur_section #area .inner p{
margin-bottom:30px;
line-height:22px;
text-align:justify;
}
body#investisseur_section #area .inner h3{
margin-bottom:2px;
margin-top:0;
width:680px;
padding-top:25px;
padding-bottom:10px;
}
body#investisseur_section #area .right{
min-height:400px;
width:231px;
padding-left:45px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
font-size:12px;
line-height:22px;
}
body#investisseur_section #area h3{
margin-top:30px;
float:left;
width:231px;
}

body#investisseur_section .presentation
{
	float:left;
	width:640px;
	padding:20px;
	text-align:justify;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
	margin-bottom:30px;
}

body#investisseur_section #cadreLeft
{
	float:left;
	width:170px;
	padding:0px;
	text-align:center;
}
body#investisseur_section #contactCadre
{
	float:left;
	width:170px;
	padding:20px;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
	margin-bottom:30px;
}

body#investisseur_section #contactCadre2
{
	float:left;
	width:170px;
	padding:20px;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
}
body#investisseur_section #gmapFrame
{
	float:right;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
}

body#investisseur_section #area .left{
width:396px;
float:left;
padding-top:30px;
padding-right:45px;
padding-bottom:60px;
}
body#investisseur_section #area textarea.textarea{
float:left;
height:200px;
width:260px;
}
body#investisseur_section #area .right{
min-height:400px;
float:left;
width:284px;
padding-top:30px;
padding-left:45px;
font-size:13px;
line-height:22px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
}
body#investisseur_section #area .right h3{
float:left;
width:284px;
}
body#investisseur_section #area .right p{
margin-bottom:0;
width:284px;
float:left;
}
body#investisseur_section #area .right p.last{
margin-bottom:10px;
}
body#investisseur_section #area h2{
margin-top:60px;
margin-bottom:40px;
}
body#contact_section #area .left{
width:396px;
float:left;
padding-top:30px;
padding-right:45px;
padding-bottom:60px;
}
body#contact_section #area textarea.textarea{
float:left;
height:200px;
width:260px;
}
body#contact_section #area .right{
min-height:400px;
float:left;
width:284px;
padding-top:30px;
padding-left:45px;
font-size:13px;
line-height:22px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
}
body#contact_section #area .right h3{
float:left;
width:284px;
}
body#contact_section #area .right p{
margin-bottom:0;
width:284px;
float:left;
}
body#contact_section #area .right p.last{
margin-bottom:10px;
}
#legal{
width:700px;
float:left;
margin:30px 35px 60px;
line-height:22px;
}
#legal h2{
margin-bottom:20px;
font-size:24px;
}
#legal h3{
float:left;
width:700px;
margin-top:10px;
}
#legal ol{
width:700px;
float:left;
margin:5px 0 20px;
padding:0;
list-style-position:inside;
}
#legal p{
width:700px;
float:left;
margin-bottom:20px;
}
#legal ol li{
list-style-type:decimal;
width:700px;
}
body#tour_section #video{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:640px;
height:385px;
background-color:#fff;
margin-top:30px;
margin-bottom:60px;
margin-left:40px;
padding:24px;
border:1px solid #e0e0e0;
}
body#signup_section #area .left{
width:396px;
float:left;
padding-top:30px;
padding-right:45px;
padding-bottom:60px;
}
body#signup_section #area .right{
min-height:400px;
float:left;
width:284px;
padding-top:30px;
padding-left:45px;
font-size:13px;
line-height:22px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
}
body#signup_section #area .right h3{
float:left;
width:284px;
}
body#signup_section #area .right p{
float:left;
margin-bottom:30px;
width:284px;
}
#plans{
width:770px;
float:left;
margin-top:30px;
margin-bottom:30px;
}
.row{
width:768px;
float:left;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
font-weight:bold;
}
.row .future{
width:230px;
float:left;
padding-right:14px;
font-size:11px;
text-align:right;
line-height:34px;
color:#222;
}
.row .column{
width:130px;
float:left;
text-align:center;
line-height:34px;
border-left:1px solid #e0e0e0;
height:34px;
font-size:11px;
}
.row .column a{
}
.row .column h4{
font-size:14px;
}
.row.alt{
background-color:#f1f1f1;
}
.row .column span{
width:13px;
height:13px;
float:left;
margin-left:58px;
margin-top:10px;
font-size:1px;
text-indent:-9000px;
background:url(../images/icon_yes.png) no-repeat;
margin-bottom:-4px;
}
.row.alt .column span{
background-image:url(../images/icon_yes_alt.png);
}
#plans #top{
width:770px;
height:60px;
background-color:#000;
color:#fff;
background-image:url(../images/plan_top_back.png);
}
#plans #top .plan{
width:130px;
height:48px;
float:left;
text-align:center;
padding-top:12px;
}
#plans #top .plan.first{
padding-left:246px;
}
#plans #top .plan h3{
text-shadow:none;
font-size:14px;
}
#plans #top .plan p{
font-size:11px;
color:silver;
}

body#green_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
height:auto;
background-color:#fff;
line-height:22px;
}

body#badge_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
height:auto;
background-color:#fff;
line-height:22px;
}
body#badge_section #area .inner table {
width:650px;
margin-left:auto;
margin-right:auto;
border:1px solid #e5e5e5;
margin:20px;
}
body#badge_section #area .inner  table tr td{
padding:10px;
margin:10px;
background-color:#f5f5f5;
}

body#pricing_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
height:auto;
background-color:#fff;
line-height:22px;
}
body#pricing_section #area .inner ul{
width:680px;
margin:0px;
padding-bottom:15px;
line-height:22px;
float:none;
}
body#pricing_section #area .inner li{
width:630px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
list-style-position:inside;
list-style-type:square;
float:none;
}
body#pricing_section #area .inner p{
width:680px;
line-height:22px;
padding-bottom:15px;
text-align:justify;
}
body#pricing_section #area .inner h3{
margin-bottom:2px;
margin-top:0;
width:680px;
padding-top:25px;
padding-bottom:30px;
font-size:18px;
}
body#pricing_section #area .right{
min-height:400px;
width:231px;
padding-left:45px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
font-size:12px;
line-height:22px;
}
body#pricing_section #area h3{
margin-top:30px;
float:left;
width:231px;
}
body#pricing_section #area .inner .sommaire a{
display:block;
margin-bottom:2px;
margin-top:0;
padding-top:2px;
padding-bottom:3px;
font-size:12px;
margin-left:180px;
}
body#pricing_section #area .inner .sommaire{
margin-top:0px;
margin-bottom:0px;
padding-top:15px;
padding-bottom:15px;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

body#contact_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
height:700px;
background-color:#fff;
line-height:22px;
}
body#contact_section #area .inner ul{
width:680px;
margin-bottom:30px;
}
body#contact_section #area .inner li{
width:680px;
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
list-style-position:inside;
list-style-type:square;
}
body#contact_section #area .inner p{
width:680px;
margin-bottom:30px;
line-height:22px;
}
body#contact_section #area .inner h3{
margin-bottom:2px;
margin-top:0;
width:680px;
padding-top:25px;
padding-bottom:10px;
}
body#contact_section #area .right{
min-height:400px;
width:231px;
padding-left:45px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
font-size:12px;
line-height:22px;
}
body#contact_section #area h3{
margin-top:30px;
float:left;
width:231px;
}

body#contact_section .presentation
{
	float:left;
	width:640px;
	padding:20px;
	text-align:justify;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
	margin-bottom:30px;
}

body#contact_section #cadreLeft
{
	float:left;
	width:170px;
	padding:0px;
	text-align:center;
}
body#contact_section #contactCadre
{
	float:left;
	width:170px;
	padding:20px;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
	margin-bottom:30px;
}

body#contact_section #contactCadre2
{
	float:left;
	width:170px;
	padding:20px;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
	margin-bottom:30px;
}
body#contact_section #gmapFrame
{
	float:right;
	text-align:center;
	border:1px solid #e6e6e6;
	background-color:#f5f5f5;
}

body#news_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
height:auto;
background-color:#fff;
line-height:22px;
}
body#news_section #area .inner ul{
margin-bottom:30px;
float:none;
}
body#news_section #area .inner li{
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
list-style-position:inside;
list-style-type:square;
float:none;
}
body#news_section #area .inner p{
width:680px;
margin-bottom:30px;
line-height:22px;
}
body#news_section #area .inner h3{
margin-top:10px;
margin-bottom:40px;
width:680px;
padding-top:5px;
padding-bottom:10px;
}
body#news_section #area .right{
min-height:400px;
width:231px;
padding-left:45px;
padding-bottom:60px;
background:url(../images/right_back.png) no-repeat;
font-size:12px;
line-height:22px;
}
body#news_section #area h3{
margin-top:60px;
margin-bottom:40px;
font-size:22px;
}
body#news_section #area img{
margin-right:20px;
margin-bottom:20px;
margin-top:5px;
float:left;
border:1px solid black;
}

body#gains_section #area .inner {
width:680px;
padding-top:30px;
padding-left:45px;
padding-right:45px;
padding-bottom:30px;
font-size:13px;
float:center;
background-color:#fff;
line-height:22px;
}

body#api_section #area .left{
width:504px;
float:left;
padding-top:30px;
padding-right:45px;
font-size:13px;
}
body#api_section #area .left ul{
width:504px;
float:left;
margin-bottom:60px;
}
body#api_section #area .left ul.first{
margin-bottom:30px;
}
body#api_section #area .left li{
width:504px;
float:left;
padding-top:4px;
padding-bottom:4px;
list-style-position:inside;
list-style-type:square;
}
body#api_section #area .left .summary{
font-size:14px;
line-height:22px;
width:504px;
float:left;
}
body#api_section #area .left p.less{
width:504px;
margin-bottom:10px;
float:left;
}
body#api_section #area .left p{
margin-bottom:30px;
float:left;
width:504px;
}
body#api_section #area .left div.link{
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#fff;
border:1px solid #e4e4e4;
width:462px;
margin-bottom:30px;
float:left;
padding:20px;
}
body#api_section #area .left div.link p{
margin-bottom:0;
width:462px;
float:left;
}
body#api_section #area .left h3{
margin-bottom:14px;
float:left;
font-size:20px;
line-height:24px;
width:504px;
}
body#api_section #area .left h4{
margin-bottom:0;
float:left;
font-size:14px;
line-height:24px;
width:504px;
}
body#api_section #area .left .parameter{
width:504px;
float:left;
font-size:12px;
border-bottom:1px solid #e1e1e1;
margin-bottom:16px;
}
body#api_section #area .left .parameter p{
margin-bottom:10px;
width:504px;
float:left;
}
body#api_section #area .left .parameter p.rules{
font-size:11px;
margin-bottom:16px;
}
body#api_section #area .left .parameter h5{
color:#ae0d14;
font-size:13px;
width:504px;
}
div.return{
width:504px;
float:left;
margin-bottom:20px;
padding-top:20px;
}
div.return h5.success{
width:504px;
float:left;
font-size:13px;
}
div.return h5.error{
font-size:13px;
float:left;
width:504px;
}
div.return .result{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:462px;
float:left;
padding:20px;
background-color:#fff;
margin-top:10px;
margin-bottom:20px;
font-size:11px;
border:1px solid #e4e4e4;
color:#656565;
overflow:auto;
}
div.return .result pre{
background-image:none;
margin:0;
width:462px;
color:#000;
background-color:#fff;
float:left;
font:bold 11px/18px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
padding:0;
}
div.return .result strong{
color:#000;
}
body#api_section #area .left .return .result p.space{
margin-bottom:20px;
}
body#api_section #area .left .return .result p{
margin-bottom:2px;
float:left;
width:462px;
}
#example{
width:462px;
margin-bottom:60px;
float:left;
}
#example p{
width:462px;
float:left;
margin-bottom:8px;
font-size:12px;
}
#example pre{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:462px;
color:#9dff5e;
font:11px/18px "Lucida Grande",Lucida,Verdana,sans-serif;
padding:20px;
background:#000 url(images/head_fill.png) repeat-x;
margin:0;
float:left;
overflow:auto;
}
body#api_section #area .right{
min-height:400px;
float:right;
width:176px;
padding-left:45px;
background:url(../images/right_back.png) no-repeat;
padding-bottom:60px;
}
body#api_section #area .right ul{
width:176px;
}
body#api_section #area .right li{
width:176px;
float:left;
padding-top:2px;
padding-bottom:2px;
list-style-type:square;
list-style-position:inside;
font-weight:bold;
}
body#api_section #area .right a.current{
color:#000;
}
body#api_section #area .right h3{
margin-top:30px;
float:left;
font-size:14px;
}
body#blog_section #area .left{
width:504px;
padding-top:30px;
padding-right:45px;
padding-bottom:60px;
font-size:13px;
float:left;
}
.entry{
width:504px;
float:left;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #e0e0e0;
font-size:13px;
line-height:22px;
}
#comments{
float:left;
width:504px;
}
#comments h3{
float:left;
margin-bottom:20px;
font-size:20px;
font-weight:normal;
font-style:normal;
}
.comment{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:462px;
padding:20px;
float:left;
margin-bottom:30px;
border:1px solid #e4e4e4;
background-color:#eee;
line-height:22px;
}
.comment .info{
width:462px;
height:54px;
float:left;
}
.comment .info img{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border:1px solid #e4e4e4;
width:32px;
height:32px;
padding:4px;
margin-right:10px;
float:left;
background-color:#fff;
}
.comment .info h4{
font-size:16px;
float:left;
width:398px;
margin-top:-2px;
}
.comment .info p{
float:left;
width:398px;
margin-top:-4px;
margin-bottom:0;
}
.comment p{
float:left;
width:462px;
margin-top:10px;
}
#post{
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:462px;
padding:20px;
background-color:#eee;
margin-bottom:30px;
border:1px solid #e4e4e4;
float:left;
}
#post label{
width:462px;
float:left;
font-weight:bold;
margin-bottom:4px;
}
#post label.optional{
font-weight:normal;
font-style:normal;
}
#post .field{
width:240px;
float:left;
margin-bottom:10px;
}
#post .textarea{
width:456px;
float:left;
margin-bottom:6px;
height:160px;
}
#post .button{
float:right;
margin-top:10px;
background-image:url(../images/button_post.png);
}
.comment h4{
width:464px;
float:left;
margin-bottom:4px;
font-size:12px;
}
.entry a.view_comments{
margin-left:8px;
padding-left:20px;
background:url(../images/icon_comments.png) no-repeat;
height:18px;
line-height:18px;
}
.entry h3{
margin-bottom:4px;
float:left;
font-size:20px;
line-height:24px;
width:504px;
font-weight:normal;
font-style:normal;
}
.entry h3 a{
font-weight:normal;
font-style:normal;
}
.entry h4{
font-size:14px;
margin-bottom:14px;
width:504px;
float:left;
font-weight:normal;
font-style:normal;
}
.entry h4 a{
font-weight:normal;
font-style:normal;
}
.entry h5{
font-size:13px;
margin-bottom:0;
width:504px;
float:left;
}
.entry p{
width:504px;
margin-bottom:20px;
float:left;
}
.entry ul{
width:504px;
float:left;
margin-bottom:20px;
}
.entry li{
float:left;
padding-bottom:4px;
padding-top:4px;
list-style-position:inside;
list-style-type:square;
padding-left:20px;
width:484px;
}
.entry li.alt{
background-color:rgba(202,202,202,0.16);
}
.entry .slideshow{
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:#fff;
border:1px solid #e0e0e0;
width:462px;
float:left;
padding:20px;
height:300px;
margin-bottom:16px;
}
.entry .slideshow .images{
width:462px;
height:300px;
background-color:#000;
}
.slideshow .digits{
float:right;
position:relative;
z-index:2;
top:-22px;
right:4px;
margin-bottom:-22px;
}
.slideshow a.digit{
width:18px;
height:18px;
z-index:2;
text-align:center;
line-height:18px;
font-size:10px;
color:#fff;
float:left;
margin-left:2px;
font-weight:normal;
font-style:normal;
background:url(../images/digit_back.png) no-repeat;
}
.slideshow a.digit.current{
color:#ff0;
}
.slideshow img{
z-index:1;
position:relative;
}
.slideshow .prev{
width:63px;
height:61px;
position:relative;
z-index:2;
float:left;
top:-182px;
margin-bottom:-61px;
margin-right:-63px;
background:url(../images/prev_holder_back.png) no-repeat right;
margin-left:3px;
left:-44px;
}
.slideshow .next{
width:63px;
height:61px;
position:relative;
z-index:2;
float:left;
top:-182px;
left:440px;
margin-bottom:-61px;
margin-right:-63px;
background:url(../images/next_holder_back.png) no-repeat;
}
.slideshow .next a{
width:41px;
height:41px;
float:left;
margin-top:10px;
margin-left:10px;
background:url(../images/next_back.png) no-repeat;
}
.slideshow .next a:hover{
background-position:0 -41px;
}
.slideshow .next a:active{
background-position:0 -82px;
}
.slideshow .prev a{
width:41px;
height:41px;
float:left;
margin-top:10px;
margin-left:10px;
background:url(../images/prev_back.png) no-repeat;
}
.slideshow .prev a:hover{
background-position:0 -41px;
}
.slideshow .prev a:active{
background-position:0 -82px;
}
body#blog_section #area .right{
min-height:400px;
float:left;
width:176px;
padding-left:45px;
padding-bottom:60px;
padding-top:30px;
background:url(../images/right_back.png) no-repeat;
}
#subscribe_part{
width:176px;
float:left;
margin-bottom:20px;
}
#feed_part{
width:176px;
float:left;
margin-bottom:10px;
}
#feed_part a{
float:left;
background:url(../images/icon_feed.png) no-repeat;
height:32px;
line-height:32px;
font-size:12px;
padding-left:38px;
margin-top:4px;
}
#feed_part p{
font-size:11px;
width:176px;
float:left;
margin-bottom:10px;
}
#subscribe_part p{
font-size:11px;
width:176px;
float:left;
margin-bottom:10px;
}
#subscribe_part .field{
width:170px;
float:left;
margin-bottom:10px;
}
#subscribe_part #subscribe{
float:left;
margin-left:48px;
background-image:url(../images/button.png);
}
body#blog_section #area .right h3{
margin-bottom:4px;
float:left;
width:176px;
font-size:14px;
}
body#blog_section #area .right ul{
width:176px;
float:left;
}
body#blog_section #area .right li{
width:176px;
float:left;
padding-top:2px;
padding-bottom:2px;
list-style-type:square;
list-style-position:inside;
}
#bubble_top{
float:left;
width:176px;
height:10px;
background-image:url(../images/bubble_top_back.png);
}
#bubble{
float:left;
width:156px;
padding:0 10px;
background:url(../images/bubble_fill.png) repeat-y;
color:#4b4b4b;
}
#bubble_bottom{
float:left;
width:176px;
height:54px;
background-image:url(../images/bubble_bottom_back.png);
}
a#follow{
float:right;
margin-top:10px;
}
#mac_widget{
background-color:#000;
width:770px;
height:420px;
float:left;
margin-top:30px;
margin-bottom:30px;
background-image:url(../images/mac_widget_back.png);
position:relative;
}
#mac_widget #text{
position:absolute;
top:100px;
left:476px;
width:270px;
height:110px;
color:#fff;
font-size:13px;
line-height:22px;
}
#mac_widget #text p{
margin-bottom:12px;
}
#mac_widget #text strong{
color:#b1b1b1;
}
#mac_widget a.download{
position:absolute;
top:213px;
left:497px;
width:200px;
height:20px;
color:#fff;
font-size:14px;
background-image:url(../images/mac_widget_download_back.png);
display:block;
padding-top:120px;
text-align:center;
font-weight:normal;
font-style:normal;
}
#mac_widget a:hover.download{
background-position:0 -140px;
}
#mac_widget .download span{
color:#b1b1b1;
}
.testimonial{
float:left;
width:770px;
font-size:13px;
line-height:22px;
margin-bottom:30px;
}
.testimonial.first{
margin-top:30px;
}
.testimonial .bubble{
width:520px;
background:url(../images/buzz_bubble_fill.png) repeat-y;
float:left;
}
.testimonial .bubble_top{
width:520px;
float:left;
height:10px;
background:url(../images/buzz_bubble_top.png) no-repeat;
}
.testimonial .bubble p{
padding:10px 20px;
width:480px;
float:left;
}
.testimonial .bubble_bottom{
width:520px;
height:10px;
float:left;
background:url(../images/buzz_bubble_bottom.png) no-repeat;
margin-bottom:0;
padding:0;
}
.testimonial .author{
width:211px;
float:left;
background:url(../images/bubble_arrow_right.png) no-repeat left 16px;
padding-top:18px;
padding-left:40px;
margin-left:-1px;
position:relative;
z-index:1;
height:40px;
font-size:14px;
}
.testimonial .author p{
margin-bottom:0;
}
.testimonial .author_alt{
width:211px;
float:left;
background:url(../images/bubble_arrow_left.png) no-repeat right 16px;
padding-top:18px;
text-align:right;
padding-right:40px;
position:relative;
z-index:1;
margin-right:-1px;
height:40px;
font-size:14px;
}
div#foot{
width:100%;
color:#fff;
font-size:11px;
float:left;
background-color:#000;
}
#foot div.inner{
width:770px;
margin-right:auto;
margin-left:auto;
background:url(../images/foot_back.png) no-repeat;
padding-top:40px;
height:330px;
}
div#foot a{
color:#c0ecfc;
}
div#foot a:hover{
color:#92b4c0;
}
div#foot .left{
width:350px;
float:left;
font-size:13px;
line-height:22px;
margin-right:70px;
}
div#foot .right{
width:350px;
float:left;
font-size:13px;
line-height:22px;
}
div#foot .left li{
width:340px;
float:left;
margin-bottom:20px;
margin-top:0;
}
div#foot .left ul{
float:left;
margin-top:40px;
padding:0;
margin-bottom:0;
}
#foot_feed{
float:left;
height:30px;
line-height:30px;
font-size:15px;
padding-left:40px;
background:url(../images/foot_feed.png) no-repeat;
font-weight:normal;
font-style:normal;
}
#foot_twitter{
float:left;
height:30px;
line-height:30px;
font-size:15px;
padding-left:40px;
background:url(../images/foot_twitter.png) no-repeat;
font-weight:normal;
font-style:normal;
}
#testimonial{
font-size:14px;
line-height:24px;
}
#has_api{
font-size:14px;
margin-top:64px;
margin-bottom:64px;
}
#what{
float:right;
margin-top:10px;
}
#copyright{
width:350px;
float:left;
font-size:11px;
white-space:nowrap;
margin-top:30px;
}
div#links{
width:350px;
font-size:11px;
float:left;
}
div#links a{
margin-right:10px;
}

.tabs
{
height:60px;	
}
/* root element for tabs  */
ul.tabs a{
width:170px;
height:44px;
text-align:center;
line-height:44px;
font-size:13px;
margin-left:2px;
background-image:url(../images/nav_back2.png);
color:#fff;
float:left;
font-weight:normal;
font-style:normal;
position:relative;
}
ul.tabs a#arrowP1
{
	background-image:url(../images/arrowP1.png);	
}
ul.tabs a#arrowP2
{
	background-image:url(../images/arrowP2.png);	
}
ul.tabs a#arrowP3
{
	background-image:url(../images/arrowP3.png);	
}
ul.tabs a#arrowP4
{
	background-image:url(../images/arrowP4.png);	
}
ul.tabs a:hover{
	background-position:0 -44px;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#000 !important;
	height:44px;
	position:relative;
	background-position:0 -88px;
}

/* single tab */
ul.tabs li a{ 
	float:left;	 
	font-size:12px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
/*ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
/*ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
/*ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}*/

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
/*ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }*/

/* width 2 */
/*ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }*/


/* width 3 */
/*ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }*/

/* width 4 */
/*ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }*/


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}

 
/* tab pane styling */
div.panes div.inside {
	display:none;	
	padding:15px 10px;
	/*border:1px solid #666;*/
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}
 
 
div.panes div.inside {
	/*background:#fff url(../images/h300.png) repeat-x 0 5px;*/
	padding:10px;
	-background:#fff;
	height:525px;
}

.noerror
{
	visibility:hidden;
	width:640px;
}
 
.error {
	float:center;
	visibility:visible;
	color:white;
	font-weight:bold;
	font-size:10px;
	width:640px;
	padding:5px;
	background-color:#F00;
	border:1px solid #C00;
	margin-bottom:10px;
}


/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* use a semi-transparent image for the overlay */ 
#overlay{ 
    background-image:url(../images/transparent.png); 
    color:#000000; 
    height:450px; 
} 
#overlay2{ 
    background-image:url(../images/transparent.png); 
    color:#000000; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}


/* simple css-based tooltip */ 
#wizard div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

table
{
	width:655px;
	padding:5px;
	border:1px solid white;
}

td
{
	font-size:9px;
	background-color:#FFF;
}

td.GAPE
{
	text-align:right;
	padding-right:30px;
}

tr.sub_row
{
	margin-top:15px;	
	padding-top:15px;
}

tr.main_row td
{
	fond-size:14px;
	font-weight:bold;
	background-color:#F60;
}

tr.main_row td.GAPE
{
	padding-right:10px;
}

tr.sub_row td
{
	font-weight:bold;
	background-color:#F90;
}

tr.sub_row td.GAPE
{
	text-align:right;
	padding-right:30px;
}

tr.subtotal_row td
{
	background-color:#F90;
	margin-bottom:10px;
	font-size:12px;
}

tr.subtotal_row td.GAPE
{
	font-size:12px;
	text-align:right;
	padding-right:30px;
}

tr.total_row td
{
	fond-size:10px;
	font-weight:bold;
	background-color:#F90;
	font-size:14px;
}

tr.total_row td.GAPE
{
	font-size:14px;
	text-align:right;
	padding-right:30px;
}


#facebox { 
 
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:400px;     
    border:10px solid #666; 
 
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    border:10px solid rgba(82, 82, 82, 0.698); 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
} 
 
#facebox div { 
    padding:10px; 
    /*border:1px solid #3B5998; */
    background-color:#fff; 
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif 
} 
 
#facebox h2 { 
    margin:-11px; 
    margin-bottom:0px; 
    color:#fff; 
    background-color:#6D84B4; 
    padding:5px 10px; 
    border:1px solid #3B5998; 
    font-size:20px; 
}