/*
Theme Name: CAPTCHA CREATOR
*/
cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}

              

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

/* 
 * Fix overflow in IE 
 */
html {
	*overflow-x:hidden;	
}

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }


/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#003399; }
a:hover { color:#036; }


ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { margin:0; vertical-align:-2px; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
h1 {
	font-weight:bold;
	font-size:24px;
	margin-top:5px;
	margin-bottom:10px;
}
h2 {
	font-size:20px;
	margin-bottom:10px;
	letter-spacing:-1px;
}
h3 {
	font-size:18px;
	font-weight: bold;
	margin-bottom:10px;
}
h4 {
	font-size:14px;
	font-weight: bold;
	margin-bottom:20px;
	color:#333333;
}
h5 {
	font-size:17px;
	font-weight: bold;
	margin-bottom:3px;
}
h6 {
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
	color: #007ec0;
}

p {
	margin-bottom: 15px;
}




body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f2f2f2 url(http://captchacreator.com/images/body_bg.gif) repeat-x;
  font-size: 12px;
}
#page {
	width: 962px;
	margin: 0px auto;
}
#header {
	height: 83px;
}
#logo {
	width: 240px;
	float: left;
	margin-top: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 9px 11px;
	font-size: 16px;
	text-transform: uppercase;
	background: #007bbe url(http://captchacreator.com/images/logo_bg.gif) repeat-x;
}
#logo a {
	color: #fff;
	text-decoration: none;
}
#logo span {
	text-transform: none;
	font-size: 12px;
}
#logo img {
	margin-right: 9px;
}
.nav {
	padding-top: 20px;
}
.nav ul { list-style:none; }
.nav a, .nav a:visited {
	color: #1a1a1a;	
	text-shadow:0 1px 0 #FFFFFF;
}
.nav a:hover {
	color:#666666;
}

#nav {
	float:right;
	line-height:100%;
	margin:0;
	padding:10px;
}
#nav li {
	float: left;
	position: relative;
	list-style: none;
	z-index:100;
	margin-left:15px;
	padding-bottom:5px;
}
/* main level link */
#nav a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding:  8px 12px;
	font-size:113%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
}
#nav a:hover {
	background: #000;
	color: #000;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #e5e5e5;
	color: #444;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding:7px 11px 8px;
	text-shadow:0 1px 0 #FFFFFF;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #f2f2f2 !important;
	color: #1A1A1A !important;
	padding:10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 34px;
	left: 0;
	background: #fafafa;
	border: solid 1px #d9d9d9;
	z-index:100;
	font-size:100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-size:100%;
	font-weight:normal;
	padding:10px !important;
}
#nav ul a:hover {
	font-size:100%;
	font-weight:normal;
	padding:10px;
}
/* level 3+ list */
#nav ul ul {
	left: 185px;
	top: 1px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}


#content {
	background: #fff;
	color:#191919;
	border:1px solid #d9d9d9;
	position:relative;
	z-index:1;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#top-panel {
	height: 300px;
	padding: 15px 30px;
	overflow: hidden;
}
#top-panel .image {
	float: left;
	width: 235px;
}
.top-panle-captcha {
	padding-left: 50px;
}
#top-panel .right-text {
	float: left;
	width: 665px;
}
#steps {
	height: 1%;
	overflow: hidden;
	margin: 25px 0;
}
.step {
	background: #fff;
	border:4px solid #d6eef8;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding: 0 0 0 5px;
	width: 195px;
	float: left;
	color: #484848;
	font-size: 16px;
	margin-right: 20px;
	height: 90px;
}
.step span {
	color: #007fc1;
	font-size: 14px;
}
.step .nr {
	font-size: 48px;
	color: #d6eef8;
	float:left;
	line-height: 90px;
	margin-right: 5px;
}
.step .text {
	padding-top: 25px;
}
.step.two {
	margin-right: 0;
}
.step.three {
	margin-right: 0;
	float: right;	
}
.step:hover {
	border-color: #b5e1f2;
}
.step.three .text {
	padding-top: 15px;
}
.buttons {
	padding-left: 50px;
	padding-top: 12px;
}

button, .button {
	cursor:pointer;
	display:inline-block;
	font-size:108%;
	font-weight:700;
	margin:0 15px 15px 0;
	outline:none;
	padding:10px 15px;
	width:auto;
	text-align:center;
	text-decoration:none !important;
	vertical-align:middle;
	background:url('http://captchacreator.com/images/grad-grey.gif') repeat-x center top #c3c3c3;
	color:#444444;
	border:1px solid #c3c3c3;
	text-shadow:0 -1px 0 #FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {
	zoom:1;
	display:inline;
}
button:hover, .button:hover {
	background:url('http://captchacreator.com/images/grad-grey-hover.gif') repeat-x center top #c3c3c3;
	text-decoration:none;
	outline:none;
}
button:active, .button:active {
	position:relative;
	top:1px;
	outline:none;
	background:url('http://captchacreator.com/images/grad-grey-rev.gif') repeat-x center top #c3c3c3;
}
/* Blue Button */
button.blue, .button.blue {
	background:url("http://captchacreator.com/images/grad-blue.gif") repeat-x center top #166890;
	border:1px solid #11506F;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #11506F;
}
button.blue:hover, .button.blue:hover {
	background:url("http://captchacreator.com/images/grad-green-hover.gif") repeat-x center top #166890;
}
button.blue:active, .button.blue:active {
	background:url("http://captchacreator.com/images/grad-green-hover.gif") repeat-x center top #166890;
}

/* Black Button */
button.black, .button.black {
	background:url("http://captchacreator.com/images/grad-black.gif") repeat-x center top #3b3b3b;
	border:1px solid #3b3b3b;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #3b3b3b;
}
button.black:hover, .button.black:hover {
	background:url("http://captchacreator.com/images/grad-black-hover.gif") repeat-x center top #3b3b3b;
}
button.black:active, .button.black:active {
	background:url("http://captchacreator.com/images/grad-black-rev.gif") repeat-x center top #3b3b3b;
}
button.large, .button.large {
	font-size:138.5%;
	padding:10px 30px;
}
button.small, .button.small {
	font-size:93%;
	padding:4px 10px 5px;
}
button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
	background-color:#ccc !important;
	color:#666 !important;
	text-shadow:0 1px 0 #CCCCCC;
	cursor:default;
}
body.ie7 button.disabled, body.ie8 button.disabled {
	border-color:#a3a3a3;
}
button.disabled:active, .button.disabled:active {
	position:relative;
	top:0;
	background-image: url('http://captchacreator.com/images/grad.png');
}
fieldset button, .button {
	margin:0 5px 10px 0;
}
button img, .button img {
	display:inline;
	height:16px;
	margin-right:10px;
	vertical-align:-3px;
	width:16px;
}



#content .inner {
	padding: 30px;
	background: url(http://captchacreator.com/images/content_inner.gif) repeat-x top left;
}

#content .inner2 {
	padding: 30px;
	
}
.title {
	height: 51px;
	line-height: 42px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 150;
	margin-top: 20px;
	margin-left: -40px;
	margin-bottom: 20px;
	text-shadow:0 -1px 0 #11506F;
	background: url(http://captchacreator.com/images/title_bg.gif) repeat-x top left;
}
.title img {
	margin-right: 10px;
}
.sidebar-title {
	margin-left: 330px;
}
#content .sidebar {
	width: 255px;
	float: right;
	margin-left: 15px;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
}
.testim {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.order-here {
	text-align: center;
	padding-top: 5px;
	margin-bottom: 20px;
}
.how-it-works {
	height: 1%;
	overflow: hidden;
	margin-bottom: 20px;
}
.how-it-works .image {
	width: 115px;
	text-align: center;
	float: left;
}
.how-it-works .hosting {
	height: 1%;
	overflow: hidden;
	margin-bottom: 10px;
}
.how-it-works .hosting .image {
	padding-top: 10px;
}
.how-it-works .stop-spam {
	height: 1%;
	overflow: hidden;
	margin-bottom: 10px;
}
.how-it-works .stop-spam .image {
	padding-top: 15px;
}
.how-it-works .no-programming {
	height: 1%;
	overflow: hidden;
	margin-bottom: 10px;
}
.how-it-works .no-programming .image {
	padding-top: 20px;
}
.captcha-models {
	height: 1%;
	overflow: hidden;
	padding: 10px 0px 10px 80px;
}
.captcha-models img {
	border: 1px solid #808080;
}
.model {
	width: 260px;
	float: left;
}
.model-title {
	font-size: 15px;
}
.logos {
	text-align: center;
	padding: 20px 0;
}



#footer {
	border-top: 8px solid #1976a2;
	margin-top: -9px;
	position: relative;
	z-index: 100;
	text-align: center;
	padding: 10px;

}
#footer p {
	margin-bottom: 5px;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}