@charset "utf-8";
/* CSS Document */
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}
table { margin:0 auto; }
img { margin:0; padding:0; border:0; }
ul,li { list-style-type:none; }
textarea:focus, input:focus{ outline: 0; }
body{ margin:0; padding:0; background:#222222;  }
header{ margin:0; padding:0; width:100%; }

a, img, input, select { outline:0; border:0; }
input:focus { outline:0;  }
button { outline:0; border:0; }

section { padding:0; margin:0; float:left; width:100%; }
.inner-part { margin:0 auto; width:800px;   }
.ceterize { margin:0 auto; }
.main-wrapper { width:100%; margin:20px 0 0 0; float:left; background:#fff url(../images/recordsapi.com.png) no-repeat right top; }


/*FONTS CUSTOME*/
.font-opensans-l { font-family:'Open Sans'; font-weight:300; }
.font-opensans-r { font-family:'Open Sans'; font-weight:400; }
.font-opensans-sb { font-family:'Open Sans'; font-weight:600; }
.font-opensans-b { font-family:'Open Sans'; font-weight:700; }

html{ width:100%; height:100%; }

.textnormal { font-size:12px; color:#fff; }
.textnormal2 { font-size:12px; color:#5e5e5e; }
.txtsmall-b { font-size:13px; color:#5e5e5e;}
.textsmall { font-size:11px; color:#5e5e5e;}
.txtfooter-b { font-size:11px; color:#ffffff;}
.txtfooter2-b { font-size:10px; color:#5e5e5e;}
.txtpagename-b { font-size:20px; color:#ffffff;}
.textbold { font-size:20px; color:#5e5e5e;}
.pricingplan { font-size:18px; color:#99cc33;}
.textcontact-b { font-size:13px; color:#0066cc;}
.textdbpage-b { font-size:20px; color:#0066cc;}
.textdb2page-b { font-size:20px; color:#e93e26;}
.textbold2 { font-size:24px; color:#0066cc;}
.textbold3 { font-size:14px; color:#0066cc;}
.textbold4 { font-size:14px; color:#e93d26;}
.textbold21 { font-size:24px; color:#222222;}
.txtsmall-c { font-size:12px; color:#ffffff;}




/*HOVER MENU ...*/
p.header-menu {  position:absolute; width:119px; left:660px; top:20px; display:inline-block; }
a#rapis { width:119px; height:19px; display:inline-block; float:right; background:url(../images/menu-records-api.gif) no-repeat left top;  }
a#rapis:hover {  background:url(../images/menu-records-api.gif) no-repeat left bottom;  }
a#rapisp { width:119px; height:19px; display:inline-block; float:right; margin:1px 0 0 0; background:url(../images/menu-api-support.gif) no-repeat left top;  }
a#rapisp:hover {  background:url(../images/menu-api-support.gif) no-repeat left bottom;  }
a#rapilg { width:119px; height:19px; display:inline-block; float:right; margin:1px 0 0 0; background:url(../images/menu-api-login.gif) no-repeat left top;  }
a#rapilg:hover {  background:url(../images/menu-api-login.gif) no-repeat left bottom;  }

/*TESTIMONIAOL*/
p.testimonial-one { width:55%; padding:15px 5% 0 5%; margin:0; float:left;  font-size:11px; color:#fff; text-align:left; letter-spacing:0.05em; font-style:italic; }
p.testimonial-one span.person { width:100%; float:left; margin:10px 0 0 0; font-size:11px; text-transform:uppercase; font-style:normal; }
p.testimonial-one span.country { width:100%; float:left; margin:0; font-size:11px; text-transform:none; font-style:normal; }
p.testimonial-one span.country1 { width:100%; float:left; margin:0; font-size:8px; text-transform:none; font-style:normal; }
p.testimonial-one span.country2 { width:100%; float:left; margin:0; font-size:8px; text-transform:none; font-style:normal; }

p.testimonial-two { width:51%; padding:0 5% 0 6%; margin:0;  font-size:11px; float:right; color:#fff; text-align:left; letter-spacing:0.05em; font-style:italic; }
p.testimonial-two span.person { width:100%; float:left; margin:10px 0 0 0; font-size:11px; text-transform:uppercase; font-style:normal; }
p.testimonial-two span.country { width:100%; float:left; margin:0; font-size:11px; text-transform:none; font-style:normal; }

/*FOOTER LINKS*/
.footer-links tr td a { text-decoration:none; color:#fff; }
.footer-links tr td a:hover { text-decoration:underline; color:#77b9f7; }
.lower-footer a { text-decoration:none; color:#ff0000; }
.lower-footer a:hover { text-decoration:underline; color:#84849d; }


span.spanHeader a { color:#0066cc; text-decoration:underline;  }
span.spanHeader a:hover { color:#333; text-decoration:underline;  }

a.buttons { width:200px; display:inline-block; padding:12px 0px; background:#99cc33; text-transform:uppercase; text-align:center; font-size:87%; text-decoration:underline; color:#fff; text-shadow:1px 1px 1px #666; cursor:pointer;  }
a.processing { background:#99cc33 url(../images/3.gif) no-repeat 8px center; }
a.done { background:#99cc33 url(../images/Mail_icon.gif) no-repeat 8px 10px; }
input.errors { color:#fff!important; background:#FF6666!important; border:1px solid #FF6633!important;  }
p.errors { border:1px solid #FF6633!important; }
textarea.errors { border-bottom:1px solid #FF6633!important; color:#fff!important; background:#FF6666!important; }

.content h3 a.name {
	display:inline-block; color:#0066cc;
}

/*SIGN UP PAGE*/
span.signupinfo { display:inline-block; float:left; width:100%; font-size:60%; color:#666; background:none; text-align:left; }
span.signupinfo a { display:inline-block; color:#0066cc; text-decoration:underline; font-size:100%; }
span.signupinfo a:hover {  color:#0066cc; text-decoration:underline; font-size:100%; }
#selCountry { width:98%; float:left; padding:8px 1%;  }
#selsQ { width:98%; float:left; padding:8px 1%;  }
.data-formfield-resize {width: 680px; height:47px; border:1px solid #ccc;  padding:10px; margin:0;  resize: none; z-index:21000!important;}

.like-pre { white-space: pre; display:inline-block; font-size:80%; padding:0; }
.like-pres { white-space: pre; display:inline-block; font-size:80%; letter-spacing:0.05em; padding:0; }
.btnGo { display:inline-block; cursor:pointer; padding:8px 20px; font-size:80%; text-transform:uppercase; color:#fff; background:#FF6600; }
.btnGo:hover { background:#336699; }

a#submits { background:url(../images/submit-hover.gif) no-repeat left bottom; width:193px; height:33px; display:inline-block; cursor:pointer; }
a#submits:hover { background:url(../images/submit-hover.gif) no-repeat left top; }

a#submitsl { background:url(../images/logoin-hover.gif) no-repeat left top; width:193px; height:33px; display:inline-block; cursor:pointer; }
a#submitsl:hover { background:url(../images/logoin-hover.gif) no-repeat left bottom; }

a#submitsapi { background:url(../images/signup-API_next_bt.gif) no-repeat left top; width:193px; height:33px; display:inline-block; cursor:pointer; }
a#submitsapi:hover { background:url(../images/signup-API_next_bt.gif) no-repeat left bottom; }

a#applyforapi { background:url(../images/apply-api-hover.gif) no-repeat left top; width:193px; height:33px; display:inline-block; cursor:pointer; }
a#applyforapi:hover { background:url(../images/apply-api-hover.gif) no-repeat left bottom; }

/*PAYMENTS*/
.payments { width:310px; display:inline-block; padding:10px 10px; border:1px solid #ccc; }
span.agree { display:inline-block; font-size:100%; color:#666666; }
span.agree a { text-decoration:none; color:#6699FF; }
span.agree a:hover { text-decoration:underline; color:#666666; cursor:pointer; }
#agree { display:inline-block; padding:3px 10px; border:1px solid #ccc; color:#666666; }

.textcontact-b a { font-size:13px; color:#0066cc; text-decoration:none; }        
.textcontact-b a:hover { font-size:13px; color:#0066cc; text-decoration:underline; } 

span.processing { background:url(../images/3.gif) no-repeat 8px center; display:inline-block; padding:3px 0 2px 42px; text-transform:uppercase; }
span.done { background:#99cc33 url(../images/Mail_icon.gif) no-repeat 8px 10px; }       

a#submitForgotpass { background:url(../images/signup-API_next_bt.gif) no-repeat left top; width:193px; height:33px; display:inline-block; cursor:pointer; }
a#submitForgotpass:hover { background:url(../images/signup-API_next_bt.gif) no-repeat left bottom; }



.txtapidashboard { font-size:100%; text-transform:uppercase; border-left:2px solid #FFCC00; padding:2px 0 0 10px; display:inline-block; float:left;  }
.txtapidashboardXl { font-size:90%;text-transform:uppercase; color:#999999; text-shadow:1px 1px 1px #fff; display:inline-block; float:left; width:100%; }
.txtapidashboardXl span { padding:10px 2.5%; width:95%; text-transform:none; letter-spacing:0.08em; border:1px solid #ccc; display:inline-block; margin:5px 0; float:left; border-radius:2px; }
a#logout { position:absolute; right:0; top:0; padding:3px 5px; cursor:pointer; margin:1px; font-size:80%; color:#fff; background:#FF0000; -webkit-box-shadow: -4px 4px 5px 0px rgba(0,0,0,0.13);
-moz-box-shadow: -4px 4px 5px 0px rgba(0,0,0,0.13);
box-shadow: -4px 4px 5px 0px rgba(0,0,0,0.13); }
a#logout:hover { background:#fff; color:#000; }
span.captionDB { font-size:70%; color:#666666; display:inline-block; text-transform:uppercase; text-shadow:1px 1px 1px #fff; border-left:2px solid #FFCC00; padding:2px 0 2px 5px; letter-spacing:0.05em;  }
span.captionDBFLD { font-size:90%; font-size:80%; color:#333333; display:inline-block; padding:0 0 12px 7px; }
a.captionDBFLD { font-size:90%; font-size:80%; text-decoration:underline; color:#1d9ace;  display:inline-block; padding:0 0 5px 0; cursor:pointer; }
a.captionDBFLD:hover { color:#52ccff;}
.shadow { -webkit-box-shadow: 0px 11px 27px -11px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 11px 27px -11px rgba(0,0,0,0.2);
box-shadow: 0px 11px 27px -11px rgba(0,0,0,0.2); }
a#logout:hover { background:#fff; color:#000;}
div.slider { width:99.8%; float:left; height:10px; margin:10px 0 30px 0; padding:1px 0.2%; background:rgba(24,24,24,0.8); position:relative; overflow:hidden;  }
div.slider span.inner { width:50%; float:left; height:10px; text-align:center; text-align:right; }
div.slider span.red { background:#ff0000; }
div.slider span.green { background:#aaff31; }
div.slider span.yellow { background:#fff55a; }
div.sliderUsages { width:100%; float:left; text-align:center; font-size:60%; padding:20px 0 0 0; color:#333333; text-transform:uppercase; }
div.sliderUsages a { display:inline-block; padding:2px 5px; border-radius: 10px;  }

span.captionDBFLD a { text-decoration:underline; color:#1d9ace; }
span.captionDBFLD a:hover { color:#52ccff;}

div.BuyCall { width:100%; float:left; margin:0; text-align:center; }
div.BuyCall a { display:inline-block; padding:5px 10px; background:#0066CC; text-decoration:none; font-size:80%; color:#fff; }
div.BuyCall a:hover { color:#e8e8e8; }
.shadowAll { -webkit-box-shadow: 5px 5px 15px -10px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 15px -10px rgba(0,0,0,0.25);
box-shadow: 5px 5px 15px -10px rgba(0,0,0,0.25);}

.txtsmall-b a { font-size:13px; color:#5e5e5e; }
.txtsmall-b a:hover { color:#0099FF; }

span#clickforapi { background:url(../images/ckick-api-hover.gif) no-repeat left top; display:inline-block; width:151px; height:33px; display:inline-block; cursor:pointer; }
span#clickforapi:hover { background:url(../images/ckick-api-hover.gif) no-repeat left bottom; }

td.cbapi { text-align:center; padding:40px 0 0 0;  }
td.cbapi a { font-size:18px; color:#0046a9; text-decoration:none; }
td.cbapi a:hover { text-decoration:underline; }

td.changePlans { display:inline-block; }
td.changePlans a.plans { display:inline-block; background:#f0f0f0; width:90%; float:left; padding:10px 5%; margin:0 0 5px 0; }
td.changePlans a.plans:hover { background:#f9f9f9; }
td.changePlans a.plans01 { background:#f0f0f0; }
td.changePlans a.plans00 { background:#e0e1de; }
td.changePlans a.plans span.planName { width:80%; float:left; text-align:left; }
td.changePlans a.plans span.planName span.pdetails { display:inline-block; float:left; margin:0; padding:0; }
td.changePlans a.plans span.planPrice { width:20%; float:right; text-align:right; padding:20px 0 0 0; }