/* CSS Styles associated with the VSView1.js and index files. */
body {background:#fff url(images/background.jpg) repeat-x;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #1b6208;}

a {color:#0047c7; text-decoration: none;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline; color: #0000ff;}
a:active {text-decoration: none; color: #666666;}

.style11 {font-weight: bold; color: #000000; text-align:center;}
.style12 {color: #000000}

.style18 {font-size: large; color: #000000;}
.style19 {font-size: large; color: #ff6666; font-weight: bold; }

ul {margin:0; padding-left:16px;}

.roundedcorner_box {
   background: #ffffff;
}

form {display:inline;}
form select option {font-size:x-small; padding:0;}
form select {padding:0; font-size:x-small; width:100px;}

.roundedcorner_top div, .roundedcorner_top {
   width: 100%;
   height: 20px;
}

.roundedcorner_top div {
   background: url(images/rcorner_tl.png) no-repeat top left;
}
.roundedcorner_top {
   background: url(images/rcorner_tr.png) no-repeat top right;
}

#search {background:#fff url(images/sback.jpg) repeat-x; padding:0;}

#searchbar div {
	padding-top:6px;
	background: url(images/s_left.jpg) no-repeat top left;
}
#searchbar {
   background: url(images/s_right.jpg) no-repeat top right;
}
#searchbar div, #searchbar {
   width: 100%;
   height: 36px;
}

#container {margin:10px auto; text-align:center; width:780px; background:#fff;}

.searchBox {font-weight:bold;}


/* VideoSet Style1 */
.style1 { font-family: Arial, sans-serif; font-size: 8pt; background-color: #ffffff; text-align:left;}
/*.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:#ffffff; border:1px solid #0066cc;}
.style1 a { text-decoration: none; }
.style1 a:hover { text-decoration: underline; }
.style1 .label { color: gray; text-align: right; }
.style1 .thumbnail { width: 75px; height: 56px; border: 1px solid fff; }
.style1 .title { font-weight: bold; font-size: 10pt; }
.style1 .callout { text-align: center; font-size: 7pt; color: gray; }
.style1 .oddVideo { background:#fff url(images/oddback.jpg) repeat-x;}
.style1 .evenVideo { background:#fff url(images/evenback.jpg) repeat-x; }
.style1 .header { font-weight: bold; font-size: 10pt; }
.style1 .menuHeader { font-weight: bold; font-size: 9pt; margin:0;}

/* VideoSet Style2 */
.style2 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  background-color: #A6D623; color: #D9D9F2; text-align:left;}
.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:#000000; }
.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; margin:0;}

/* VideoSet Style3 */
.style3 { font-family: Tahoma, sans-serif; font-size: 9pt;  background-color: #000000; text-align:left;}
.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: #6600CC; }
.style3 a:hover { background-color: #9999CC; }
.style3 .label { color: gray; text-align: right; }
.style3 .thumbnail { width: 75px; height: 56px; border: 2px solid #6600CC; }
.style3 .title { font-weight: bold; }
.style3 .callout { text-align: center; font-size: 7pt; color: gray; }
.style3 .oddVideo td { border-bottom: 2px dotted #EAEAEA; }
.style3 .evenVideo td { border-bottom: 2px dotted #EAEAEA; }
.style3 .header { font-weight: bold; font-size: 10pt; }
.style3 .menuHeader { font-weight: bold; font-size: 9pt; margin:0;}

/* 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; }