/*===========================================================================*/
/* Stylesheet modifications to global-style.css stylesheet                   */
/* for use with Videos                                                       */
/*===========================================================================*/

 body               { min-width: 900px; max-width: 1080px }
 body.hd            { max-width: 1284px }
	
 iframe             { width: 540px; height: 390px; margin: 0px; border:0 }
 iframe.hd          { width: 1280px; height: 720px; margin: 0px; border:0 }
 iframe.w720        { width: 720px; height: 405px; margin: 0px; border:0 }
 iframe.w640        { width: 640px; height: 480px; margin: 0px; border:0 }
 iframe.w540        { width: 540px; height: 390px; margin: 0px; border:0 }
 div.hd             { width: 1280px; margin: 0 auto }
 div.w720           { width: 720px; margin: 0 auto }
 div.w640           { width: 640px; margin: 0 auto }
 div.w540           { width: 540px; margin: 0 auto }

 .bg1               { background-image: linear-gradient(90deg,#ff9933,#ffff88) }
 .rounded3          { border-radius: 14px }
 						
 td.video           { vertical-align: top; -border: 1px dotted red }
 a                  { text-decoration: none }
 a.list-title       { color: #900 }
 div.list-title     { margin: 5px 0 15px 0; 
	                  font: bold 1.1em arial,helvetica,sans-serif }
 div.menu-item      { margin: 0 0 4px 20px; -max-width:280px }
 a.menu-item        { color: #00c; 
	                  font: bold 0.8em arial,helvetica,sans-serif }
 .note              { font-size: 0.8em; font-style: italic }