/* CSS Styles associated with the VSView1.js and example1.html files. */

/* VideoSet Style1 */
.style1 { font-family: Arial, sans-serif; font-size: 8pt; background-color: #EAEAEA; }
.style1 #Logo { background-image: url(searchVideoDark.gif); width: 287px; height: 34px; }
.style1 #BrowsePane { padding: 4px 4px 4px 4px; }
.style1 #TitleBarPane { padding: 4px 4px 4px 4px; }
.style1 #ResultsPane { background-color: white; }
.style1 a { text-decoration: none; color:blue; }
.style1 a:hover { text-decoration: underline; }
.style1 .label { color: gray; text-align: right; }
.style1 .thumbnail { width: 75px; height: 56px; border: 1px solid blue; }
.style1 .title { font-weight: bold; font-size: 10pt; }
.style1 .callout { text-align: center; font-size: 7pt; color: gray; }
.style1 .oddVideo { background-color: #FFFFFF; }
.style1 .evenVideo { background-color: #E1E1F2; }
.style1 .header { font-weight: bold; font-size: 10pt; }
.style1 .menuHeader { font-weight: bold; font-size: 9pt; }

/* VideoSet Style2 */
.style2 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  background-color: #666680; color: #D9D9F2; }
.style2 a { text-decoration: none; color:#F2F2F2; }
.style2 a:hover { background-color: #8F8FB3; }
.style2 #Logo { background-image: url(searchVideoLight.gif); width: 287px; height: 34px; }
.style2 #TitleBarPane { color: #4C4C80; background-color: #F2F2F2; padding: 6px 8px 4px 8px; font-weight: bold; border-right: 1px solid #474759; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.style2 #BrowsePane { color: #4C4C80; background-color: #F2F2F2; padding: 6px 4px 8px 8px; border-bottom: 1px solid #474759; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.style2 #ResultsPane { color: #4C4C80; background-color: #F2F2F2; padding: 4px 4px 4px 4px; border-right: 1px solid #474759; border-bottom: 1px solid #474759; }
.style2 #ResultsPane a { text-decoration: none; color:#4C4C80; }
.style2 #TitleBarPane a { text-decoration: none; color:#4C4C80; }
.style2 #BrowsePane a { text-decoration: none; color:#4C4C80; }
.style2 #ResultsPane a:hover { background-color: #E5E5FF; color: #3F3FBE; }
.style2 #TitleBarPane a:hover { background-color: #E5E5FF; color: #3F3FBE; }
.style2 #BrowsePane a:hover { background-color: #E5E5FF; color: #3F3FBE; }
.style2 .thumbnail { width: 75px; height: 56px; border: 1px solid #4C4C80; }
.style2 .header { font-size: 12pt; }
.style2 .title { font-weight: bold; font-size: 9pt; }
.style2 .oddVideo td { background-color:#DDDDDD; }
.style2 .evenVideo td { background-color:#F2F2F2; }
.style2 .label { color: gray; text-align: right; }
.style2 .callout { text-align: center; font-size: 7pt; color: gray; }
.style2 .menuHeader { font-weight: bold; font-size: 8pt; }

/* VideoSet Style3 */
.style3 { font-family: Tahoma, sans-serif; font-size: 8pt;  background-color: #FFFFFF; }
.style3 #Logo { background-image: url(searchVideoDark.gif); width: 287px; height: 34px; }
.style3 #BrowsePane { padding: 4px 4px 4px 4px; }
.style3 #TitleBarPane { padding: 4px 4px 4px 4px; }
.style3 #ResultsPane { background-color: white; }
.style3 a { text-decoration: none; color: #336699; }
.style3 a:hover { background-color: #FFFFFF; }
.style3 .label { color: gray; text-align: right; }
.style3 .thumbnail { width: 75px; height: 56px; border: 2px solid #336699; }
.style3 .title { font-weight: bold; }
.style3 .callout { text-align: center; font-size: 7pt; color: white; }
.style3 .oddVideo td { border-bottom: 2px dotted #336699; }
.style3 .evenVideo td { border-bottom: 2px dotted #336699; }
.style3 .header { font-weight: bold; font-size: 8pt; }
.style3 .menuHeader { font-weight: bold; font-size: 9pt; }

/* commented backslash hack \*/ 
html, body { height:100%; width: 100%; } 
/* end hack */
html, body { margin:0; padding:0; }
#bodyDiv { min-height:100%; height:auto; }
* html #bodyDiv { height:100%; }
body { overflow: -moz-scrollbars-vertical; }