﻿body { color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; margin: 0; padding: 0; }
h1{ font-size:24px; text-align: center;}
 a img:hover {cursor: pointer;}
.no_video{width: 573px; height: 538px; text-align: center; vertical-align: middle; font: 14px verdana,Arial,Helvetica,sans-serif; font-weight: bold;}

.video_player{width: 573px; height: 540px; float: left;}

.show_hide{width: 19px; background-image: url('/shared/images/btn_close_nav_1.gif'); background-repeat: no-repeat; float: left; text-align: center; height: 540px;} 
.show_hide:hover{color: #CC0000; cursor: pointer; cursor: hand;	font: 11px verdana,Arial,Helvetica,sans-serif; font-weight: bold;}

.video_wrapper{width: 207px; overflow:scroll; overflow-x: hidden; height: 540px; float: right; text-align: center;}

.video_link .video_name {color: #444E61; font: 12px verdana,Arial,Helvetica,sans-serif; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.video_link .video_name:hover{color: #CC0000; cursor: pointer; cursor: hand;	font: 12px verdana,Arial,Helvetica,sans-serif; font-weight: bold;}

.video_info{background-color: #EFF2FF;}
.video_info_alt{background-color: #fff;} 
.video_thumbnail {padding: 2px;}

.video .video_link{padding-top: 5px; padding-bottom: 5px;}
.video .details{padding: 5px 0 5px 5px; text-align: left;color: #DF7E0D; cursor: pointer; cursor: hand;	font: 12px verdana,Arial,Helvetica,sans-serif;}
.video .details:hover{padding: 5px 0 5px 5px; text-align: left;color: #CC0000; cursor: pointer; cursor: hand;	font: 12px verdana,Arial,Helvetica,sans-serif;}

.video_desc{text-align: left; padding: 0 5px 5px 3px;}
.video_date{text-align: left; padding: 0 5px 5px 3px;}

/* video sitemap styles */

ul.cat{color: #444E61; font: 25px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0 }
ul.cat ul {color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0}
ul.cat ul ul {color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0}

ul.subcat{color: #444E61; font: 25px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0 }
ul.subcat ul {color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0}
ul.subcat ul ul {color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; list-style-type: none; padding: 0; margin: 15px 0}

.cat {font-size: 20px;}
.cat li {font-size: 20px;}
.subcat{font-size:14px; font-weight: bold;}
.subcat li {font-size:14px; font-weight: bold;}
.page {font-size:12px; font-weight: bold;}
.page li {font-size:12px; font-weight: bold;}
.video{font-size:11px;}
.video li {font-size:11px;}
.categories li {font-size:12px;}

.video_display {padding: 3px 5px 5px 3px; }
.video_display img {float: left; background-image: url('/shared/images/bkg_video_thumb.gif'); display: block;}
.video_display .thumb_a {float: left; padding: 2px; border: 1px solid #444E61;  margin-right: 5px;}
.video_display .thumb_a:hover { border-color: #C00;}
.video_display .map_title {padding: 0 5px 10px 0; font-weight: bold;}
.video_display .map_title a:link {padding: 0 5px 10px 0; font-weight: bold;}
.video_display .map_title a:active {padding: 0 5px 10px 0; font-weight: bold;}
.video_display .map_title a:visited {padding: 0 5px 10px 0; font-weight: bold;}
.video_display .map_title a:hover {padding: 0 5px 10px 0; font-weight: bold; color: #CC0000; cursor: pointer; cursor: hand;}
.video_display .desc {padding: 0 5px 5px 0; font-weight: normal;} 

.back_to_top{color: #444E61; font: 11px verdana,Arial,Helvetica,sans-serif; float: right;}



/* video details styles */

.video_details{width: 553px; display: block; float: left;}
.video object{border: 1px solid #ddd; display: block; background-color: #ddd; z-index: 0;}
.video_details .video_desc {width: 500px; float: left;}
.video_details a{float: right;padding: 0 5px 10px 0;}
.video_details label{font-weight: bold; width: 130px; padding: 5px 5px 0 5px; float: left;}
.video_details h1{text-align: left;}
.video_details a:link {padding: 0 5px 10px 0; font-weight: bold;}
.video_details a:active {padding: 0 5px 10px 0; font-weight: bold;}
.video_details a:visited {padding: 0 5px 10px 0; font-weight: bold;}
.video_details a:hover {padding: 0 5px 10px 0; font-weight: bold; color: #CC0000; cursor: pointer; cursor: hand;}
.details_wrapper{width: 760px;}
	