﻿html, body { height: 100%; } 
TD { 
	font-family: arial, helvetica;
	font-size: 12px;
}
A {
	text-decoration: none;
	color: #76C2F7;
	font-weight: bold;
}
A:hover { 
	text-decoration: underline;
}
h1{
	font-size: 14px;
	/*white-space:nowrap;*/
}
h2{
	font-size: 12px;
}
.mainImg{
	border: 2px #d3d3d3 dotted; 
}
TD.nav
{
	font-size: 11px;
	text-align:center;
	height: 20px;
	background-color: #EFF8FE;
	padding: 2px;
}
TD.nav a
{
    white-space: nowrap;
}
DIV.panda_news
{
	margin-bottom: 10px;
}
#pandaHeader, #pandaBody  
{
	border-bottom: 2px solid #76C2F7;
}
#pandaHeader
{
	font-size: 0px;
}
.panda-table  
{
    width:478px;
    box-sizing: border-box;
}
.panda-fade  
{
    width: 10px;
    box-sizing: border-box;
    background-repeat:repeat-y;
}
#pandaHeaderImage  
{
    width: 458px; 
    border: 0px;
}
.panda-book  
{
    background-color: white;
    vertical-align:top;
    padding: 12px 6px 12px 12px; 
    width: 20%; 
    max-width: 160px;
}
.panda-content  
{
    background-color: white;
    vertical-align:top;
    padding: 12px 12px 12px 6px; 
    width: 80%;
}
.panda-content img
{
    max-width: 290px;
    margin-bottom: 6px;
}
.panda-top  
{
    display:none;   
    background-color: #ffffaa;
    padding: 6px;
}
.show-mobile  
{
    display:block;
}
.hide-mobile  
{
    display:none;
}
@media only screen and (min-width: 800px) 
{
    td.hide-mobile  
    {
        display:table-cell ;
    }
    div.hide-mobile  
    {
        display:block;
    }
    .panda-top  
    {
        display:none;   
    }
    .panda-table  
    {
        width:800px;
    }
    #pandaHeaderImage  
    {
        width: 780px; 
    }
    .panda-book  
    {
        padding: 20px;
    }
    .panda-content  
    {
        padding: 20px 20px 20px 0px; 
    }
    td.nav  
    {
        background-image: url('/images/fade-m.gif');
        padding: 0px;        
    }
}