﻿body {
    margin: 0px; background-color: Black; text-align: center;
}
img {border: 0px}
div {font-family: Arial; font-size: 14px; color: #CCCCCC; line-height: 20px; text-align: left}
a {color: #3399ff; text-decoration: underline}

#logo {width: 336px; height: 112px; position: absolute; top: 0px; left: 0px}
#topmenu {position: absolute; top: 72px; left: 467px; width: 525px; height: 40px}
#topmenu img {float: left}

#hp_splash {width: 992px; height: 472px; background-image: url(../graphics/design/home_gradient.jpg);
    background-repeat: repeat-x; background-color: #282828; position: absolute; top: 120px; left: 0px}
#hp_splash_shell {width: 992px; height: 472px; position: relative}
#hp_copy {position: absolute; top: 26px; left: 24px; width: 268px}
#hp_copy h1 {color: #3399FF; font-size: 24px; font-weight: normal; margin-bottom: 12px}
#hp_copy2 {position: absolute; top: 26px; left: 336px; width: 645px; font-size: 24px; color: #3399FF}
#hp_video {position: absolute; top: 70px; left: 336px; width: 640px}
#hp_button {position: absolute; top: 380px; left: 16px; width: 277px; height: 84px}
#hp_featuredbar {position: absolute; top: 616px; left: 0px; width: 992px; height: 54px;
                  background: url(../graphics/design/featured_videos_bg.jpg) repeat-x}
#hp_featuredbar_top {width: 904px; height: 54px}
#hp_vidmarkers {margin-top: 260px}
#hp_vidmarkers img {margin-right: 9px; display: none}

#int_shell {background-image: url(../graphics/design/int_bg.jpg); background-repeat: repeat-x;
            margin-top: 8px; width: 100%; overflow: hidden; min-height: 464px; background-color: #262626;
            text-align: center;
}
#int {width: 960px; text-align: left; position: relative; margin: auto; overflow: hidden}
#int_title {margin-top: 23px}
#int_buckle {width: 135px; height: 73px; position: absolute; left: 764px; top: 0px}
#int_body {margin-top: 34px; color: #999999}
#int_body h1 {font-size: 18px; font-weight: normal; color: #3399FF; margin: 0px; line-height: normal}
#int_body b {color: White}
#int_body a {color: #3399CC}

#featuredbarshell {background: url(../graphics/design/featured_videos_bg.jpg) repeat-x; width: 100%;
    text-align: center; margin-top: 35px}
#featuredbar {width: 992px; margin: auto; text-align: left}

#footer {width: 960px; border-top: solid 1px #404040; padding-top: 12px; margin-top: 17px;
         margin-left: auto; margin-right: auto; padding-bottom: 15px}
         
#ratings_bar {margin-bottom: 16px; background-image: url(../graphics/design/ratings_bar.jpg);
              background-repeat: no-repeat; width: 304px; height: 41px; font-weight: bold;
              }

.featuredTitle {color: #3399ff; font-size: 18px}
.featuredTitle a {color: #3399ff; font-size: 18px; text-decoration: none}
.featuredVideo {width: 320px; float: left; margin-right: 16px; height: 240px;
                margin-bottom: 38px}
.featuredVideo img {width: 320px; height: 240px}
.featuredVideoAll {width: 320px; float: left; margin-right: 16px; height: 130px;
                margin-bottom: 10px}
.featuredVideoAll img {width: 175px; height: 130px}

.featuredInfo {font-size: 14px; line-height: 24px}
.featuredInfoAll {font-size: 11px; line-height: 24px}
.featuredComments {font-size: 14px; line-height: 20px; color: #999999}
.featuredLine {width: 610px; border-bottom: solid 1px #404040; margin-top: 15px; float: right;}

.formField {background-image: url(../graphics/design/form_bg1.gif); background-repeat: no-repeat;
    margin-bottom: 8px; width: 640px; text-align: left; 
    padding-top: 7px; overflow: hidden; font-weight: bold; color: #3399FF}
.formField input {border: 0px; background-color: #4E4E4E; margin: 0px 19px 12px 16px;
    font-weight: bold; color: White; font-family: Arial; width: 295px}    
    
.formField2 {background-image: url(../graphics/design/form_bg2.gif); background-repeat: no-repeat;
    margin-bottom: 8px; width: 641px; text-align: left; 
    padding-top: 7px; overflow: hidden; font-weight: bold; color: #3399FF}
.formField2 textarea {border: 0px; background-color: #515151; margin: 0px 0px 6px 16px;
    font-weight: bold; color: #CCCCCC; font-family: Arial; width: 585px; height: 130px}
    
.formField3 {background-image: url(../graphics/design/form_bg3.gif); background-repeat: no-repeat;
    margin-bottom: 8px; width: 525px; text-align: left; 
    padding-top: 7px; overflow: hidden; font-weight: bold; color: #3399FF}
.formField3 input {border: 0px; background-color: #333333; margin: 0px 19px 12px 16px;
    font-weight: bold; color: White; font-family: Arial; width: 500px}    
    
.btnSubmit {width: 240px; height: 49px}
.AddComment {width: 239px; height: 47px; border: 0px; float: right; margin-top: 24px;
    margin-right: 20px}
    
#ctl00_chpBody_pagerVideos2 img, #ctl00_chpBody_pagerVideos img {vertical-align: middle; margin-bottom: 5px}
    


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url(../graphics/star.png) left -1000px repeat-x;
}
.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating {
	background: url(../graphics/star2.png) left -1000px repeat-x;
}
.star-rating, .star-rating2{
	position:relative;
	width:125px;
	height:40px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li, .star-rating2 li{
	display: inline;
}
.star-rating a, .star-rating2 a, 
.star-rating .current-rating, .star-rating2 .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:40px;
	line-height:40px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus{
}
.star-rating a.one-star, .star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars, .star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars, .star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars, .star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-starsm, .star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating, .star-rating2 .current-rating{
	z-index:1;
	background-position: left center;
}


#popupShadow {display: none; z-index: 500; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: Black; opacity:.75; filter:alpha(opacity=75);-moz-opacity:.75;}
#popupShell {display: none; z-index: 501; position: absolute; top: 167px; left: 0px; width: 100%; height: 290px; text-align: center}
#popupBox {z-index: 501; width: 636px; height: 290px; border: 1px solid White; 
           text-align: left; background: Black; margin: auto}
.btnShareSubmit {width: 185px; height: 32px}