<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/*CSS Reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:12px;
}
fieldset, img {
    border:0;
}
address, caption, cite, code, dfn, em, strong, th, var, small {
	font-style:italic;
	font-weight:normal;
}
ol, ul {
    list-style:none;
}
caption, th {
    text-align:left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}
q:before, q:after {
    content:'';
}
abbr, acronym {
    border:0;
}
/* General styling */
body {
	background:#000;
	color:#FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size:36pt;
}
a {
	color:#FFFFFF;
}
a:hover {
	color:#c80041;
	text-decoration:none;
}
.clear {
    clear:both;
    height:0px;
    margin:0px;
    padding:0px;
}
#header {
    color: #999;
    margin: auto;
    margin-top:20px;
    width:960px;
    text-align:left;
    position:relative;
    margin-bottom: 10px;
}
#title {
	float:left;
	height: 75px;
	width: 300px;
	display: block;
	}
#title a {
    text-decoration:none;
}
#title h1 {
    font-weight:bold;
    font-size: 34px;
    color: #ffffff;
}
#title h2 {
    font-size: 24px;
    color: #ffffff;
}
#logo {
    margin-left: 25px;
    float:left;
}
#languages {
    float:right;
    margin-top:50px;
}
#wrapper {
    background-color:#000000;
}
#content {
    margin: auto;
    width:960px;
    position:relative;
    margin-bottom: 10px;
    padding: 25px;
    padding-bottom:25px;
    text-align:center;
	text-decoration:none;
}
#content h1 {
    font-size: 20px;
    margin-bottom: 20px;
}
#text {
    text-align:left;
}
#left {
    float:left;
    text-align:left;
    width:460px;
    padding-right: 20px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
}
#right {
    float:left;
    text-align:left;
    padding-left: 25px;
}
form .field {
    margin-bottom: 5px;
    display: block;
    clear:both;
}
form input, form select {
    float:left;
    border: 0px solid #E77D00;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 2px;
    margin-bottom: 5px;
}
form select {
    padding: 1px;
    margin-right:5px;
}
form .radiobutton {
    margin-right:5px;
    border: none;
}
form label{
    float:left;
    width:120px;
    padding-top:5px;
}
.button a {
    text-align:center;
    display:block;
    margin-right:5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    text-decoration:none;
    /* fallback (Opera) */
    background-color: #000000;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #EEE, #999);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
        left top, left bottom, from(#EEE), to(#999));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
        StartColorStr='#EEEEEE', EndColorStr='#999999', GradientType=0);
    background-image: url(../img/btn_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    border: 1px solid #CCC;
}

.button a:hover, .button a.in {
	/* fallback (Opera) */
    background-color: #e77d00;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #e77d00, #9A5300);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear,
        left top, left bottom, from(#e77d00), to(#9A5300));

    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
        StartColorStr='#e77d00', EndColorStr='#9A5300', GradientType=0);
	background-image: url(../img/btn_bg_over.gif);
	background-repeat: repeat-x;
	background-position: left;
	color:#FFF;
	border-color: #FFFFFF;
}
#bigbuttons .button a {
    margin:auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 25px;
    width: 175px;
    margin-bottom:8px;
    padding-top:10px;
    -moz-box-shadow: 5px 5px 5px #CCC;
    -webkit-box-shadow: 5px 5px 5px #CCC;
    box-shadow: 5px 5px 5px #CCC;

}
#share {
    margin-top:25px;
    padding:20px;
    /* fallback (Opera) */
    background-color: #CCCCCC;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #FFFFFF, #CCCCCC);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
        left top, right top, from(#FFFFFF), to(#CCCCCC));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
        StartColorStr='#FFFFFF', EndColorStr='#CCCCCC', GradientType=1);
    background-color:#FFF;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    -moz-box-shadow: 5px 5px 5px #CCC;
    -webkit-box-shadow: 5px 5px 5px #CCC;
    box-shadow: 5px 5px 5px #CCC;
}
#share h2 {
    color: #FFFFFF;
    display:block;
}
#share a {
    float:left;
    width: 400px;
    margin-top: 20px;
    font-size:16px;
    color:#999;
    text-decoration:none;
}
#share a:hover {
    color: #666;
}
#share img{
    float:left;
    margin-right:10px;
    border:none;
}
#text #bigbuttons a {
	margin-top:25px;
	font-size:16px;
	height: 30px;
	width: 200px;
}
#text #bigbuttons .btn {
	margin-top:25px;
	font-size:16px;
	height: 30px;
        width: 450px;
}

/* backend styles */
#submenu {
    margin:auto;
    width:960px;
    position:relative;
}
#submenu a {
    padding-top:3px;
    color:#000;
    text-align:center;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
    display:block;
    float:left;
    height:17px;
    color:#000;
    background-color: #CCC;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border: 1px solid #000;
}
#submenu a:hover {
    background-color: #EEE;
}
#submenu a.in {
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
}
#add,#search,#adduser {
    border: 1px dotted #000;
    background:#FFF;
    padding: 10px;
}
#add form,#search form,#adduser form{
    margin-top:0px;
}
#add #left ,#search #left{
    border:none;
}
#add .button,#search .button {
    float:right;
}
#add .button a,#search .button a {
    float:right;
    margin-top:10px;
}
#signatures {
    text-align:left;
    margin-top:20px;
}
#signatures table {
    width: 100%;
    border: 1px solid #000;
    margin-bottom:10px;
}
#countrysignatures,#postalcodesearch,table#users,#countryexport {
    border: 1px solid #000;
    margin-bottom:10px;
    width:100%;
}

#countrysignatures td,#countrysignatures th,#postalcodesearch td,#postalcodesearch th,table#users td,table#users th,#countryexport th,#countryexport td {
    padding: 3px;
}
#signatures td, #signatures th {
    padding:5px;
    text-align:center;
}
#signatures th,#countrysignatures th,#postalcodesearch th,table#users th,#countryexport th {
    background-color:#CCC;
    border: 1px solid #000;
    font-weight: bold;
}
#signatures td,#countrysignatures td,#postalcodesearch td,table#users td,#countryexport td {
    border-right: 1px solid #000;
}
#signatures .odd,#countrysignatures .odd,#postalcodesearch .odd,table#users .odd {
    background-color: #E0E0E0;
}
#signatures h2 {
    margin-bottom:10px;
}

.tableresult {
    float: left;
    margin-bottom:5px;
    width:100%;
    text-align:center;
	text-decoration:none;
}
.tablenav {
    float: right;
    margin-bottom:5px;
}
.tablenav a, .tableresult a {
    text-decoration:none;
}
#alert,#emailalert {
    background-color:#FFF;
    width: 20%;
    position: absolute;
    left: 40%;
    top: 150px;
    border: 1pt solid #000;
    padding:25px;
    z-index: 10;
    -moz-box-shadow: 10px 10px 10px #666;
    -webkit-box-shadow: 10px 10px 10px #666;
    box-shadow: 10px 10px 10px #666;
    margin-right: 25px;
}

input.button {


    background-image: url(../img/btn_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;

    height: 25px;
    width: 175px;
    -moz-box-shadow: 5px 5px 5px #CCC;
    -webkit-box-shadow: 5px 5px 5px #CCC;
    box-shadow: 5px 5px 5px #CCC;
    margin: auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    float:none;

}

#signatures table tr.row_selected{
    background-color:#9FAFD1;
}

#signaturecount {
    font-weight: bold;
    font-size:36px;
    margin-top:10px;
    margin-bottom:10px;
}

#chartcontainer,#statstable {
    float:left;
}

#pccontainer {
    width:100%;
    margin-top:20px;
}

#pccontainer div {
    float:left;
    width:49%;
}

.statstable {
    width:30%;
}

#ageChart,#ageChart2,#genderChart,#genderChart2 {
    width:300px;
    height:200px;
    float:left;
    margin-left:5px;
}
#adduser {
    clear:both;
    margin-top:20px;
}

#adduser select,#adduser input{
    float:left;
}

#users caption, #users th {
    text-align:inherit;
}

#users {
    margin-top: 10px;
}

#adduser .button a{
    display:inline;
}

.hide{
    display:none;
}

#countryexport {
    width:40%;
}
.image {
	position:relative;
	float:left; /* optional */
}
.image .text {
	position:absolute;
	top:111px; /* in conjunction with left property, decides the text position */
	left:182px;
	width:600px; /* optional, though better have one */
	height: 270px;
	text-decoration:none;
}
a.nav:hover {color: #c80041; text-decoration: none; 
}</pre></body></html>