body {
/*
    background-color: black;
    background-image: url("/images/icons/bigbolt.png");
    background-repeat:no-repeat;
    background-position: 0 15px;
*/
    background-image: url("/images/icons/onecell.png");
    background-repeat:no-repeat;
    background-color: white;
    background-position: 50% 0;
    font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
}

#wrapper {
    margin:auto;
    text-align:left;
    width:670px;
}

h2 {
    color:#1F1F1F;
}

#header {
    background-image: url("/images/icons/headercell.png");
    background-repeat:no-repeat;
    float:left;
    padding:0px 20px;
    width:100%;
    height:174px;
    position: relative;
    z-index: 3;
}

#header h1 {
    text-indent: -9999px;
    float:left;
}

#header.aboutheader {
	cursor: pointer;
    background-image: url("/images/icons/headercell126.png");
    height:126px;
}

#aboutButton {
    float:right;
    margin-top:32px;
    margin-right:37px;
}

#bylabjack {
    position:absolute;
    top:46px;    
	left:340px;
}

#bylabjack img {
	border: none;
}

#tagline {
    position:absolute;
    top:96px;    
}

#description {
    position:absolute;
    top:120px;
    left: 34px;
}


#tagline, #description{
    color:#1F1F1F;
}


#tagline a, #description a{
/*     text-decoration:none; */
    color:#1F1F1F;
}
#tagline a:hover, #bylabjack:hover{
    text-decoration:underline;
	background-color: #aaa;
}

#description a:hover {
    text-decoration:underline;
	background-color: #ccc;
}

.onAir, .offAir {
background-color:black;
background-image:url(/images/icons/onair.png);
background-position:50% 50%;
background-repeat:no-repeat;
text-indent: -9999px;
line-height:1.3em;
margin-top:-6px;
padding: 9px;
}

.offAir {
	background-image:url(/images/icons/offair.png);
	background-color: transparent;
	padding: 23px;
}

.onAirText, .offAirText {
	float: left;
	line-height: 1.6em;
}

.offAirText {
	padding: 85px 192px;
}

#onAir, #offAir {
background-color:black;
background-image:url(/images/icons/onairbg.png);
background-position:50% -30%;
background-repeat:no-repeat;
border:4px solid #DEDEDE;
color:white;
left:8px;
padding:8px;
position:absolute;
text-align:center;
top:184px;
width:957px;
z-index:3;
display: none;
cursor: pointer;
}

#offAir {
/* 	display: block; */
	height: 245px;
}


#onAir.onAirBox {
height:25px;
}

#onAir.offAirBox {
height:245px;
}


#onAirClose, #offAirClose {
background-image:url(/images/icons/close.png);
background-repeat:no-repeat;
left:-13px;
position:absolute;
text-indent:-9999px;
top:-13px;
width:25px;
}


#onAir a, #offAir a {
	color:#5304a3;
	text-decoration: none;
}

#onAir a:hover, #offAir a:hover {
	text-decoration: underline;
}


#container {
/*     background-image: url("/images/icons/contentcell.png"); */
    background-repeat:no-repeat;
	background-position: -49px 0;
    float:left;
    margin-top:50px;
    padding:50px 0px 10px;
    width:100%;
    height:260px;
}

#container.aboutcontainer {
    background-image: url("/images/icons/aboutcell.png");
    height:1840px;
    margin-top:30px;
}


#content {
    position: relative;
}

#topic {
	color: #5304a3;
	width: 100%;
	text-align: center;
	position: absolute;
	top: -80px;
}

#topicText {
	font-weight: bold;
}

#aboutinner {
	text-align: justify;
	margin: -14px 5px 5px;
	background-color: white;
    border:2px solid #646464;
    width: 909px;
    padding: 1em;
}

#aboutinner a {
	color:#5304a3;
	text-decoration: none;
}

#aboutinner a:hover {
	text-decoration: underline;
}

#aboutDiagram {
	text-align:center;
	margin: 20px;
	position: relative;
}

#aboutDiagramImg {
	padding: 0 100px;
}

.aboutExplanation, .aboutTarget {
	position: absolute;
	display: none;
	border: 1px solid gray;

}

.aboutExplanation {
	padding: 0.5em;
	border: 2px solid #5304a3;
    -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 150px;
	background-color: white;
}

.aboutTarget {
	border: 1px solid #555;
	background-color: #CCC;
	filter: alpha(opacity=20);
	opacity: .2;
}


.aboutTarget:hover {
	border: 2px solid #5304a3;
    -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: transparent;
	filter: alpha(opacity=99);
	opacity: 1.0;
}

.t1 {
	top: 0;
	left: 170px;
	width: 310px;
	height: 60px;
}

.t2 {
	top: 83px;
	left: 210px;
	width: 220px;
	height: 70px;
}

.t3 {
	top: 173px;
	left: 210px;
	width: 220px;
	height: 100px;
}

.t4 {
	top: 173px;
	left: 470px;
	width: 210px;
	height: 100px;
}

.t5 {
	top: 300px;
	left: 530px;
	width: 80px;
	height: 90px;
}

.t6 {
	top: 400px;
	left: 470px;
	width: 210px;
	height: 95px;
}

.ex1 {
	top: 0;
	left: -20px;
}

.ex2 {
	left: 20px;
	top: 83px;
}

.ex3 {
	left: 20px;
	top: 173px;
}

.ex4 {
	left: 720px;
	top: 173px;
}

.ex5 {
	left: 720px;
	top: 305px;
}

.ex6 {
	left: 720px;
	top: 400px;
}


#tomButton {
    position:absolute;
    top:0;
    left:0;
}

#tomBars {
    position:absolute;
    top:0;
    left:113px;
    margin:0;
	padding-left: 40px;
}

#neutral {
    position:absolute;
    top:0;
    left:265px;
    margin:0;
	padding-left: 40px;
}

#mikeBars {
    position:absolute;
    top:0;
    left:293px;
    margin:0;
	padding-left: 40px;
}

#mikeButton {
    position:absolute;
    top:0;
    left:487px;
}

.shockCount {
    display:none;
    background-color:white;
    border:2px solid #dedede;
    color:#565656;
    padding:8px;
    position:absolute;
    top:257px;
}

#tomShocked {
    left:20px;
}

#mikeShocked {
    left:503px;
}

#tomVotesToGo {
	left: 3px;
}
#mikeVotesToGo {
	left:489px;
}

#tomVotesToGo, #mikeVotesToGo {
 	display: block; 
	top: -37px;
	padding: 5px 4px;
	width: 138px;
	font-size:9pt;
}

#tomVotesToGoInner {
	float: right;
	font-weight: bold;
}

#mikeVotesToGoInner {
	font-weight: bold;
}

#votesThisRound {
	display: block;
	left: 297px;
	width: 22em;
	position: relative;
}

#tomThisRound {
	float: left;
/* 	color:#5304a3; */
}

#mikeThisRound {
	float: right;
/* 	color:black; */
}



#readingContainer {
    float:left;
}

.data {
    float:left;
    background-color:white;
    border:2px solid #dedede;
    color:#565656;
    padding:8px;
/*     margin:13px; */
    margin:4px;
    text-align:center;
    position: relative;
	width: 293px;
}

.data .reading {
    font-size:130%;
    margin:10px;
    height: 26px;
}

.data .sparkline.reading {
/* 	float: right; */
	position:absolute;
	left: 20px;
	margin-right: 0;
    height: 26px;
    border: 1px solid transparent;
}

.data .latest.reading {
/* 	float: right; */
	position: absolute;
		left: 200px;
}

.tomName, .tomCount {
	color: #008800;
}


.mikeName, .mikeCount {
	color: #a8050d;
}



/*
#recentShocks {
    float:none;
    margin:110px 367px 120px 13px;
    text-align:center;
    
}
*/
#recentShocks, #studioTemp, #studioBrightness, #numClicks {
}

#studioTempTimeline, #studioBrightnessTimeline {
	display:none;
	font-size: 80%;
	margin-top: -7px;
	margin-left: -14px;
	width: 246px;
}
 
#studioTempTimeline .start, #studioBrightnessTimeline .start {
	float: right;
	color: #5304a3;
}

#studioTempTimeline .end, #studioBrightnessTimeline .end {
	float: left;
	display: none;
}


#tomLevel, #mikeLevel, #numVisitors {
	width: 180px;
}

#stats {
/*     background-image: url("/images/icons/data.png"); */
    background-repeat:no-repeat;
	background-position: -50px 0;
    float:left;
/*     padding:0px 20px 30px; */
    width:100%;
/*     margin-top: 30px; */
}

#stats h2 {
    margin-bottom:4px;
}

/* BUTTONS */

.buttons a, .buttons button, ul.bars li {
    display:block;
    float:left;
    margin:0 4px 0 3px;
    background-color:white;
    border:2px solid #dedede;
/*    border-color:#CCCCCC #999999 #777777 #CCCCCC;*/
    border-color:#CCCCCC;
/*    border-top:2px solid #eee;
    border-left:2px solid #eee;*/

    font-size:21pt;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:185px;
    height:185px;
/*
    width:16px;
    height:16px;
*/
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#eedeff;
    border:1px solid #d9c2f0;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#container.wait button.positive, #container.wait .buttons a.positive,
#container.wait button.negative, #container.wait .buttons a.negative  {
    background-position:23px -179px;
    background-color:transparent;
    border:2px solid transparent;
    color:black;
}


#container.wait button:hover, #container.wait .buttons a:hover{
    background-position:23px -179px;
    background-color:#cccccc;
    border:2px solid transparent;
    color:black;
}
#container.wait .buttons a:active{
    background-position:23px -179px;
    background-color:black;
    border:2px solid transparent;
    color:#cccccc;
}


/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#eedeff;
    border:2px solid #d9c2f0;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#5304a3;
    border:2px solid #5304a3;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
/*    background-image:url("/images/icons/purple50.png"); */
    background-repeat:no-repeat;
    background-position:23px 59px;
    color:#5304a3;
    padding:200px 10px 10px;
    height:30px;
    width:125px;
    text-align:center;
}
.buttons a.negative:hover, button.negative:hover{
    background-color:#eedeff;
    border:2px solid #d9c2f0;
    color:#5304a3;
}
.buttons a.negative:active{
    background-position:23px -179px;
    background-color:#5304a3;
    border:2px solid #5304a3;
    color:#fff;
}



.buttons #tomButton.negative, button.negative{
    background-image:url("/images/icons/green50.png"); 
}

.buttons #mikeButton.negative, button.negative{
    background-image:url("/images/icons/red50.png"); 
}


/* ABOUT */
.buttons a.about:hover, button.about:hover{
    background-color:#CCCCCC;
    color:#1F1F1F;
    border:2px solid #555555;
}
.buttons a.about:active{
    background-color:black;
    border:2px solid black;
    color:#fff;
}



/* BARS */

ul.bars {
    list-style: none;
}

ul.bars li {
    cursor:auto;
    float:left;
    font-size:100%;
    height:0;
    margin:229px 2px 0;
    padding:5px 12px 6px 11px;
    text-indent:-9999px;
    background-image: url("/images/icons/solidpurple.png");
    background-repeat:no-repeat;
    background-position:0 218px;
}

ul.bars li.first {
    height:40px;
    margin-top:189px;
}

ul.bars li.second {
    height:80px;
    margin-top:149px;
}

ul.bars li.third {
    height:120px;
    margin-top:109px;
}

ul.bars li.fourth {
    height:160px;
    margin-top:69px;
}

ul.bars li.fifth {
    height:200px;
    margin-top:29px;
}

ul.bars li.hot {
    background-position: 0 -4px !important;
/*    background-color:#5304a3; */
    border:2px solid #d9c2f0;
    color:#5304a3;
}

ul.bars li.hot.disconnected {
    border:2px solid black;
}

#volts {
/*
    background-image: url("/images/icons/purplebattery.png");
    background-color:white;
    background-repeat:no-repeat;
    background-position:2px -377px;
    text-align:right;
*/
    background-color:#5304A3;

    border:2px solid #d9c2f0;
/*    border:2px solid #DEDEDE;*/
    color:white;
    font-size:125%;
    left:253px;
    line-height:130%;
    padding:5px;
    position:absolute;
    text-align:center;
    text-decoration:none;
    top:-40px;
    width: 126px;
}
#volts.wait {
    border:2px solid #DEDEDE;
    color:#C6C6C6;
    background-color:black;
}

/*
#volts.volts0 {
    background-position:2px 5px;
}
#volts.volts16 {
    background-position:2px -59px;
}
#volts.volts33 {
    background-position:2px -123px;
}
#volts.volts50 {
    background-position:2px -187px;
}
#volts.volts67 {
    background-position:2px -251px;
}
#volts.volts84 {
    background-position:2px -315px;
}
*/

#still-listening {
    display:none;
}
#still-listening #inner{
    cursor: pointer;
    padding:290px 0;
    text-align:center;
    background-image: url("/images/icons/orange.png");
    background-repeat:no-repeat;
    background-position: 50% 50%;
}
#still-listening #inner a{
    color:#5304a3;
    text-decoration:none;
}
#still-listening #inner a:hover{
    text-decoration:underline;
}


#shocking {
    color:black;
    display:none;
    text-align:center;
}   
#shocking-inner ul {
    list-style: none;
}
#shocking-inner ul li{
    float: left;
    text-indent:-9999px;
    padding:40px;
    margin:10px;
/*    background-color:#5304a3;*/
    background-repeat:no-repeat;
    background-position: 50% 50%;
    background-image:url("/images/icons/purple82.png");
}

#shocking-whom{
    margin: 50px;
}

#shocking-whom ul{
	list-style: none;
}

.effects-explode {
	list-style: none;
    z-index:1005;
/*    background-color:#5304a3;*/
    background-repeat:no-repeat;
    background-position: 50% 50%;
    background-image:url("/images/icons/purplesmall.png");
}



/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:350px; width:600px; background-color:#fff; border:3px solid #ccc;}


#footer {
	float: left;
	color:gray;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 100%
}

#footer div {
	text-align: center;
}

#footer a {
	color:gray;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


ul.bars li.first.hot19 {
    background-position: 0 0px;
}
ul.bars li.first.hot18 {
    background-position: 0 3px;
}
ul.bars li.first.hot17 {
    background-position: 0 6px;
}
ul.bars li.first.hot16 {
    background-position: 0 9px;
}
ul.bars li.first.hot15 {
    background-position: 0 12px;
}
ul.bars li.first.hot14 {
    background-position: 0 15px;
}
ul.bars li.first.hot13 {
    background-position: 0 18px;
}
ul.bars li.first.hot12 {
    background-position: 0 21px;
}
ul.bars li.first.hot11 {
    background-position: 0 24px;
}
ul.bars li.first.hot10 {
    background-position: 0 27px;
}
ul.bars li.first.hot9 {
    background-position: 0 29px;
}
ul.bars li.first.hot8 {
    background-position: 0 31px;
}
ul.bars li.first.hot7 {
    background-position: 0 33px;
}
ul.bars li.first.hot6 {
    background-position: 0 35px;
}
ul.bars li.first.hot5 {
    background-position: 0 37px;
}
ul.bars li.first.hot4 {
    background-position: 0 39px;
}
ul.bars li.first.hot3 {
    background-position: 0 42px;
}
ul.bars li.first.hot2 {
    background-position: 0 45px;
}
ul.bars li.first.hot1 {
    background-position: 0 48px;
}

ul.bars li.second.hot19 {
    background-position: 0 0px;
}
ul.bars li.second.hot18 {
    background-position: 0 5px;
}
ul.bars li.second.hot17 {
    background-position: 0 10px;
}
ul.bars li.second.hot16 {
    background-position: 0 15px;
}
ul.bars li.second.hot15 {
    background-position: 0 20px;
}
ul.bars li.second.hot14 {
    background-position: 0 25px;
}
ul.bars li.second.hot13 {
    background-position: 0 30px;
}
ul.bars li.second.hot12 {
    background-position: 0 35px;
}
ul.bars li.second.hot11 {
    background-position: 0 39px;
}
ul.bars li.second.hot10 {
    background-position: 0 44px;
}
ul.bars li.second.hot9 {
    background-position: 0 49px;
}
ul.bars li.second.hot8 {
    background-position: 0 52px;
}
ul.bars li.second.hot7 {
    background-position: 0 57px;
}
ul.bars li.second.hot6 {
    background-position: 0 61px;
}
ul.bars li.second.hot5 {
    background-position: 0 66px;
}
ul.bars li.second.hot4 {
    background-position: 0 71px;
}
ul.bars li.second.hot3 {
    background-position: 0 76px;
}
ul.bars li.second.hot2 {
    background-position: 0 81px;
}
ul.bars li.second.hot1 {
    background-position: 0 86px;
}

ul.bars li.third.hot19 {
    background-position: 0 0px;
}
ul.bars li.third.hot18 {
    background-position: 0 7px;
}
ul.bars li.third.hot17 {
    background-position: 0 14px;
}
ul.bars li.third.hot16 {
    background-position: 0 21px;
}
ul.bars li.third.hot15 {
    background-position: 0 28px;
}
ul.bars li.third.hot14 {
    background-position: 0 35px;
}
ul.bars li.third.hot13 {
    background-position: 0 42px;
}
ul.bars li.third.hot12 {
    background-position: 0 49px;
}
ul.bars li.third.hot11 {
    background-position: 0 56px;
}
ul.bars li.third.hot10 {
    background-position: 0 63px;
}
ul.bars li.third.hot9 {
    background-position: 0 70px;
}
ul.bars li.third.hot8 {
    background-position: 0 77px;
}
ul.bars li.third.hot7 {
    background-position: 0 82px;
}
ul.bars li.third.hot6 {
    background-position: 0 89px;
}
ul.bars li.third.hot5 {
    background-position: 0 96px;
}
ul.bars li.third.hot4 {
    background-position: 0 103px;
}
ul.bars li.third.hot3 {
    background-position: 0 110px;
}
ul.bars li.third.hot2 {
    background-position: 0 117px;
}
ul.bars li.third.hot1 {
    background-position: 0 124px;
}

ul.bars li.fourth.hot19 {
    background-position: 0 0px;
}
ul.bars li.fourth.hot18 {
    background-position: 0 9px;
}
ul.bars li.fourth.hot17 {
    background-position: 0 18px;
}
ul.bars li.fourth.hot16 {
    background-position: 0 27px;
}
ul.bars li.fourth.hot15 {
    background-position: 0 36px;
}
ul.bars li.fourth.hot14 {
    background-position: 0 45px;
}
ul.bars li.fourth.hot13 {
    background-position: 0 54px;
}
ul.bars li.fourth.hot12 {
    background-position: 0 63px;
}
ul.bars li.fourth.hot11 {
    background-position: 0 72px;
}
ul.bars li.fourth.hot10 {
    background-position: 0 81px;
}
ul.bars li.fourth.hot9 {
    background-position: 0 90px;
}
ul.bars li.fourth.hot8 {
    background-position: 0 99px;
}
ul.bars li.fourth.hot7 {
    background-position: 0 108px;
}
ul.bars li.fourth.hot6 {
    background-position: 0 117px;
}
ul.bars li.fourth.hot5 {
    background-position: 0 126px;
}
ul.bars li.fourth.hot4 {
    background-position: 0 135px;
}
ul.bars li.fourth.hot3 {
    background-position: 0 144px;
}
ul.bars li.fourth.hot2 {
    background-position: 0 153px;
}
ul.bars li.fourth.hot1 {
    background-position: 0 164px;
}

ul.bars li.fifth.hot19 {
    background-position: 0 0px;
}
ul.bars li.fifth.hot18 {
    background-position: 0 11px;
}
ul.bars li.fifth.hot17 {
    background-position: 0 22px;
}
ul.bars li.fifth.hot16 {
    background-position: 0 33px;
}
ul.bars li.fifth.hot15 {
    background-position: 0 44px;
}
ul.bars li.fifth.hot14 {
    background-position: 0 55px;
}
ul.bars li.fifth.hot13 {
    background-position: 0 66px;
}
ul.bars li.fifth.hot12 {
    background-position: 0 77px;
}
ul.bars li.fifth.hot11 {
    background-position: 0 88px;
}
ul.bars li.fifth.hot10 {
    background-position: 0 99px;
}
ul.bars li.fifth.hot9 {
    background-position: 0 110px;
}
ul.bars li.fifth.hot8 {
    background-position: 0 121px;
}
ul.bars li.fifth.hot7 {
    background-position: 0 132px;
}
ul.bars li.fifth.hot6 {
    background-position: 0 143px;
}
ul.bars li.fifth.hot5 {
    background-position: 0 157px;
}
ul.bars li.fifth.hot4 {
    background-position: 0 170px;
}
ul.bars li.fifth.hot3 {
    background-position: 0 180px;
}
ul.bars li.fifth.hot2 {
    background-position: 0 192px;
}
ul.bars li.fifth.hot1 {
    background-position: 0 204px;
}