body {

height: 100%;

/*background-color: #104E8B;*/

background-color:#A0A0A0;

margin-left: 0px;

margin-right: 0px;	

margin-bottom: 0px;

margin-top: 0px;

padding: 0px;

}

#sisterSites {
z-index:2;
position:absolute;
top:18px;
right:15px;
font-weight:900;
font-size:11px;
}

.sisterSitesHeaderLinks {
  position:relative;
  top:0px;
  right:0px;
}

/* begin image upload styles */



.upload_message_success {

	padding:4px;

	background-color:#009900;

	border:1px solid #006600;

	color:#FFFFFF;

	margin-top:10px;

	margin-bottom:10px;

}



.upload_message_error {

	padding:4px;

	background-color:#CE0000;

	border:1px solid #990000;

	color:#FFFFFF;

	margin-top:10px;

	margin-bottom:10px;

}



/* end image upload styles */



/* begin niceforms styles */



/*Forms defaults*/

input, textarea {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#404040;

}

label {

	color:#999;

	cursor:pointer;

	padding-left:2px;

	line-height:15px;

	vertical-align:top;

}

label.chosen {

	color:#333;

}



/*Transparent items*/

.transparent {

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity: 0;

	border:0px solid #FFF;

	background:#FFF;

	z-index:10;

	cursor:pointer;

}

.transparentFake {

	background:none;

	border:none;

}

.transparent2 {

	z-index:10;

}



/*Radio buttons*/

.radioAreaUnchecked, .radioAreaChecked {

	z-index:5;

	position:absolute;

	width:15px;

	height:15px;

	cursor:pointer;

}

.radioAreaUnchecked {

	background:url(images/radio.gif) no-repeat left top;

}

.radioAreaChecked {

	background:url(images/radio.gif) no-repeat left bottom;

}



/*Checkboxes*/

.checkboxAreaUnchecked, .checkboxAreaChecked {

	z-index:5;

	position:absolute;

	width:14px;

	height:14px;

	cursor:pointer;

}

.checkboxAreaUnchecked {

	background:url(images/checkbox.gif) no-repeat left top;

}

.checkboxAreaChecked {

	background:url(images/checkbox.gif) no-repeat left bottom;

}



/*Text inputs*/

.textinput, .textinputHovered {

	width:236px;

	height:15px;

	background:url(/images/input.gif) no-repeat left top;

	border:none;

	padding:4px 8px;

}

.textinputHovered {

	background-position:left bottom;

}



/*Text areas*/

.textarea, .textareaHovered {

	width:336px;

	height:125px;

	background:url(images/textarea.gif) no-repeat left top;

	border:none;

	padding:4px 8px;

}

.textareaHovered {

	background-position:left bottom;

}



/*Selects*/

.selectArea {

	width:200px;

	height:21px;

	background:url(images/select_bg.gif) repeat-x left top;

}

.selectArea .left {

	width:8px;

	height:21px;

	float:left;

	background:url(images/select_left.gif) no-repeat left top;

}

.selectArea .right {

	width:21px;

	height:21px;

	float:right;

	background:url(images/select_right.gif) no-repeat left top;

}

.selectArea .right a {

	display:block;

	width:21px;

	height:21px;

}

.selectArea .right i {

	display:none;

}

.selectArea .center {

	width:160px;

	margin-left:5px;

	margin-right:20px;

	color:#FFF;

	padding-top:3px;

}



/*Selects drop-down*/

.optionsDivInvisible, .optionsDivVisible {

	position:absolute;

	margin-top:-1px;

	margin-left:3px;

	width:172px;

	background:#6f7074;

	padding:2px;

	font-size:11px;

	z-index:20;

}

.optionsDivInvisible {

	display:none;

}

.optionsDivVisible {

	display:block;

}

.optionsDivVisible p {

	margin:0;

	padding:0;

}

.optionsDivVisible a {

	color:#F2F2F2;

	text-decoration:none;

	display:block;

	padding:1px 4px;

	border:1px solid #6f7074;

}

.optionsDivVisible a:hover {

	color:#FFF;

	background:#5F6062;

	border-color:#cfd0d6;

}



/*Button*/

.buttonSubmit, .buttonSubmitHovered {

	width:69px;

	height:26px;

	color:#FFF;

	font-weight:bold;

	padding:2px 5px;

	background:url(images/button.gif) no-repeat left top;

	cursor:pointer;

	border:none;

}

.buttonSubmitHovered {

	background-position:left bottom;

}



/*Test div - testing if stylesheets are enabled*/

#stylesheetTest {

	position:absolute;

	left:-999px;

	width:10px;

	height:10px;

}



/* end niceforms styles */





/* lightbox for header 'post' start form */



.black_overlay{

    display: none;

    position: absolute;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    background-color: black;

    z-index:1001;

    -moz-opacity: 0.7;

    opacity:.70;

    filter: alpha(opacity=70);

}



.white_content {

    display: none;

    position: absolute;

    top: 30px;

    left: 27%;

    width: 270px;

    height: 300px;

    padding: 16px;

    border: 16px solid #777777;

    background-color: white;

    z-index:1002;

    overflow: auto;

}



/* end lightbox for header 'post' start form */





.features_desc {   /* hidden features desc */

  margin: 0px 0px 10px 0px;

  display: none;

	position:relative;

	top:0px;

	left: 0px;

	width:222px;

}









#header_join_form {

  margin: 0px 0px 0px 0px;

  display: none;

	position:absolute;

	top:0px;

	left: 0px;

	width:700px;

}



.header_form_styles {

width:700px;

height:25px;

background-color:#777777;

border-width:0px 1px 1px 1px;

border: dotted #cccccc;

padding:5px 5px 5px 50px;

}





/* begin header 'very top' links */



a#header_join_form_link {

	color:#cccccc;

  z-index:2;

  position:relative;

  top:9px;

  left:14px;

	font-weight:900;

}



a#header_login_link {

	color:#cccccc;

  z-index:2;

  position:relative;

  top:9px;

  left:15px;

	font-weight:900;

}



a#header_verytop_link {

	color:#cccccc;

  z-index:2;

  position:relative;

  top:9px;

  left:20px;

	font-weight:900;

}



a#header_ebook_link {

	color:#cccccc;

  z-index:2;

  position:relative;

  top:9px;

  left:11px;

	font-weight:900;

}



/* end header 'very top' links */



.footerlinks {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:900;

color:#777777;

}



#footer {

position:relative;

left: 0px;

padding:11px 0px 9px 15px;

background-image: url(/images/footer_fade_v2.gif);

background-position: top;

backgroud-repeat: repeat-x;

background-color: #cccccc;

}



#container { /* to center the whole site*/

  margin: 0 auto;

  width: 800px;

  text-align: left;

	/*background-image: url(/images/bg_left.jpg);*/

	background:#ffffff;

	

}



.all_except_footer {

background-color:#ffffff;

}



.maincontent {

position:relative;

top:0px;

left:20px;

width:760px;

background-color:#ffffff;

/*background-image: url(/images/borderfade.jpg);*/

background-position: right;

backgroud-repeat: repeat-y;

padding-top:7px;

padding-bottom:0px;

margin: 0px;

}



#simple_signup_ebook {

position: relative;

left: 10px;

top: 0px;

padding:20px 0px 20px 20px;

margin:12px 31px 30px 15px;

width: 180px;

border: 5px dotted #cccccc;

background-color: #777777;

}





/* -- ---> begin header css <--- -- */



#header_box {

position:relative;

top:0px;

left:0px;

width:760px;

height:125px;

background-color:#FFFFFF;

margin: 0 auto;

text-align: left;

}



#logo {

position:relative;

left:15px;

top:47px;

z-index:1;

}



#adminmenu {

position:relative;

top:0px;

left:14px;

background-color: #cccccc;

width:760px;

border: 3px dotted #000000;

z-index:99;

padding:5px;

}



#headerbanner_mark {

color:#cccccc;

background-color:#ffffff;

z-index:6;

position:absolute;

top:42px;

left:529px;

}



#headerbanner {

position:relative;

top: -23px;

left: 285px;

width:460px;

z-index: 5;

border: dashed #cccccc;

border-width: 1px 0px 0px 1px;

}



#welcome {

z-index:2;

position:absolute;

top:7px;

left:300px;

font-size:13px;

color:#484845;

}



#balance {

z-index:2;

position:absolute;

top:7px;

left:465px;

font-size:13px;

color:#484845;

}



#signing {

z-index:2;

position:absolute;

top:9px;

left:700px;

font-size:10px;

color:#484845;

}



/* -- ---> end header styles <--- -- */







/* -- ---> begin ./signin page styles <--- -- */



#register {

position: relative;

top: -400px;

left: 300px;

width: 300px;

border: 1px dotted #777777;

padding: 15px;

margin-bottom: 30px;

background-color: #e5e5e5;

}



#memberlogin {



position: relative;

top: 10px;

left: 30px;

width: 222px;

border: 1px dotted #777777;

padding: 15px;

margin-bottom: 30px;

background-color: #e5e5e5;

}



/* -- ---> end ./signin page styles <--- -- */



.hr2 {

width: 350px;

color: #cccccc;

background-color: #cccccc;

height: 5px;

margin:10px;

}



.sponsor_cat { /* ad spot on the browse pages */

position:relative;

top:25px;

left:130px;



text-align:center;

width:500px;

}



.sponsor_cat_advertise_here {

position:relative;

top:25px;

left:333px;

}



hr {

position:relative;

right:15px;

width: 678px;

color: #cccccc;

background-color: #cccccc;

height: 5px;

}



#social_bookmarking {

position:relative;

top: 8px;

width: 710px;

background-color:#cccccc;

padding:5px 0px 3px 5px;

border: 1px solid #777777;

border-bottom-width: 0px;

}



.tinybox {

position:relative;

background-image: url(/images/bluetab2.jpg);

text-align: center;

color: #FFFFFF;

padding: 2px 0px 0px 0px;

margin: 2px 5px 0px 15px;

width: 130px;

}



.tinyboxcontent {

position:relative;

border: #CCCCCC;

border-style: solid;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

padding: 6px;

margin: 0px 5px 0px 15px;

width: 113px;

}



.tinyboxcontent a {

font-size: 12px;

}



.disp_array {

position:relative;

left: 20px;

padding: 12px;

width: 678px;

border: 9px dotted #cccccc;

}



#shops_browse {

border-bottom: 0px solid #cccccc;

border-right: 0px groove #cccccc;

}



#umbrella {

position: relative;

left: 7px;

width: 315px;

z-index:1;

}



#search_shops {

position:relative;

left: 15px;

top: 22px;

z-index:2;

padding:0px 7px 7px 5px;

background-color: #cccccc;

border-width: 0px 3px 1px 0px;

border: solid #777777;

}



.message {

position: relative;

left: 10px;

top: 0px;

padding:37px 10px 10px 20px;

margin:12px 31px 10px 15px;

width: 456px;

border: 5px dotted #cccccc;

background-color: #777777;

}



.message_display {

margin:0px 10px 10px 10px;

padding:10px;

background-color:#FFFFFF;

}



.message_title {

position: relative;

left:0px;

width: 200px;

color: #777777;

text-decoration: underline;

font-size: 18px;

padding: 5px 0px 5px 25px;

margin: 0px 0px 10px 0px;

background-color: #FFFFFF;

border: 1px groove #777777;

}



#newpost {

position: relative;

left: 22px;

top: 22px;

font-size: 14px;

font-weight: 567;

text-decoration:underline;

padding: 3px 5px 0px 0px;

color: #0949a0;

}



.breadcrumbs {

position: relative;

left: 17px;

font-weight: 900;

font-size: 12px;

color: #0949a0;

}



.forum_title {

position: relative;

float: left;

clear: both;

left:33px;

font-size: 22px;

padding: 15px 0px 0px 5px;

}



.thread_subject {

position: relative;

background-color: #cccccc;

margin: 10px;

}



.thread_author {

position: relative;

left: 22px;

background-color: #cccccc;

}



.thread_mtext {

position: relative;

left: 22px;

border: 5px dotted #cccccc;

padding: 10px;

text-align: justify;

}



.thread_footer {

position:relative;

height: 16px;

left: 22px;

}



.thread_link {

position: relative;

float: right;

left: 0px;

font-size: 11px;

padding: 3px 5px 0px 0px;

}



.dropdown {

position:relative;

float:left;

clear:both;

padding: 2px 0px 7px 5px;

}



.grey {

color:#cccccc;

}



.sitemap {

position: relative;

top: 10px;

left: 15px;

padding-bottom: 30px;

}



.formbutton{

cursor:pointer;

border:outset 1px #ccc;

background:#999;

color:#666;

font-weight:bold;

padding: 1px 2px;

background:url(/images/formbg.gif) repeat-x left top;

}



.barterfest_banners {

  padding: 15px;

}



#signup, #signin, #signout {

color:#484845;

}



#signout {

position:relative;

left:33px;

}



#fruit {

position:relative;

top:15px;

left:17px;

}



#sponsors {

z-index:2;

position:absolute;

top:95px;

left:333px;

font-size:11px;

color:#999999;

}



#balancedata {

color:#339900;

position:relative;

top:-16px;

left:100px;

}



a {

font-family: Arial, Helvetica, sans-serif;

color: #000000;

font-weight: normal;

border-style:none;

}



input {

background-image: url(/images/inputbg.gif);

border: #000000;

border-style: solid;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

padding-left: 5px;

}



img {

	border-style:none;

}



h1 {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: white;

	font-weight: bold;

	background-position: 0px 0px;

	text-decoration: none;

	background-color: #0b4597;

	text-align: center;

}



h1.index {

font-family: "Century Gothic", Arial, Helvetica, sans-serif;

position:absolute;

font-size: 17px;

font-weight: bold;

background-position: 0px 0px;

text-decoration: none;

color: #777777;

background-color: #cccccc;

text-align: left;

top:-12px;

left:250px;

width:55px;

z-index:2;

}



h1.content {

  position:relative;

	left: -10px;

	top:15px;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: bold;

	background-position: 0px 0px;

	text-decoration: none;

	background-image: url(/images/h1contentbg.jpg);

	text-align: center;

	border: 1px solid #9F9F9F;

}



h2 {

	color:#0a479a;

}



p {font-family: "Trebuchet MS", "Helvetica", sans-serif; color:#000000; text-indent: 10px;	text-align: justify;

		font-size: 14px;

}



/* set the image to use and establish the lower-right position */



.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 

		background: transparent url(/images/demobox.png) no-repeat bottom right; 

}



.cssbox {

    width: 335px !important; /* intended total box width - padding-right(next) */ 

		width: 320px; /* IE Win = width - padding */ 

		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 

		margin: 20px auto; /* use to position the box */ 

} 



/* set the top-right image */ 



.cssbox_head {

     background-position: top right;

		 margin-right: -15px; /* pull the right image over on top of border */ 

		 padding-right: 40px; /* right-image-gap + right-inside padding */ 

}



/* set the top-left image */ 

.cssbox_head h2 { 

     background-position: top left; 

		 margin: 0; /* reset main site styles*/ 

		 border: 0; /* ditto */ 

		 padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 

		 height: auto !important; height: 1%; /* IE Holly Hack */ 

}



/* set the lower-left corner image */

.cssbox_body {

     background-position: bottom left;

		 margin-right: 25px; /* interior-padding right */

		 padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */

} 



.topright {

	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;

	font-size: 10px;

	text-decoration: none;

}



.content {

	position: relative;

	left:15ex;

}



.center {

	text-align: center;

}



#center {

	text-align: center;

}



.items {

	text-align: left;

}



.bluebar {

	background-color: #3366cc;

}



.white {

	background-color: #ffffff;



}



.large {

	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;

	font-size: 36px;

	font-weight: bold;

	text-decoration: none;

}



.text {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        color: black;

        font-weight: normal;

        text-decoration: none;

}



.barterbucks {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: italic;

}

.featured {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: normal;

}



.normal {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: normal;

}

.rbar {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: black;

	font-weight: bold;

	background-position: 0px 12px;

	text-decoration: none;

}

.sbar {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: black;

	font-weight: normal;

	background-position: 0px 12px;

}

.bbar {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: black;

	font-weight: normal;

	background-position: 0px 12px;

}

.wbar {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #777777;

	font-weight: bold;

	background-position: 0px 0px;

	text-decoration: none;

	text-align: center;

	padding: 20px;

}

.stext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: black;

	font-weight: normal;

	background-position: 0px 12px;

	text-decoration: none;

}

.style4 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: xx-small; color: black; font-weight: normal; background-position: 0px 12px; }

.style6 {

	font-size: xx-small;

	color: #FFFFFF;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

}





/* menu styles */



.headermenu {

z-index:10;

position:relative;

top:0px;

left:0px;

background-color:#ffffff;

width:100%;

background:url(/images/menu.gif) repeat-x top left; 

/*width:780px; */



}



.menu {

width:760px;

font-size:0.85em;

position:relative;

z-index:100;

}

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/drop_examples.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

 /* common styling */

.menu {

width:760px;

margin: 0 auto;

font-family: verdana, arial, sans-serif;

font-size:11px;

background:url(/images/menu.gif) repeat-x top left; 

border-top:0px solid #4c597f;

border-bottom:0px solid #4c597f;

}

.menu ul {

padding:0;

margin:0;

list-style-type:none;

}

.menu ul li {

float:left;

position:relative;

background:url(/images/divider1.gif) no-repeat top right;

}

.menu ul li a, .menu ul li a:visited {

float:left;

display:block;

text-decoration:none;

color:#ddf;

padding:3px 16px; line-height:25px; height:30px; border-bottom:0px solid #fff; 

}



.menu ul li:hover {width:auto;}



.menu ul li a.menuone:hover {border-color:#999999; color:#999999;}

/*.menu ul li a.menuone:hover {border-color:#c00; color:#f88;}*/

.menu ul li a.menutwo:hover {border-color:#c60; color:#fc0;}

.menu ul li a.menuthree:hover {border-color:#cc0; color:#cc0;}

.menu ul li a.menufour:hover {border-color:#080; color:#0e0;}

.menu ul li a.menufive:hover {border-color:#00c; color:#aaf;}

.menu ul li a.menusix:hover {border-color:#c0c; color:#f8f;}



.menu ul li:hover a.menuone {border-color:#c00; color:#f88;}

.menu ul li:hover a.menutwo {border-color:#c60; color:#fc0;}

.menu ul li:hover a.menuthree {border-color:#cc0; color:#cc0;}

.menu ul li:hover a.menufour {border-color:#080; color:#0e0;}

.menu ul li:hover a.menufive {border-color:#00c; color:#aaf;}

.menu ul li:hover a.menusix {border-color:#c0c; color:#f8f;}



.menu ul li ul {

display: none;

}

.menu table {

margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;

}



/* specific to non IE browsers */

.menu ul li:hover ul {

display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;

}

.menu ul li:hover ul.endstop {

left:-92px;

}

.menu ul li:hover ul li ul {

display: none;

}

.menu ul li:hover ul li a {

display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;

}

.menu ul li:hover ul li a.drop {

background:#ccd url(/images/bullet1.gif) no-repeat 3px 8px;

}

.menu ul li:hover ul li a:hover {

color:#000; background: #ccd url(/images/bullet1.gif) no-repeat 3px 8px;

}

.menu ul li:hover ul li a:hover.drop {

background: #ccd url(/images/bullet1.gif) no-repeat 3px 8px;

}

.menu ul li:hover ul li:hover ul {

display:block; position:absolute; left:153px; top:-1px;

}

.menu ul li:hover ul li:hover ul.left {

left:-153px;

}







/* specific to IE5.5 and IE6 browsers */

.menu ul li a:hover ul {

display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;

}



.menu ul li a:hover ul.endstop {

left: -92px;

}

.menu ul li a:hover ul li a {

display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;

}

.menu ul li a:hover ul li a.drop {

background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;

}

.menu ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; width:0;

}

.menu ul li a:hover ul li a:hover {

color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;

}

.menu ul li a:hover ul li a:hover.drop {

 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;

}

.menu ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; top:0;color:#000; left:153px;

}

.menu ul li a:hover ul li a:hover ul.left {

left:-153px;

}

</style>

<!--[if lte IE 5.5]>

<style type="text/css">

.menu ul li a, .menu ul li a:visited {height:33px;}

</style>

<![endif]-->





/* end menu */







/* javascript keypad styles */



#keyboardInputMaster {

  position:absolute;

  border:2px groove #dddddd;

  background-color:#dddddd;

  padding:3px 5px;

  text-align:left;

  z-index:1000000;

  _width:300px;

}



#keyboardInputMaster select,

#keyboardInputMaster label {

  font:normal 11px Arial,sans-serif;

}

#keyboardInputMaster span {

  position:absolute;

  top:5px;

  padding:1px 4px;

  font:bold 11px Arial,sans-serif;

  border:1px outset #aaaaaa;

  background-color:#cccccc;  

  cursor:pointer;

}

#keyboardInputMaster span#keyboardInputClose {

  right:5px;

}

#keyboardInputMaster span#keyboardInputClear {

  right:25px;

}

#keyboardInputMaster span.pressed {

  border:1px inset #999999;

  background-color:#bbbbbb;  

}



#keyboardInputMaster div {

  margin-top:3px;

}

#keyboardInputMaster div div {

  text-align:left;

  margin:0px;

}

#keyboardInputMaster div div.keyboardInputCenter {

  text-align:center;

}

#keyboardInputMaster div div ul {

  list-style-type:none;

  margin:0px;

  padding:0px;

  text-align:left;

  height:20px;

  white-space:nowrap;

}

#keyboardInputMaster div div.keyboardInputCenter ul {

  text-align:center;

}

#keyboardInputMaster div div ul li {

  display:inline;

  vertical-align:middle;

  padding:3px 5px 4px 5px;

  white-space:pre;

  font:normal 11px 'Lucida Console',monospace;

  border-top:1px solid #dddddd;

  border-right:1px solid #5d5d5d;

  border-bottom:1px solid #5d5d5d;

  border-left:1px solid #dddddd;

  background-color:#eeeeee;

  cursor:default;

  line-height:20px;

}

#keyboardInputMaster div div ul li.alive {

  background-color:#ccccdd;

}

#keyboardInputMaster div div ul li.target {

  background-color:#ddddcc;

}

#keyboardInputMaster div div ul li.hover {

  border-top:1px solid #d5d5d5;

  border-right:1px solid #555555;

  border-bottom:1px solid #555555;

  border-left:1px solid #d5d5d5;

  background-color:#cccccc;

}

#keyboardInputMaster div div ul li.pressed,

#keyboardInputMaster div div ul li.dead {

  border-top:1px solid #555555;

  border-right:1px solid #d5d5d5;

  border-bottom:1px solid #d5d5d5;

  border-left:1px solid #555555;

  background-color:#cccccc;

}



.keyboardInputInitiator {

  margin-left:3px;

  vertical-align:middle;

  cursor:pointer;

}