body, td 
{
font-size: min(6vw, 28px);
font-family:verdana,arial;
}

H1 {font-size: min(5vw,35px); font-family:verdana,arial; font-style:bold; color:green; padding: 4px; margin: 0px;}
H2.valentines {font-size:3vmax; font-family:verdana,arial; font-style:bold; color:#800000; padding: 4px; margin: 0px;}
H2 {font-size: min(5vw, 30px); font-family:verdana,arial; font-style:bold; color:GREEN; padding: 4px; margin: 0px;}
H3 {font-size: min(4vw, 28px); font-family:verdana,arial; font-style:bold; color:#006699; padding: 4px; margin: 0px;}
H4 {font-size: min(4vw, 24px); font-family:verdana,arial; font-style:bold; color:#ff9a00; padding: 4px; margin: 0px;}
H5 {font-size: min(3vw, 20px); font-family:verdana,arial; font-style:bold; color:#006699; font-style:italic; padding: 4px; margin: 0px;}
H6 {font-size: min(5vw, 32px); font-family:tahoma,arial; font-weight:light; color: green; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);}


#container {
width: 98%;
margin-bottom: 15px;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
	z-index: -1000;
}

.coinpic {
	max-width: 100%;
	width: 250px;
	}

/* Add some content at the bottom of the video/page */
#content {
    position: relative;
	display: flex;
	bottom: 0;
	left: 0;
    background: rgba(0, 0, 0, 0.2);
    color: #c8c8c8;
    width: 100%;
    padding: 0px;
	height: 100%;
	margin: auto;
}

.coin {
    width: 40%;
    padding: 20px;
	float: left;
display: inline-block;
padding-bottom: 10px;
margin: auto;
}

.middlestuff {
	display: inline-block;
    width: 45%;
    float: left;
    padding: 20px;
margin: auto;
}

.bottomstuff {
	display: block;
    width: 45%;
    padding: 20px;
	margin: auto;
}

.redirect {
font-size:min(6vw,40px); 
	-webkit-text-stroke: 2px black;
}

.main {margin:0}

A:link {color:#FFFFFF; text-decoration: none}

A:visited {color:#FFFFFF}

A:hover {color:#19D746}

input[type=text], textarea, input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: inline;
  margin: 0;
  width: 100%; 
  font-size: min(3vw, 28px);
  border: 2px solid #bbb;
  font-weight: bold;
  background-color:#C0FFC0;
  padding-left: 3px;
  
  
}

input.valentines { 
 background-color:#FF8080; 
 color:#8B0000;
 font-weight:bold;
 font-size: min(3vw, 28px);
 font-family:arial;
}

input.iowa { 
 background-color:#FFFF40; 
 color:#000000;
 font-weight:bold;
 font-size: min(3vw, 28px);
 font-family:arial;
}

input.blue { 
 background-color:#C1D1FF; 
 color:black;
 font-weight:bold;
 font-size: min(3vw, 28px);
 font-family:arial;
 width:30px;
 padding: 2 4 2 5;
}

textarea.blue { 
 background-color:#C1D1FF; 
 color:black; 
 font-weight:bold;
 font-size: min(3vw, 28px);
 font-family:arial;
}

textarea.iowa { 
 background-color:#FFFF40; 
 color:black; 
 font-weight:bold;
 font-size: min(3vw, 28px);
 font-family:arial;
}

.selected {
border:0 inset buttonface; 
background:window; 
background-color:#cfcfcf;
padding:0; 
font:icon;
color:green;
}

.selectTable {
height:100%; 
width:100%;
border:2 inset buttonhighlight; 
background:buttonface;
}

.option	{
font:icon; 
padding:1; 
padding-left:3; 
padding-right:3; 
width:400;
background-color:#cfcfcf;
}

.dropDown {
position:absolute; 
visibility:hidden; 
width:100%;				
border:1 solid windowtext; 
padding:0;
background:window; 
color:windowtext;
}

.select .button	{
width:16px; 
height:5; 
font-family:webdings; 
padding:0;
font-size: min(3vw, 28px); 
border:2 outset buttonhighlight;
}


textarea.valentines { 
 background-color:#FF8080; 
  color:#8B0000; 
 font-weight:bold;
  font-size: min(3vw, 28px);
 font-family:arial;
}

.floatright {
  float: right;
}

p.comment {
width:700 px;
font-size: min(5vw, 28px);
font-family:verdana,arial; 
font-style:bolder; 
color:green;
font-style:italic;}


.script {
width:70%;
font-size:min(4vw, 22px); 
font-family:courier,arial; 
font-weight:bold; 
color:green;
border-style:solid;
border-width:1px 4px 4px 1px;
border-color:black;
background-color:#ffffcc;
padding:10px;
padding-top:35px;
padding-left: 70px;
padding-bottom:30px;
padding-right: 30px;
margin-bottom: 60px;
box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

.notice {
font-weight:bold; 
color:red;
font-style:italic;}

.alert {
font-weight:bold; 
width: 30%;
min-width: 250px;
color:red;
font-style:italic;
background-color:#ffffcc;
padding:10px;
padding-top:25px;
padding-bottom:30px;
box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
border: 3px dotted red;
margin-bottom: 30px;
}


pre {  font-size: min(3vw, 28px);
font-family:courier,arial; 
font-style:bold;
}

.img {
    position: relative;
    width:  95%;
}


H1 {font-size: min(6vw,35px); font-family:verdana,arial; font-style:bold; color:green; padding: 4px; margin: 0px;}
H2.valentines {font-size:5vmax; font-family:verdana,arial; font-style:bold; color:#800000; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}
H2.iowa {font-size:3vmax; font-family:verdana,arial; font-style:bold; color:yellow; padding: 4px; margin: 0px; text-shadow: 2px 3px 3px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;}
H2 {font-size: min(6vw, 35px); font-family:verdana,arial; font-style:bold; color:#00C000; padding: 4px; margin: 0px;text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}
H3 {font-size: min(4vw, 28px); font-family:verdana,arial; font-style:bold; color:#006699; padding: 4px; margin: 0px;}
H4 {font-size: min(4vw, 24px); font-family:verdana,arial; font-style:bold; color:#ff9a00; padding: 4px; margin: 0px;}
H5 {font-size: min(3vw, 20px); font-family:verdana,arial; font-style:bold; color:#006699; font-style:italic; padding: 4px; margin: 0px;}
H6 {font-size: min(5vw, 32px); font-family:tahoma,arial; font-weight:light; color: #008000; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}
H6.iowa {font-size: min(5vw, 32px); font-family:tahoma,arial; font-weight:light; color: yellow; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;}

*:focus {outline: none;}

#audioplayer {
 width: 50%;
}

#videoplayer {
 width: 90%;
}

input[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 0.5em 0;
 font-size: min(4vw, 30px); 
 line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 50%; min-width: 300px;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

.getanswers {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 0.5em 0;
 font-size: min(4vw, 30px);
 white-space: normal; 
 line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 50%; min-width: 300px;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

.getanswers:hover {
 color: #0c0;
}

input[type=submit]:hover {
 color: #0c0;
}

#submitbutton {
}

#submitbuttonvalentines {
font: bold;
  font-size: min(3vw, 28px);
font-family:verdana; 
color:#FFF; 
background-color:#800000; 
border-style:outset; 
border-color:red;
width: 300px;
height: 75px;
}

ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.simple-list li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
	
}

ol.simple-list  li:before {
    position: absolute;
    top: 0;
    left: -1.5em;
    width: 0.8em;
    font-size: min(5vw,40px);
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}

select{
font-family: Verdana, Arial, sans-serif;
font-size: min(5vw,40px);
}

ol.alpha {list-style-type: upper-alpha;
   display: block;
    margin: 0;
    margin-left: 3em;
    padding: 0;
}
	
ol.normallist li{
position: relative;
margin-bottom: 0px;
padding-left: 0.5em;
min-height: 2m;
}

ol.normallist {
   display: block;
    margin: 0;
    margin-left: 2em;
    padding: 0;
}
	
ol.alpha li{
position: relative;
margin-bottom: 0px;
padding-left: 0.5em;
min-height: 3em;
}

.leftside {
width: 30%;
float: left;	
}

.rightgraphic {
padding-left: 5px;
width: 65%;
text-align: right;	
float: left;
}

.leftsideans {
width: 45%;
float: left;	
}

.rightgraphicans{
padding-left: 5px;
width: 30%;
text-align: right;	
float: left;
}

.clear {
	clear: both;
}

.quizclip {
	width: 95%;
	max-width: 550px;
}

/*BEGIN JEOPARDY */

.jeopardycategory {
background-color: #060CE9;
font-family: Arial, sans-serif;
font-size: min(5vw, 30px);
font-weight:bold;
color: white;
border: 6px solid black;
border-bottom: 3px solid black;
width: 250px;
text-align: center;
padding: 25px;
text-shadow: 4px 4px #000000;
text-align: center;
}

.jeopardyquestion {
background-color: #060CE9;
font-family: times, serif;
font-size: min(10vw, 30px);
font-weight:bold;
font-style:normal;
color: white;
border: 6px solid black;
border-top: 3px solid black;
border-bottom: 3px solid black;
width: 250px;
height: 280px;
text-align: center;
padding: 25px;
text-shadow: 4px 4px #000000;
}

.jeopardyquestionlast {
background-color: #060CE9;
font-family: 'Libre Baskerville', serif;
font-size: min(5vw, 20px);
font-weight:bold;
font-style:normal;
color: white;
border: 6px solid black;
border-top: 3px solid black;
width: 250px;
height: 280px;
text-align: center;
padding: 25px;
text-shadow: 4px 4px #000000;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 250px;
  perspective: 1000px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: absolute;
  width: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
background-color: #060CE9;
font-family: arial, serif;
font-size: min(8vw, 60px);
font-weight:bold;
color: yellow;
margin: 0;
text-align: center;
padding: 70px 0;
text-shadow: 4px 4px #000000;
}

/* Style the back side */
.flip-card-back {
background-color: #060CE9;
font-family: times, serif;
font-size: min(5vw, 28px);
font-weight:bold;
color: white;
margin: 0;
text-align: center;
padding: 20px 0;
text-shadow: 4px 4px #000000;
transform: rotateY(180deg);
}

/* END JEOPARDY */


.photo {
float: left;
clear: left;
border: 2px solid #9a8a7a;
background: #eee;
margin: 0 10px 2px 0;
}


table.alternate tr:nth-child(2n) td {
  background: #C0C0c0;
  color: #000000;
  font-size: 1em;
/* If vw is supported, font-size is overwritten. If not, UA will use 5em */
/*font-size: 1.25vw;*/
}
table.alternate tr:nth-child(2n+1) td {
  background: #ffffff;
    color: #000000;
font-size: 1em;
/* If vw is supported, font-size is overwritten. If not, UA will use 5em */
/*font-size: 1.25vw;*/
}


.imgr {
	width: 95%;
	max-width: 600px;
	min-width: 300px;
	}
	
.imgrt {
	width: 95%;
	max-width: 220px;
	min-width: 150px;
	}
	
.imgrtt {
	width: 95%;
	max-width: 100px;
	min-width: 50px;
	}


.briansaystop {
	background-image:url(./brianbottom.gif);
	background-repeat:no-repeat;
	width: 127px;
	height: 144px;
 }

.briansaystext {
	position: relative;
	width: 60%;
	min-width: 350px;
	background-color: #fff7f7;
	padding: 1.125em 1.5em;
	font-size: min(3vw,18px);
	font-weight:bold; 
    color:green;
	font-family:tahoma,arial; 
	text-align: center;
	border-radius: 1rem;
  box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

.briansaystext::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em; // offset should move with padding of parent
	border: .75rem solid transparent;
	border-top: none;

	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}

.brianbubble {
	position: relative;
	width: 60%;
	min-width: 350px;
	background-color: #fff7f7;
	padding: 15px;
	font-size: min(3vw,18px);
	font-weight:bold; 
    color:green;
	font-family:tahoma,arial; 
	text-align: center;
	border-radius: 1rem;
    box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
	margin-top: 5px;
	margin-bottom: 55px;
}

.brianbubble::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em; // offset should move with padding of parent
	border: .75rem solid transparent;
	border-top: none;

	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}

.briansaysmiddle {
 }

.briansaysbottom {
 }

.meme {
	color:white;
	font-family: impact,arial;
	font-size: min(5vw,35px);
}

.odometer {
    font-size: min(6vw,40px);
	margin-top: 10px;
}


/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: min(4vw,30px);
  font-family: sans-serif;
  font-weight: 700;
  color: green;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid green;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}
/* Hover style */
.select-css:hover {
  border-color: green;
}
/* Focus style */
.select-css:focus {
  border-color: green;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: green;
}

.clickme {
	display: inline-block;
    background-color: #EEEEEE;
    padding: 8px 20px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
}

.danger {
    background-color:#FF0040;
    color: #FFFFFF;
}

.danger:hover {
    background-color:#EB003B;
    color: #FFFFFF;
}

.success {
    background-color:#00EB89;
    color: #FFFFFF;
}

.success:hover {
    background-color:#00D77E;
    color: #FFFFFF;
}

.warning {
    background-color:#FFA500;
    color: #FFFFFF;
}

.warning:hover {
    background-color:#EB9800;
    color: #FFFFFF;
}

.info {
    background-color:#00D4FF;
    color: #FFFFFF;
}

.info:hover {
    background-color:#00C4EB;
    color: #FFFFFF;
}

.default {
    background-color:#D1D6DC;
    color: #000000;
}

.default:hover {
    background-color:#DCE0E5;
    color: #555555;
}

table.altrow {
  border: 1px solid green;
  border-collapse: collapse;  
}

table.altrow tr:nth-child(2n) td {
  background: #80FF80;
  color: #000000;
  font-size: min(3vw, 18px);
    border: 1px solid green;
}
table.altrow tr:nth-child(2n+1) td {
  background: #ffffff;
    color: #000000;
font-size: min(3vw, 18px);
  border: 1px solid green;
}


#progressMessage
 {
    position:absolute;
    top:45%;
    left:25%;
    width:50%;
    z-index:3000;
 }

 #activityIndicator 
 {
   height: 32px;
   width: 32px;
   -webkit-background-size: 32px 32px;
   -o-background-size: 32px 32px;
   -moz-background-size: 32px 32px;
   background-size: 32px 32px;
   margin: 0px auto;
   background-image: url("/images/activity_spinner.gif");
   background-color: transparent; 
}

/* Christmas Present for Christmas quizzes */

#present {
  display: none;
  min-width: 200px;
  margin-top: 20px;
}

hr.solid {
  border-left: none;
  border-right: none;
  border-top: 1px solid #000000;
  border-bottom: none;
  width: 200px;
}

.clickme {
	display: inline-block;
    background-color: #EEEEEE;
    padding: 8px 20px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
	border-color: black;
	border: 1px;
	margin-right: 5px;
	margin-top: 10px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
	font-size: min(4vw, 20px)
}

.play {
    background-color:#0A640A;
    color: #FFF;
}

.play:hover {
    background-color:#00C000;
    color: #FFF;
}

.work {
    background-color:#800080;
    color: #FFFFFF;
}

.work:hover {
    background-color:#621163;
    color: #FFFFFF;
}

.contact {
    background-color:#000080;
    color: #FFF;
}

.contact:hover {
    background-color:#0000FF;
    color: #FFF;
}


.selectWrapper{
  border-radius:36px;
  display:inline-block;
  overflow:hidden;
  background:#cccccc;
  border:1px solid #cccccc;
}
.selectBox{
  width:50px;
  height:50px;
  border:0px;
  outline:solid 1 black;
}

.buynow {
	width: 75%;
	
	
}