/*  GLOBAL STYLE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td{padding:0; margin:0; font-size:100%; line-height:1.6em}
body{font:62.5% Georgia, Arial, Helvetica, sans-serif; height:100%}
/*  The 62.5% body text here makes 1em = 10px, therefore 1.2em = 12px and so on.*/

table{border-collapse:collapse; border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal; font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:bold; font-size:100%;}
/*h1 {background-color:#2af449; color:white}*/

q:before,q:after{content:''}
abbr,acronym{border:0}

/* removes dotted border from all focused links */
:-moz-any-link:focus, a, input{outline:none!important}

/*  Just a few styles I add to most sites   */
.fr{float:right}
.fl{float:left}
.bold{font-weight:bold}
.clear{clear:both}
/*a{text-decoration:none}*/
p{font-size:1.6em; color:#666; margin:5px 20px}

/* IE PNG FIX */

/* ///////////////// Kidyos Specific Styles //////////////////////////   */
hr{color:#eee}
body {background-color:#bbe8ed}
.centerContent{background: url('/images/clouds.png') no-repeat -1px 25px;  height:301px;}
.centerContent{width:950px; margin:0 auto}
.centerContent h1{font-size:2.2em;  margin-bottom: 5px; font-weight:normal}
.centerContent h2{font-size:1.4em}

#logo{background: url('/images/kidyos_logo4.png') no-repeat; height:106px; width:284px; float:left; margin-bottom:30px; }

.contentBox {background:none; border:none #2af449; width: 100%; padding:5px; margin:0; margin-bottom:20px}
.contentBox strong {color:#050505}

#gameIcon {width: 90px; height: 72px; margin: 8px 14px 8px 20px; border: solid blue; float:left }
input.blur {color: #999; font-style:italic}
.highlight {background-color:#2af449; color:white; font-size: 2.3em; text-align:center}
/*#signupForm {background-color:#2af449; ; text-align:center; border: solid #999; margin:5px 20px; padding-top:8px}*/
#signupForm { text-align:center; vertical-align:middle;  padding-top:8px}
#signupForm p { }
#signupText { color:#000000; border: solid #999; padding:15px 40px; background-color: #2af449}
.loadingAnim {background: url('/images/loader_bs1.gif') no-repeat; background-position:center; margin: 5px; padding: 5px;  float:right}