body {
    font-family:Arial, Arial, Helvetica, sans-serif;
}

h1 {
    font-size:28px;
}

h2 {
    font-size:18px;
    margin-bottom:5px;
}

small {
    font-size:11px;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

label {
    display:block;
    line-height:normal;
    margin-bottom:5px;
    font-size:14px;
}


ul {
    list-style-type:circle;
    margin-left:20px;
    margin-bottom:10px;
}

ol {
    list-style-type:decimal;
}

ol#word-list {
    margin-left:50px;
    margin-top:20px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    -moz-column-gap: 40px;
    list-style-position: inside;
}

#word-list img {
    max-width:100px;
    max-height:100px;
    display:block;
}

#word-list li {
    font-size:18px;
    padding-bottom:10px;
}

a:link, a:visited, a:hover {
    text-decoration:underline;
    color:#003cfe;
}

a:visited {
    color:#003c88;
}

a:hover {
    text-decoration:none;
}

li {
    line-height:normal;
    font-size:14px;
}

p {
    font-size:14px;
    line-height:normal;
    margin-bottom:10px;
    margin-top:5px;
}

#wrapper {
    margin:auto;
    width:870px;
    /*margin-bottom:30px;*/
    background-color:#fff;
}
#header {
    /*display:none;*/
}

#header p {
    float:right;
    padding-right:20px;
    padding-top:5px;
}

#hint {
    margin-top:10px;
    font-size:12px;
    line-height:normal;
}

.card {
    border-collapse:collapse;
    margin:auto;
}

.card td {
    width: 100px;
    height:100px;
    border:1px solid black;
    vertical-align:middle;
    text-align:center;
}

.card td textarea {
    vertical-align:middle;
    text-align:center;
    width: 100px;
    height:100px;
    border:none;
    font-family:Arial, Arial, Helvetica, sans-serif;
    font-size:18px;
    overflow:auto;
    padding:2px;
}

.card tr#bingo-boxes th input {
    font-family:Arial, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-align:center;
    width:50px;
    border:none;
    height:30px;
    margin-bottom:20px;
}

#name  {
    font-family:Arial, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-align:center;
    width:100%;
    border:none;
    height:30px;
    margin-bottom:20px;
}

#card-wrapper {
    background-color:#f1f1f1;
    padding-top:20px;
    padding-bottom:20px;
    max-width:520px; /* for ie7 */
    padding-left:20px;
    padding-right:20px;
    float:left;
}

#card-wrapper tfoot th {
    text-align:left;
}

#card-wrapper form {
    /*width:500px;*/
    margin:auto;
}

#card-wrapper label {
    font-size:12px;
    margin-top:5px;
    display:block;
}

#instructions {
    float:right;
    width:250px;
    border:5px solid #ffc301;
    /*background-color:#ffc301;*/
    padding:15px;
    border-radius:10px;
}

#instructions input, #instructions select {
    font-size:14px;
}

#instructions h1 {
    margin-bottom:10px;
    margin-top:20px;
}

#instructions h1:first-of-type {
    margin-top:0px;
}

#instructions p {
    margin-bottom:10px;
}

/*
#instructions a {
    font-size:14px;
}
    */

#submit {
    background-color:#ffc301;
    font-size:18px;
    color:#000;
    font-family:Arial, Arial, Helvetica, sans-serif;
    border:none;
    display:block;
    margin:auto;
    padding:5px;
    margin-top:20px;
    border-radius:10px;
    text-align:center;
    /*margin-bottom:20px;*/
}

#panic {
    margin-top:25px;
    padding-top:5px;
    border-top:1px dashed #999999;
}

#more {
    display:none;
    margin-top:15px;
}

#more-link {
    margin-top:10px;
    display:inline-block;
}

#more p {
    font-size:12px;
}

.results {
    margin-top:20px;
}
.results ol {
    margin-top:10px;
   margin-left:25px; 
}

#clear-link {
    text-align:right;
    margin-bottom:0px;
    margin-top:0px;
    top: -15px;
    right: -15px;
    position:relative;
}

.error {
	color:#ff0000;
	font-weight:bold;	
}

.error-list {
	color:#ff0000;
	margin-top:10px;
}

#freeloader {
	width:400px;
	float:left;
	border-right:1px solid #ffc301;
}

#supporter {
	width:375px;
	float:right;
}

#supporter ul {
	margin-top:15px;	
}

#supporter ul li {
	margin-bottom:5px;
}

#freeloader h2, #supporter h2 {
	font-size:18px;
}

#freeloader h2 small {
	color:#333;
	font-style: italic;
	font-size:14px;
}

#page-wrapper {
    background-color:#f1f1f1;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

.clear {
    clear:both;
}

#register {
    width:100%;
}

#register td {
    padding-right:5px;
    padding-top:5px;
}

.errorlist {
	color:#ff0000;
	margin-left:0px;
	list-style-type:none;
}

.errorlist li {
	margin-left:0;
    font-weight:bold;
}

.errorlist a {
}

.success {
    color:#008833;
    font-weight:bold;
}

#template-list {
	margin-top:10px;	
}

#template-list thead th 
{
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	border-bottom:3px solid #ffc301;
	border-top:0px solid #ffc301;
	padding-top:4px;
	padding-bottom:4px;
}

#template-list td 
{
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}

#template-list td.counter
{
	font-size:10px;
	font-weight:bold
}

#template-list tr.even td {
	background-color:#ccc;
}


#tooltip{
    position:absolute;
    border:1px solid #333;
    background:#000;
    padding:2px 5px;
    color:#fff;
    display:none;
    max-width:300px;
    font-size:12px;
}

.help {
    color:#d630c1;
    font-weight:bold;
    font-size:12px;
}

#security {
    float:right;
    width:150px;
}

#payment-errors {
    font-size:14px;
    color:#ff0000;
    padding-top:10px;
}

.over {
    background-color:#ffff00;
}

.loading {
    background-image:url("../img/loading.2a6692973429.gif");
    background-size: auto !important;
}

.new {
    color:#ff0000;
}

kbd
{
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

@media print {
    #header {
        display:none;
    }

    .noprint {
        display:none;

    }
}

#id_size {
    padding:5px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom:20px;
}

#freeloader input {
    margin-bottom:10px;
}

#id_extra_words {
    width:100%;
    height:150px;
}

#add-another-row {
    float:right;
    font-size:12px;
    margin-top:5px;
}

.card td.extra-words {
    height: auto;
    border-left: none;
    border-right: none;
    padding-top: 15px;
    font-style: italic;
}