body { 
	background-color: black; 
	font-family: Verdana, Tahoma, SansSerif, Calibri, Arial; 
	font-size: .9em;
	height: 100%;
}

header { 
	color: white; 
}

.email-text { 
	font-family: Verdana, Tahoma, SansSerif, Calibri, Arial; 
	font-size: .9em;
	color: #C0C0C0; 
	font-style: italic;
}

div.center {  
	margin-left: auto; 
	margin-right: auto; 
}

#divHeader { 
	width: 780px; 
}

#divNav { 
	width: 750px;
	color: white; 
}

#divStatus { 
	width: 440px;
	height: 30px;
	color: white; 
	text-align: center;
	float: left;
}

#divTop { 
	clear:both;
	width: 780px;
	height: 30px;
	text-align: center;
	font-size: 1.3em;
	color: White;
}

#divContent {
	width: 750px;
	padding: 15px;
	background-color: white;
}

#divBottom { 
	width: 780px;
	height: 50px;
	background-image: url(images/bottom.png); 
	text-align: center;
}

#divFooter { 
	width: 750px;
	height: 30px;
	color: white; 
	font-size: .8em;
	font-style: italic;
	text-align: center;
}

#divNavTabs {
	list-style: none;
}

#MAMEver {
	color: Red; 
	font-weight: bold;
}

/* Accordion */
.accordionHeader
{
    /*border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;*/
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      /*color: #FFFFFF;
      background: none;*/
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      /*background: none;*/
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    /*border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;*/
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      /*color: #FFFFFF;
      background: none;*/
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    /*background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 5px;
    /*padding-top: 10px;*/
    padding-left: 20px;
    font-size: .8em;
}

tr:hover {
	background-color: #e1eafe;
}

tr.header:hover {
	background-color: #ffffff;
}
	
div.row:hover {
	background-color: #e1eafe;
}

#header_row {
	border-bottom: solid thin black;
}

span.header-toggle {
	display: inline-block;
	width: 25px;
	text-align: left;
}

span.header-name {
	display: inline-block;
	width: 200px;
	text-align: left;
}


span.header-size {
	display: inline-block;
	width: 200px;
	text-align: center;	
}


span.header-details {
	display: inline-block;
	width: 100px;
	text-align: center;	
}

span.toggle {
	display: inline-block;
	width: 25px;
	height: 36px;
	text-align: center;
}

span.name {
	display: inline-block;
	width: 200px;
	height: 30px;
	text-align: left;
}


span.size {
	display: inline-block;
	width: 200px;
	height: 30px;
	text-align: center;	
}


span.details {
	display: inline-block;
	width: 100px;
	height: 30px;
	text-align: center;	
}