/* Thanks to http://static.flowplayer.org/tools/demos/tooltip/table/style.css */
#mytable { width:885px; padding:15px 0; margin: 0; border-collapse:separate; }
#mytable { font-size:11px !important; }

h2 { color:#d87126; font-size:36px; border-top:45p; width: 358px; height: 75px; background: url("images/members-title.png") no-repeat; text-indent: -9999px; margin-top:30px; }

th { 
color: #4f6b72; color:#002E62; font-weight:bold; 
border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; 
letter-spacing: 2px; text-transform: uppercase; text-align: left; 
padding: 6px 6px 6px 12px; 
background: #C2CEDC url(images/bg-th.gif) repeat; }

th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }

td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; }
td img { cursor:pointer; }

th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
th.spec span { font-size:10px; font-style:normal; color:#4F6B72; text-transform:none; font-family:"Lucida Grande","Lucida Sans Unicode",verdana;  
 font: normal "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", verdana; color: #5f5252;  
 font:normal 10px/11px "Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", verdana; }
 
#mytable th, #mytable td { vertical-align: middle; }

.inner {padding:0; border:none; margin:0;}
th.computer, td.computer, th.hours, td.hours { text-align:center; }

th.nobg, th.spec  {width:180px; margin:0;}
td.inner table tr td.spec { padding-left:40px; border-left:1px solid #C1DAD7; }
th.address, td.address {width:120px; }
th.phone, td.phone {width:115px; }
th.email, td.email {width:130px; width:142px; }
th.computer, td.computer {width:110px; border-collapse:separate; }

tr.highlight th, tr.highlight td { background-color:#f3f6f7; }

td.hours { background-color:#f8fafc; }
td img { margin:0 auto; }

/* get rid of those system borders being generated for A tags */
a:active { outline:none;  }
:focus { -moz-outline-style:none; }
.tooltip { width:340px; height:240px; background-color:#fff; font-size:10px; display:none; border:3px #777; }
.long { width:540px; }
.verylong { width:660px; }
iframe { width:340px; height:240px; }
.long iframe { width:540px; }
.verylong iframe { width:660px; }
.tooltip table { margin:0 auto; }
.tooltip { width:340px; height:240px; background-color:#fff; font-size:10px; display:none; border:3px #777; }
#top {position:relative; width:900px;}
#message {position:absolute; bottom:0; right:10px;}