@media interactive, braille, emboss, handheld, projection, screen, tty, tv {

/******************
CONTENT FOR ALL PANELS
******************/

.panel {
	font-size:.68em;
	}

/******************
OUTER PART OF PANNELS
******************/

/* ABOUT THE PANEL CSS BELOW */
/* BROWSERS THAT DON'T RENDER 32bit PNGs USE THE STYLES THAT START WITH AN UNDERSCORE "_" */
/* BROWSERS THAT RENDER 32bit PNGs USE ALL THE OTHER STYLES */

table.panel {
	}
	
td.panel-topleft{
	width:20px;
	height:13px;
	background:url(corner-panel-topleft.png) no-repeat bottom right;
	}

td.panel-top{
	height:13px;
	background:url(corner-panel-top.png) repeat-x bottom;
	}

td.panel-topright{
	width:13px;
	height:13px;
	background:url(corner-panel-topright.png) no-repeat bottom left;
	}

td.panel-left{
	width:20px;
	background:url(corner-panel-left.png) repeat-y right;
	}
	
td.panel-content {
	vertical-align:top;
	background:url(corner-panel-content.png);
	/* NOTE: THIS PNG FILE MUST BE 1px by 1px FOR THE PANELS TO BE ACCESSIBLE IN IE */
	}
 
td.panel-right{
	width:13px;
	background:url(corner-panel-right.png) repeat-y;
	}
  
td.panel-bottomleft{
	width:20px;
	height:19px;
	background:url(corner-panel-bottomleft.png) no-repeat right;
	}
  
td.panel-bottom{
	height:19px;
	background:url(corner-panel-bottom.png) repeat-x;
	}
  
td.panel-bottomright{
	width:13px;
	height:19px;
	background:url(corner-panel-bottomright.png) no-repeat;
	}

/******************
INNER PART OF PANNELS
******************/

table.panel-inner {
	}
	
td.panel-inner-topleft{
	width:8px;
	height:8px;
	background:url(corner-panel-inner-topleft.png) no-repeat bottom left;
	}
	
td.panel-inner-topleft-square{
	width:8px;
	height:8px;
	background:url(corner-panel-inner-content.png);
	}

td.panel-inner-top{
	height:8px;
	background:url(corner-panel-inner-content.png);
	}

td.panel-inner-topright{
	width:8px;
	height:8px;
	background:url(corner-panel-inner-topright.png) no-repeat bottom left;
	}

td.panel-inner-left{
	width:8px;
	background:url(corner-panel-inner-content.png);
	}
	
td.panel-inner-content {
	vertical-align:top;
	padding:5px 0 5px 10px;
	background:#FFFFFF;
	background:url(corner-panel-inner-content.png);
	/* NOTE: THIS PNG FILE MUST BE 1px by 1px FOR THE PANELS TO BE ACCESSIBLE IN IE */
	}
 
td.panel-inner-right{
	width:8px;
	background:url(corner-panel-inner-content.png);
	}
  
td.panel-inner-bottomleft{
	width:8px;
	height:8px;
	background:url(corner-panel-inner-bottomleft.png) no-repeat;
	}
  
td.panel-inner-bottom{
	height:8px;
	background:url(corner-panel-inner-content.png);
	}
  
td.panel-inner-bottomright{
	width:8px;
	height:8px;
	background:url(corner-panel-inner-bottomright.png) no-repeat;
	}
	
/******************
TABS INSIDE ANY PANEL
******************/

td.tab-panel-inner {
	text-align:center;
	vertical-align:middle;
	width:114px;
	height:30px;
	background:url(tab-panel-inner.png) no-repeat;
	/* NOTE: USING THE IE FILTER HERE WOULD MAKE THE TABS UNACCESSIBLE IN IE */
	}

td.tab-panel-inner-dim {
	text-align:center;
	vertical-align:middle;
	width:114px;
	height:30px;
	background:url(tab-panel-inner-dim.png) no-repeat;
	/* NOTE: USING THE IE FILTER HERE WOULD MAKE THE TABS UNACCESSIBLE IN IE */
	}

/******************
LOGIN PANEL
******************/

#panel-login { 
	position:absolute;
	top:28px;
	left:632px;
/*  left:548px; */
	z-index:5;
	visibility:hidden;
	}

#panel-login table.panel{ 
	width:350px;
	}

#panel-login td.panel-content{
	vertical-align:top;
	width:317px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-login table.panel-inner{ 
	width:317px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-login {
	position:absolute;
	top:0px;
	left:662px;
/*	left:572px; */
	z-index:6;
	width:69px;
	height:24px;
    font-size:.7em;
	font-weight:bold;
	font-family:Arial Narrow, Tahoma, Helvetica-Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background:url(tab-login.gif) no-repeat;
	padding:6px 0 0 36px;
	visibility:hidden;
	}

/******************
REGISTRATION PANEL
******************/

#panel-register { 
	position:absolute;
	top:28px;
	left:632px;
/*	left:548px; */ 
	z-index:5;
	visibility:hidden;
	}

#panel-register table.panel{ 
	width:380px;
	}

#panel-register td.panel-content{
	vertical-align:top;
	width:347px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-register table.panel-inner{ 
	width:347px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-register {
	position:absolute;
	top:0px;
	left:662px;
/*	left:572px; */ 
	z-index:6;
	width:69px;
	height:24px;
    font-size:.7em;
	font-weight:bold;
	font-family:Arial Narrow, Tahoma, Helvetica-Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background:url(tab-login.gif) no-repeat;
	padding:6px 0 0 36px;
	visibility:hidden;
	}
	
/******************
NEW ARTICLE PANEL
******************/

#panel-new-article { 
	position:absolute;
	top:28px;
	left:430px;
	z-index:5;
	visibility:hidden;
	}

#panel-new-article table.panel { 
	width:500px;
	}

#panel-new-article td.panel-content {
	vertical-align:top;
	width:467px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-new-article table.panel-inner{ 
	width:467px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-new-article {
	position:absolute;
	top:0px;
	left:466px;
	z-index:6;
	width:92px;
	height:24px;
    font-size:.7em;
	font-weight:bold;
	font-family:Arial Narrow, Tahoma, Helvetica-Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background:url(tab-new-article.gif) no-repeat;
	padding:6px 0 0 26px;
	visibility:hidden;
	}
	
/******************
SEARCH PANEL
******************/

#panel-search { 
	position:absolute;
	top:28px;
	left:317px;
	z-index:5;
	visibility:hidden;
	}

#panel-search table.panel { 
	width:570px;
	}

#panel-search td.panel-content {
	vertical-align:top;
	width:537px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-search table.panel-inner{ 
	width:537px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-search {
	position:absolute;
	top:0px;
	left:364px;
	z-index:6;
	width:80px;
	height:24px;
    font-size:.7em;
	font-weight:bold;
	font-family:Arial Narrow, Tahoma, Helvetica-Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background:url(tab-search.gif) no-repeat;
	padding:6px 0 0 38px;
	visibility:hidden;
	}

/******************
CONTENTS PANEL
******************/

#panel-contents { 
	position:absolute;
	top:28px;
	left:230px;
	z-index:5;
	visibility:hidden;
	}

#panel-contents table.panel { 
	width:570px;
	}

#panel-contents td.panel-content {
	vertical-align:top;
	width:537px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-contents table.panel-inner{ 
	width:537px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-contents {
	position:absolute;
	top:0px;
	left:272px;
	z-index:6;
	width:84px;
	height:24px;
    font-size:.7em;
	font-weight:bold;
	font-family:Arial Narrow, Tahoma, Helvetica-Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background:url(tab-contents.gif) no-repeat;
	padding:6px 0 0 34px;
	visibility:hidden;
	}


/******************
POST COMMENTS PANEL
******************/

#panel-comments { 
	position:absolute;
	top:56px;
	left:120px;
	z-index:5;
	visibility:hidden;
	}

#panel-comments table.panel{ 
	width:570px;
	}

#panel-comments td.panel-content{
	vertical-align:top;
	width:537px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-comments table.panel-inner{ 
	width:537px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-comments {
	position:absolute;
	top:21px;
	left:482px;
	z-index:6;
	width:119px;
	height:26px;
	text-transform:uppercase;
	text-decoration:none;
    font-weight:bold;
    font-size:10pt;
	font-family:arial narrow, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	background:url(tab-comments.gif) no-repeat;
	padding:10px 0 0 29px;
	visibility:hidden;
	}

/******************
INSERT LINK PANEL (ALL THREE TABS)
******************/

.tab-spacer {
	padding:2px;
	}

#panel-link, 
#panel-link-contents,
#panel-link-new { 
	position:absolute;
	top:47px;
	left:50px;
	z-index:5;
	visibility:hidden;
	}

#panel-link table.panel, 
#panel-link-contents table.panel,
#panel-link-new table.panel{ 
	width:570px;
	}

#panel-link td.panel-content, 
#panel-link-contents td.panel-content,
#panel-link-new td.panel-content{
	vertical-align:top;
	width:537px; /*this + 33px must = the previous rule's width */
	}

/* OUTSIDE PANEL */
#panel-link table.panel-inner, 
#panel-link-contents table.panel-inner,
#panel-link-new table.panel-inner{ 
	width:537px; /*this should = the previous rule's width */
	}

/* TAB */
#panel-tab-link, 
#panel-tab-link-contents,
#panel-tab-link-new {
	position:absolute;
	top:14px;
	left:502px;
	z-index:6;
	width:10px;
	height:24px;
	text-transform:uppercase;
	text-decoration:none;
    font-weight:bold;
    font-size:10pt;
	font-family:arial narrow, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	background:url(tab-link.gif) no-repeat;
	padding:10px 0 0 29px;
	visibility:hidden;
	}

/* END BY CLOSING THE @MEDIA DECLARATION */

}