/* for MPEGIF Logo Site */

BODY { margin: 0; padding: 0; }
FORM { margin: 0; padding: 0; }
TABLE { margin: 0; padding: 0; border:0;}
IMG {border: 0;}

H2 {margin: 0 0 20px 0; padding: 0; line-height: 140%; font-size: 18px;}
H3 {margin: 0 0 16px 0; padding: 0; line-height: 140%; font-size: 15px;}
H4 {margin: 0 0 14px 0; padding: 0; line-height: 140%; font-size: 13px;}
P  {margin: 0 0 10px 0; line-height: 140%; font-size: 11px;}
UL LI, OL LI { margin: 8px 0;}

#logoBody { background-image: url(bg.gif); border: 1px solid #069; width: 750px;} /* whole page */
.logoSmall { font-size: 9px;}

.logoHead { border-bottom: 12px solid #069; padding-bottom: 5px; } /* top masthead of page */
.logoLeft { width: 170px; float: left; margin: 0; padding: 16px; } /* left col - padding instead of margin - IE 6 adds to left with margin */
.logoMain { background-color: #f6f6f6; width: 515px; padding: 2px; /* main col - width needed here for IE bug */
						margin: 16px 16px 16px 210px; border: 0; text-align: left; }
.logoFull { background-color: #f6f6f6;  padding: 2px; /* full width col, no sidebar */
						margin: 16px ; border: 0; text-align: left; }

/* look of all displayed tables in site */
.logoTable, .logoForm, .logoFormFull { border-collapse: collapse; border: 3px solid gray; font-size: 11px;}

/* tables in product directory, edit pages, etc */
.logoTable TD {border: 1px solid gray; padding: 3px; vertical-align: top;}
.thd TD { background-color: #555; color: #fff; border: 0; text-align: center;} /* this is for product list, opera can't take multiple THEADs */
.logoTable THEAD { background-color: #555; color: #fff;}
.logoTable THEAD TD {/* border: 0; */ text-align: center;}
.logoTableShade { background-color: #ccc; }

.logoHelpTable TD {vertical-align: text-top; padding: 3px 3px 12px 3px; }
.logoHelpTableDef {font-weight: bold; width: 20%;}

/* forms on edit pages, etc name in reverse at top, submit in reverse at bottom */
.logoFormFull {width: 500px;}
.logoForm THEAD, .logoFormFull THEAD { background-color: #bbb; }
.logoForm TH, .logoFormFull TH { background-color: #aaa; 
	font-weight: bold; color: white; padding: 5px 0; text-align: center;}
/* .logoForm TR, .logoFormFull TR {border: 1px solid gray; }*/
.logoForm TD, .logoFormFull TD {border: none; padding: 6px ; vertical-align: text-top;}
.logoFormNote {font-size: 9px; padding-top: 0px; padding-bottom: 4px;}
.logoForm INPUT {border: 1px solid gray; font-size: 11px;}
.logoFormBox {width: 350px;}

/* table inside logoForm - used on productSearch and editCodecDetail */
.logoFormTable {border-collapse: collapse; border: 0; font-size: 10px; width: 100%;}
.logoFormTable THEAD { background-color: #555; color: #fff;}
.logoFormTable TH { background-color: #aaa; 
	font-weight: bold; color: white; padding: 5px 0; text-align: center;}
.logoFormTable TD {border: 1px solid gray; padding: 0px 3px; text-align: left;}

.logoStatus {margin: 15px 0; color: blue; font-weight: bold;} /* status text just below H2 on most pages */

/* general section formats */
.logoTableButtonBelow {margin: 15px 0;}	
.logoSectionDiv {margin: 30px 0; page-break-inside: avoid;} /* on checklists - note IE ignores page-break-inside */

/* search box in logoLeft sidebar */
.logoSearchFormInput { width:164px; margin: 16px 0; padding:2px; 
						border: 1px solid gray; font-size: 11px; color: gray;}
						
.help {background-color: white; margin: 0px; padding: 10px;} /* help window */
.help H3 {background-color: #ddf; padding: 5px;} /* blue head at top of window */

/* -------------------------- logoMenu menu - width 170 px -------------------------- */

div.logoMenu { margin: 0; padding: 0;}
div.logoMenu ul { margin: 0;	padding: 0;	list-style-type: none; }
/* div.leftMenu ul ul {display: none;} */
div.logoMenu li, div.leftMenu ul ul li { margin: 0;}

div.logoMenu a { display: block;	padding: 3px 5px; width: 160px; color: #fff;
									background-color: #069;	text-decoration: none;  border-bottom: 1px solid #77a;}
div.logoMenu ul ul a { display: block;	padding: 3px 5px 3px 15px; width: 150px; color: #fff; 
									background-color: #058;	text-decoration: none; }

div.logoMenu a:hover, div.leftMenu ul ul a:hover 
									{ color: #fff; background-color: #09c;	text-decoration: none; }

#logoMenuCurr {background-color: #960; }
#logoMenuCurr:hover { color: #fff; background-color: #09c; }