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

/* VideoSet Style1 */
.style1 { font-family: Verdana; font-size: 10pt; background-color: #ffffff; }
.style1 #BrowsePane { padding: 4px 4px 4px 4px; font-size: 10pt; }
.style1 #TitleBarPane { padding: 4px 4px 4px 4px; font-size: 10pt; }
.style1 #ResultsPane { background-color: white; font-size: 10pt; }
.style1 a { text-decoration: none; color:black; font-size: 10pt; }
.style1 a:hover { text-decoration: underline; font-size: 10pt; }
.style1 .label { color: gray; text-align: right; font-size: 10pt; }
.style1 .thumbnail { width: 75px; height: 56px; border: 1px dotted blue; font-size: 10pt; }
.style1 .title { font-weight: bold; font-size: 10pt; }
.style1 .callout { text-align: center; font-size: 10pt; color: gray; }
.style1 .oddVideo { background-color: #FFFFFF; font-size: 10pt; }
.style1 .evenVideo { background-color: #ADD2EE; font-size: 10pt; }
.style1 .header { font-weight: bold; font-size: 10pt; }
.style1 .menuHeader { font-weight: bold; font-size: 10pt; }

/* VideoSet Style2 */
.style2 { font-family: Verdana; 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 dotted #474759; border-top: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF; }
.style2 #BrowsePane { color: #4C4C80; background-color: #F2F2F2; padding: 6px 4px 8px 8px; border-bottom: 1px dotted #474759; border-top: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF; }
.style2 #ResultsPane { color: #4C4C80; background-color: #F2F2F2; padding: 4px 4px 4px 4px; border-right: 1px dotted #474759; border-bottom: 1px dotted #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 dotted #4C4C80; }
.style2 .header { font-size: 10pt; }
.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: Verdana; font-size: 9pt;  background-color: #EAEAEA; }
.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 dotted #6600CC; }
.style3 .title { font-weight: bold; }
.style3 .callout { text-align: center; font-size: 10pt; 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: 10pt; }

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

.bodytable {
	width: 750px;
	background-color: #FFFFFF;
/*
	border-left: 2px dotted #000000;
	border-right: 2px dotted #000000;
*/
	border: 1px dotted #ADD2EE;
	font-size: 11px;
}
 
A:link {text-decoration: none; color: #000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #000000}
A:hover {text-decoration: overline underline; color: #ADD1FF};


.ul_first {
	float: left;
	width: 100%;
}

.ul_other {
float: left;
width: 100%;
padding-left: 3px;
}

.ul_last {
float: left;
width: 100%;
padding-left: 3px;
}

 ul {
list-style-image: url(images/bullet.gif);
margin: 0px;
padding-left: 17px;
}

#blue {
	background: #ADD2EE;
}

.menucatstrip {
	background-color: #ADD2EE;
	padding: 1px;
	padding-left: 1px;
	font-size: 10px;
	font-family: Verdana;
}

#blocktitle {
	color:#FFFFFF;
	padding-top: 0px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #FFFFFF;
	border-style: dotted;
	}
	
#insidethebox {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-top: 1px;
	border-left: 0px;
	border-right: 0px;
	border-bottom-color: #EDEBD0;
	border-top-color: #FFFFFF;
	border-style: dotted;
	}
#insidethebox a{
	color: #000000;
	text-decoration: none;
	}
	
#insidethebox a:hover{
	color: #000000;
	text-decoration: underline;
	}

#blocktitle2 {
	color:#000000;
	padding-top: 1px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #D9F7D5;
	border-style: dotted;
}

#blocktitle3 {
	color:#000000;
	padding-top: 1px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #FFDD90;
	border-style: dotted;
}
#firefox {
	width: 100%;
	background: #EFEFEF;
	text-align: center;
	padding: 1px 1px 1px 1px;
	border-top: 1px #E7E2E2 dotted;
	border-bottom: 1px #bfbfbf dotted;
	}

.switchcontent {
	width: 100%;
	}

.switchcontent2 {
	width: 100%;
	}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 1px;
margin-right: 1px;
}

.headers{
width: 100%;
font-size: 10px;
font-weight: bold;
font-face: verdana;
border: 1px dotted #ADD2EE;
background-color: #ADD2EE;
}

.switchcontent{
width: 100%;
border: 1px dotted #ADD2EE;
border-top-width: 0;
}
		
  #content #thelist { 
      list-style-type:none;
      margin:0;
      padding:0;
   }
   #content #thelist li {
     width:98%;
     font:12px Verdana;
     margin:0;
     margin-left:0px;
     padding-left:0px;
     padding:0px;
     cursor:move;
   }

  div.dropmarker {
      height:6px;
      width:100%;
      background: url(/images/dropmarker.png) left top;
      margin-top:-3px;
      margin-left:-5px;
      z-index:1000;
      overflow: hidden;
   }

table {border-style: hidden}