/* video page styles */

/* hair transplant quick facts curve button menu */
ul#videoTabs {
position: absolute;
top: 10px;
left: 10px;
margin: 0px;
padding: 0px;
width: 312px;
z-index: 500;
}

ul#videoTabs li {
text-align: center;
list-style-type: none;
display: inline;
float: left;
padding-right: 4px;
}


a.categories, a.categories:hover, a.categories:visited {
color: #336699;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px;
line-height: 34px;
height: 34px;
text-align: left;
margin: 0px; 
display: block;
padding:0px;
width: 106px;
position: absolute;
top: 216px; 
left: 2px;
background-color: #c7d6dd;
text-decoration: none;
}



a.saved-videos, a.saved-videos:hover, a.saved-videos:visited {
color: #336699;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px;
line-height: 34px;
height: 34px; 
text-align: left; 
margin: 0px; 
display: block;
padding:0px; 
width: 106px;
position: absolute; 
top: 216px;
left: 100px; 
background-color: #fff;
text-decoration: none;
}

a.mail, a.mail:hover, a.mail:visited {
color: #336699;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px;
line-height: 34px;
height: 34px; 
text-align: left; 
margin: 0px; 
display: block;
padding: 0px; 
width: 110px;
position: absolute; 
top: 216px; 
left: 202px; 
background-color: #fff;
text-decoration: none;
}


ul#videoTabs li a.videoTabs {
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
background-color: #0097cc;
display: block;
height: 24px;
width: 102px;
padding-top: 6px;
text-decoration: none;
/* -moz-outline-style: none;*/
}


ul#videoTabs li a.videoTabs:hover {
color: #000;
}

 #hair-transplant-video-categories, #my-saved-videos, #mail-video, #mail-success-msg {
 width: 300px; 
 height: 210px; 
 font-family: Verdana; 
 font-size: 11px;
 text-align: left;
 display:block;
 background-color: #fff; 
 position: absolute; 
 top: 1px; 
 left: 2px;
 border: 5px solid #c7d6dd;
 display: none;
}

#hair-transplant-video-categories h1, #my-saved-videos h2, #mail-video h2 {
color: #46B0d7;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 14px;
padding-bottom: 0px;
font-size: 16px;
}

#hair-transplant-video-categories a, #hair-transplant-video-categories a:visited, #my-saved-videos a, #my-saved-videos a:visited, #mail-video a, #mail-video a:visited, #mail-success-msg a, #mail-success-msg a:visited {
color: #336699;
background-color: #fff;
}

#hair-transplant-video-categories a:hover, #my-saved-videos a:hover, #mail-video a:hover, #mail-success-msg a:hover {
color: #d76f4a;
background-color: #fff;
}

#my-saved-videos {
overflow: auto;
}



#hair-transplant-video-categories p, #my-saved-videos p, #mail-video p, #mail-success-msg p {
color: #000;
margin-left: 20px;
font-size: 12px;
}

#my-saved-videos p, #mail-success-msg p {
font-size: 11px;
}
#my-saved-videos p.vidList {
font-size: 11px;
line-height: 170%;
}

#hair-transplant-video-categories ul {
line-height: 160%;
margin: 0px;
padding: 0px; 
position: relative; 
top: 0px; 
left: 20px; 
list-style-type: none
}

#my-saved-videos ul, #my-saved-videos ol {
line-height: 160%;
margin: 0px 0px 0px 20px;
padding: 0px; 
list-style-type: none
}

#my-saved-videos .msg {
padding-right: 0px;
margin-right: 0px;
color: #cc0000;
}

#my-saved-videos a.saveVideoButton {
text-decoration: none;
color:red; 
display:inline-block;
border-right: 1px solid #999; 
border-bottom: 1px solid #999; 
padding: 3px; 
background-color: #ddd
}

div#numPages {
position: absolute;
top: 446px;
left: 340px;
z-index: 500;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}


.featuredVideoThumbs a {
position: relative;
position: absolute; /* unfortunate ie 6 only hack...ie6 is  letting hover element disappear under other elements. */

/*remove this to go back to old version */
z-index: 24;
width: 106px;
display: block;
padding: 2px;
margin: 0px;
text-decoration: none;
border: 1px solid #ccc;
/*-moz-outline-style: none;*/
}


  
/* override the settings in global.css, we want the hover position to be higher than on the homepage. */
.featuredVideoThumbs a:hover span {
    display: block;
    position: absolute;
    top: 20px; 
	left: 10px; 
	height: 52px;
	width: 190px;
    background-color: #cc6633;
	border: 3px solid #4b1c0c;
	color:#000;
    text-align: left;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 120%;
	padding: 5px;
	cursor: pointer;
	z-index:25;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}
#mycustomscroll {
height: 130px;
}
#videoThumbWrapper {
height: 130px;
}

div#youtube {
font:12px 'Trebuchet MS',Verdana,sans-serif;  
position: absolute; 
left: 290px; 
top:575px;
z-index: 700;
background-color: transparent;
}

div#youtube a, div#youtube a:visited {
color: #cc3300;
background-color: transparent;
}