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

/* VideoSet Style1 */
.style1 { font-family: Arial, sans-serif; font-size: 8pt; background-color: #292929; color: #333;}
.style1 #Logo { background-image: url(searchVideoDark.gif); width: 287px; height: 34px; }
.style1 #BrowsePane { color: #000; background-color: #fff; border-bottom: 1px solid #474759; border-top: 1px solid #000; border-left: 1px solid #FFFFFF;}
.style1 #TitleBarPane { color: #FFF; font-weight: bold; border-bottom: 1px solid gray; }
.style1 #ResultsPane { background-color: white; border-right: 1px solid #474759; border-bottom: 1px solid #474759; }
.style1 #contentdiv { color: #FFF; float:left; width: 100%; height: auto;}
.style1 a { text-decoration: none; color:blue; }
.style1 a:hover {text-decoration: underline;}
.style1 .label { color: #FFF; }
.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: #e7e6e6; }
.style1 .header { font-weight: bold; font-size: 10pt; }
.style1 .menuHeader { font-weight: bold; font-size: 9pt; }

/* VideoSet Style2 */
.style2 { font-family: Arial, sans-serif; font-size: 8pt; background-color: #292929; background-image:url('/images/dheader_.png'); background-repeat: repeat; color: #333;}
.style2 #Logo { background-image: url(searchVideoDark.gif); width: 287px; height: 34px; }
.style2 #BrowsePane { color: #000; background-color: #fff; border-bottom: 1px solid gray; border-top: 1px solid gray; border-left: 1px solid #FFFFFF;}
.style2 #TitleBarPane { color: #FFF; font-weight: bold; }
.style2 #ResultsPane { background-color: white; border-right: 1px solid #474759; border-bottom: 1px solid #474759; }
.style2 #contentdiv { color: #FFF; float:left; width: 100%; height: auto;}
.style2 a { text-decoration: none; color:blue; }
.style2 a:hover {text-decoration: underline;}
.style2 .label { color: #FFF; }
.style2 .thumbnail { width: 75px; height: 56px; border: 1px solid blue; }
.style2 .title { font-weight: bold; font-size: 10pt; }
.style2 .callout { text-align: center; font-size: 7pt; color: gray; }
.style2 .oddVideo { background-color: #FFFFFF; }
.style2 .evenVideo { background-color: #e7e6e6; }
.style2 .header { font-weight: bold; font-size: 10pt; }
.style2 .menuHeader { font-weight: bold; font-size: 9pt; }

/* VideoSet Style3 */
.style3 { font-family: Arial, sans-serif; font-size: 8pt; background-image:url('/images/dheader_.png'); background-repeat: repeat; color: #333;}
.style3 #Logo { background-image: url(searchVideoDark.gif); width: 287px; height: 34px; }
.style3 #BrowsePane { color: #000; background-color: #fff; border-bottom: 1px solid gray; border-top: 1px solid gray; border-left: 1px solid #FFFFFF;}
.style3 #TitleBarPane { color: #333; font-weight: bold; }
.style3 #ResultsPane { background-color: white; border-right: 1px solid #474759; border-bottom: 1px solid #474759; }
.style3 #contentdiv { color: #333; float:left; width: 100%; height: auto;}
.style3 a { text-decoration: none; color:blue; }
.style3 a:hover {text-decoration: underline;}
.style3 .label { color: #333; }
.style3 .thumbnail { width: 75px; height: 56px; border: 1px solid blue; }
.style3 .title { font-weight: bold; font-size: 10pt; }
.style3 .callout { text-align: center; font-size: 7pt; color: gray; }
.style3 .oddVideo { background-color: #FFFFFF; }
.style3 .evenVideo { background-color: #e7e6e6; }
.style3 .header { font-weight: bold; font-size: 10pt; }
.style3 .menuHeader { font-weight: bold; font-size: 9pt; }


/* Body general */

body
{
background: #292929 url(../images/dbckm.png) no-repeat 50% 100%;
}
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: .9em;
}

a:link {
	color: #d0350b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#header {
  width: 100%;
  float: left;
  background: #fff url(/images/_.png) repeat-x ;
  padding: 0;
}

#headermenu {
  width: 100%;
  background: #fff url(/images/hbck3.jpg) 100% 100% repeat-x ;
  padding: 0;
}

#adback{
  width: 100%;
  background: #fff url(/images/_02.gif);
  padding: 0;
}

#footer {
  width: 100%;
}

#footer p {
  font-size: 1em;
  color:#fff;
}

#footer p a {
	color:#d0350b;
	text-decoration: none;
}

#footer p a:hover {
          text-decoration: underline;
}

.pre{
padding:0px;
margin:0px;
}
.field{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

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

.style18 {
	font-size: large;
	color: #FF6600;
}
.style19 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large; color: #FF6600; font-weight: bold; 
}

html, body { margin:0; padding:0; }
#bodyDiv { min-height:100%; height:auto; }
* html #bodyDiv { height:100%; }

/* Map tool tip */
.tooltip { border: 3px solid #FFF;
	font-size:10px;
	background-color:#FFF;
	text-align:center;
	white-space:nowrap;
}

.button { display: block;
	width: 100px;
	border: 1px solid #565;
	background-color:#F5F5F5; 
	margin: 10px;
	padding: 3px;
	text-decoration: none;
	text-align:center;
	font-size: 1em;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.button:hover {
	background-color: white;
}

.desb { position:absolute;
	top:45px;
	left: 580px;
	width: 250px;
}

.infowindow { font-size: 1em;
              font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	      background-color:#FFF;
              color:#333;
              border-color:#fff;
}


/* Fading Tooltips*/
body div#toolTip { position:absolute;z-index:1000;width:75px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }