@charset "utf-8";
/* CSS Document */

body {
	background-color: #401968;
	background-image: url("images/green-fibers.png");
	background-repeat: repeat;
}

a:link {color: #CAA8E5; text-decoration: overline;}
a:visited {color: #000000;}
a:hover {color: #FFFFFF; text-decoration: underline;}
a:active {color: #898989;}

#top {
	margin-top: 0px;
	margin-left: 0px;
	width: 277px;
}

.fl {
	width: 600px;
	height: 415px;
	position: absolute;
	top: 5px;
	left: 300px;
	overflow-x: auto;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 10pt;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #774D95; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #79599C; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #CAA8E5; 
}

h1 {
	border-bottom: 2px solid;
    border-image-source: linear-gradient(to right, #898989, #401968);
    border-image-slice: 1;
	color: #FFFFFF;
	padding-left: 4px;
}

h2 {
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 14pt;
}

.footer {
	margin-top: auto;
	padding-top: 10px;
	font-size: 8pt;
	text-align: center;
}

input {
    width:250px;
    height:30px;
    background-color: #401968;
    border: 1px solid #FFFFFF;
    margin-top:3px;
    font-size:0.9em;
    color: #FFFFFF;
}

#country {
    background-color: #401968;
	border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

textarea{
    width:250px;
    height:100px;
    background-color: #401968;
	border: 1px solid #FFFFFF;
	margin-top:3px;
    font-size:0.9em;
    color: #FFFFFF;
}


#submit {
    width: 74px;
    height: 20px;
    background-color: #401968;
	border: 1px solid #FFFFFF;
    margin-top: 20px;
}

#fans {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  color: #FFFFFF;
  width: 95%;
}

#fans td, #fans th {
  padding: 10px;
}

#fans tr:nth-child(even){background-color: #443858;}

#fans th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}