/* Site CSS */
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body {background:none;
 background-color:#eee;

}

a.button, a.button:visited {height: auto;
padding: 5px 10px 8px 10px;
line-height: 1em;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
color:#fff;
}


#page {

border-top:0px;
padding-top:10px;
background-color:#fff;

    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.50);



-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom:10px; padding-bottom:10px;}



.left {float:left; margin-right:10px; margin-bottom:10px;}

#featurex {font-size:1.2em;

background-color: #ddd; margin: 0 -20px 20px -20px; padding: 20px; overflow: auto;

background: #fcfff4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
background: radial-gradient(75% 50%, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-sizing: border-box;
margin-bottom: 1em;

}

#featurex h1 {margin-top:20px;}
.featurex-img {float:left; margin-right:20px;}


#social-media-list {width:100%;}

/* TABLES */

/* CSS Document */
caption {
    font-size: 1.5em; /* 18px */
    line-height: 1em; /* 18px */
    margin-top: 0;
    margin-bottom:0;
}
table, thead, tbody, tr, th, td {
    font-size:1em;
    line-height: 1.5em;
}
table {
    border-collapse:collapse; margin-bottom:1.5em;
}
td, th {
    border:1px solid #eee;
    border-left:0; border-right:0;
    padding:5px 10px 5px 10px;

}
th {
    color: #fff;
    
    font-weight:bold;
}


thead th {
    color: #fff;
    background: #c10037;
    font-size:1.1em;
    padding-left:5px;
    padding-right:5px;
    }
    
thead td {
    background-color:#ddd;
    }


tbody th {background-color:#EEE; color:#555;
padding-left:5px;
    padding-right:5px;}
tfoot {font-weight:bold;}
 

.odd {
    background-color:#eee;
}


select, input, textarea, button { margin-bottom:.5em;}


/*  Twitter feed */

.tweet_list {
list-style: none;
padding: 0;
margin: 0;
width: 220px;
}

.tweet_list li {
border-bottom:1px solid #ddd;
padding:5px 0;
}

ul.social-icons {list-decoration:none; margin:0; padding:0;}
ul.social-icons li {margin: 0 5px; padding:0; display:inline;}


.required::before {
content: "* ";
color: #c10037;
font-weight: bold;
}