#view-top { clear: both; width: 977px; }
#view-left { float: left; width: 672px; /* min-height: 700px; */ }
#view-right { float: left; width: 305px; /* min-height: 700px; */ }

#show-area { background: transparent url(../images/back_orange_top_bg.png) no-repeat top; width: 960px;  clear:both; margin-left: 0px;} 	
#show-area-left { float: left; width: 640px; margin-left: 10px; padding-top: 10px; display: inline; }	
#show-area-right { float: left; width: 305px; margin-left: 1px; margin-top: 5px; display: inline; }
#show-area-bottom { background-image: url(../images/back_orange_bottom.png); margin-bottom: 10px; background-repeat: no-repeat; width: 960px; height:10px; font-size: 0; margin-left: 8px; }
#show-area-middle-fluid-box { background-image: url(../images/back_orange_repeat.png); background-repeat:repeat-y; margin: 5px 0px 0px 8px; }
                    
.viewvideo-video { width: 658px; height: 424px; padding: 15px 0 0 18px; background: transparent url(../images/back_video_panel_01.png) repeat-y 0 0; }
.viewvideo-meta { width: 676px; padding: 2px 0 0 25px; background: transparent url(../images/back_video_panel_02.png) repeat-y 0 0; display: none; }
.viewvideo-footer { width: 672px; height: 19px; background: transparent url(../images/back_video_panel_04.png) no-repeat 0 -13px; }

.viewvideo-title-area {clear: both; width: 627px; padding-top: 8px;}
.viewvideo-title { float: left; font-size: 22px; font-weight: bold; color: #595959; padding: 0 0 0 0; }
.viewvideo-title-label { float: left; font-size: 16px; font-weight: bold; color: #A0A0A0; padding: 6px 0 0 3px; }
.viewvideo-title-ownerName { float: left; font-size: 16px; font-weight: bold; color: #A0A0A0; padding: 6px 0 0 3px; }
.viewvideo-categories-area { clear: both; } 
.viewvideo-categories-label { float: left; font-size: 12px; color: #5a5a5a; }
.viewvideo-categories { float: left; font-size: 12px; font-weight: bold; color: #5a5a5a; padding-left: 5px; }
.viewvideo-description { clear: both; width: 626px; min-height: 53px; overflow: hidden; font-size: 12px; color: #5a5a5a; padding-top: 15px; word-wrap: break-word;}

.viewshow-video{ width: 640px; height: 424px; overflow: hidden; }
.viewshow-meta { width: 630px; padding-left: 10px; display: none; }
.viewshow-footer {height: 0px; clear: both;}

.viewshow-title-area {clear: both; width: 630px; padding-top: 8px;}
.viewshow-title { float: left; font-size: 22px; font-weight: bold; color: #FFFFFF; padding: 0 0 0 0; }
.viewshow-title-label { float: left; font-size: 16px; font-weight: bold; color: #EBE9EC; padding: 6px 0 0 3px; }
.viewshow-title-ownerName { float: left; font-size: 16px; font-weight: bold; color: #EBE9EC; padding: 6px 0 0 3px; }
.viewshow-categories-area { clear: both; width: 630px; } 
.viewshow-categories-label { float: left; font-size: 12px; color: #FFFFFF; }
.viewshow-categories { float: left; font-size: 12px; font-weight: bold; color: #FFFFFF; padding-left: 5px; }
.viewshow-description { clear: both; width: 630px; overflow: hidden; font-size: 12px; color: #FFFFFF; padding-top: 15px; word-wrap: break-word;}

/******* VideoBrowser control ***********/
.videoBrowser-top { width: 305px; height: 17px; background: transparent url(../images/back_right_panel_large_01.png) no-repeat 0 0; }
.videoBrowser-middle { width: 285px; padding-left: 20px; background: transparent url(../images/back_right_panel_large_02.png) repeat-y 0 0; overflow: hidden; }
.videoBrowser-bottom { width: 305px; height: 25px; background: transparent url(../images/back_right_panel_large_04.png) no-repeat 0 0; }
.videoBrowser-content .video-list .title {font-size: 12px; font-weight: normal;}
.videoBrowser-content .video-list {width: 265px;}
.videoBrowser-content .button {width: 265px;}
.videoBrowser-headerTitle {font-size: 20px; font-weight: bold; margin-bottom: 4px; margin-right: 20px; word-wrap:break-word; /* <- word-wrap needed for wrappable headers */}

.subheader-container {clear:both;}
.subheader-container-events {clear:both;position:relative;}


/******* ShowBrowser control ***********/
.showBrowser {clear: both;}
.showBrowser-top { width: 305px; height: 17px; background: transparent url(../images/back_right_panel_large_01.png) no-repeat 0 0; }
.showBrowser-middle { width: 285px; padding-left: 20px; background: transparent url(../images/back_right_panel_large_02.png) repeat-y 0 0; overflow: hidden; }
.showBrowser-bottom { width: 305px; height: 25px; background: transparent url(../images/back_right_panel_large_04.png) no-repeat 0 0; }
.showBrowser-headerTitle { width: 285; font-size: 20px; font-weight: bold; margin-bottom: 10px; margin-right: 20px; word-wrap: break-word;}
.showBrowser-list {width: 268px;}
.showBrowser-list-item {clear: both; width: 268px; height: 66px; background: transparent url(../images/back_album.gif) no-repeat 0 0; cursor: pointer; }
.showBrowser-list-item-current { background-color: #E4EEC7;}
.showBrowser-list-item:hover { background: transparent url(../images/back_album_rollover.gif) no-repeat 0 0;}
.showBrowser-list-item-left {float: left; width: 80px; height: 60px; margin-top: 3px; margin-left: 3px;}
.showBrowser-list-item-right {float: left; width: 150px; height: 60px; margin: 3px 0 0 10px;}
.showBrowser-list-title {width: 150px; height: 16px; font-size: 12px; margin-top: 5px; font-weight: bold; }
.showBrowser-list-subtitle {width: 150px; height: 32px; font-size: 12px; margin-top: 1px; font-weight: normal; color: #A0A0A0; overflow: hidden; word-wrap: break-word;}


/******* stylized dropdown images ***********/
.active-ddl-left { background: transparent url(../images/field_pulldown_01.gif) no-repeat 0 0;}
.active-ddl-middle { background: transparent url(../images/field_pulldown_03.gif) repeat-x 0 0;}
.active-ddl-right { background: transparent url(../images/field_pulldown_04.gif) no-repeat 0 0; cursor: pointer;}

.dropped-ddl-left { background: transparent url(../images/field_pulldown_05.gif) no-repeat 0 0;}
.dropped-ddl-middle { background: transparent url(../images/field_pulldown_03.gif) repeat-x 0 0;}
.dropped-ddl-right { background: transparent url(../images/field_pulldown_06.gif) no-repeat 0 0; cursor: pointer;}

.inactive-ddl-left { background: transparent url(../images/field_pulldown_grey_01.gif) no-repeat 0 0;}
.inactive-ddl-middle { background: transparent url(../images/field_pulldown_grey_02.gif) repeat-x 0 0;}
.inactive-ddl-right { background: transparent url(../images/field_pulldown_grey_04.gif) no-repeat 0 0; cursor: default;}


/******* ChannelShowBanner control ***********/
#csb-container {width: 977px; margin: 0 auto; height: 88px; overflow:hidden; }
#csb-container-events {width: 977px; margin: 0 auto; overflow:hidden; }
#csb-left { float: left; width: 80px; margin-top: 12px; overflow: hidden; }
#csb-right {float: left; width:875px; margin-top: 5px; overflow: hidden; margin-left: 10px; }
.csb-info-top {height: 24px; margin-top: 5px; overflow: hidden;}
.csb-info-title { float: left; font-size: 18px; font-weight: bold; overflow: hidden; }
.csb-info-title-long { float: left; font-size: 18px; font-weight: bold; overflow: hidden; max-width: 950px;}
.csb-info-title-short { float: left; font-size: 18px; font-weight: bold; overflow: hidden; max-width: 425px;}
.csb-info-separator { float: left; padding-left: 7px; padding-right: 7px; font-size: 20px; font-weight: bold;}
.csb-info-by { color: #A0A0A0;}
.csb-info-owner {font-size: 12px; font-weight: bold; color: #5A5A5A; margin-top: 3px;}
.csb-info-description {font-size: 12px; clear: both; height: 32px; margin-top: 5px; overflow: hidden; }

.video-owner-div { margin-top: 5px; margin-left: 3px; }

/******* VideoOwner control ***********/
#vo-container { width: 302px; height: 84px; cursor: pointer; background: transparent url(../images/btn_channel.png) 0 0 no-repeat;}
#vo-username {width: 172px; font-size: 16px; font-weight: bold; padding-top: 25px; padding-left: 99px;}

/******* VideoOwnerDropdown control ***********/
#voddl-container { width: 298px; cursor: pointer;}

#voddl-channelsDDL-top .left-up { background: transparent url(../images/field_pulldown_user_01.png) no-repeat 0 0;}
#voddl-channelsDDL-top .middle-up { background: transparent url(../images/field_pulldown_user_03.png) repeat-x 0 0;}
#voddl-channelsDDL-top .right-up { background: transparent url(../images/field_pulldown_user_04.png) no-repeat 0 0;}

#voddl-channelsDDL-top .left-dropped { background: transparent url(../images/field_pulldown_user_05.png) no-repeat 0 0;}
#voddl-channelsDDL-top .middle-dropped { background: transparent url(../images/field_pulldown_user_03.png) repeat-x 0 0;}
#voddl-channelsDDL-top .right-dropped { background: transparent url(../images/field_pulldown_user_06.png) no-repeat 0 0;}

#voddl-ddlParts-top-left { float: left; width: 10px; height: 66px;}
#voddl-ddlParts-top-middle { float: left; width: 241px; height: 66px;}
#voddl-ddlParts-top-right { float: left; width: 40px; height: 66px; cursor: pointer; }

.voddl-userinfo-top { clear: both; width: 241px; height: 31px; margin-top: 10px; overflow: hidden;}
.voddl-userinfo-top-icon { float: left; width: 42px; padding-top: 1px;}
.voddl-userinfo-top-name { float: left; width: 191px; font-size: 15px; font-weight: bold; margin-top: 5px; margin-left: 4px;}

.voddl-userinfo-bottom { clear: both; width: 211px; height: 20px; padding-left: 30px; overflow: hidden;}
.voddl-userinfo-bottom-icon { float: left; padding-top: 3px; padding-left: 13px; }
.voddl-userinfo-bottom-number { float: left; padding-top: 0px; padding-left: 2px; font-size: 12px; font-weight: normal;}

#voddl-channelsDDL-hiddendrop { display: none; position: absolute; z-index: 9999; }
.voddl-channelsDDL-drop {width: 289px; height: 10px; background-color: White; border-left: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; }
#voddl-channelsDDL-items { background-color: White;}
#voddl-channelsDDL-items .indent { float: left; width: 11px; height: 66px; margin-left: 30px;}
#voddl-channelsDDL-items .indent-mid { background: transparent url(../images/field_dot_line_03.png) no-repeat 0 0 ; }
#voddl-channelsDDL-items .indent-last { background: transparent url(../images/field_dot_line_02.png) no-repeat 0 0; }
#voddl-channelsDDL-items .icon { float: left; cursor: pointer; width: 80px; height: 60px; margin: 3px; }
#voddl-channelsDDL-items .info { float: left; cursor: pointer; }
#voddl-channelsDDL-items .title { font-size: 14px; font-weight: bold; padding-top: 14px;}
#voddl-channelsDDL-items .meta { font-size: 12px; font-weight: normal; padding-top: 2px; }
#voddl-channelsDDL-items .channel-title { width: 185px; }
#voddl-channelsDDL-items .show-title { width: 144px; }
#voddl-channelsDDL-items .channel-icon { background-image: url(../images/icon_folder_channel.png); }
#voddl-channelsDDL-items .show-icon { background-image: url(../images/icon_folder_album.png); }
#voddl-channelsDDL-items .show-icon-locked { background-image: url(../images/icon_folder_album_lock.png); }
#voddl-channelsDDL-bottom {width: 291px; height: 36px; }

.voddl-ddlParts-item-left { float: left; background-color: #FFFFFF; width: 9px; height: 66px; border-left: 1px solid #8C8C8C;}
.voddl-ddlParts-item-middle { float: left; background-color: #FFFFFF; width: 271px; height: 66px;}
.voddl-ddlParts-item-middle-current { background-color: #E4EEC7; }
.voddl-ddlParts-item-middle:hover { background-color: #EAEAEA; }
.voddl-ddlParts-item-right { float: left; background-color: #FFFFFF; width: 9px; height: 66px; border-right: 1px solid #8C8C8C; }

.voddl-ddlParts-bottom-left { float: left; width: 6px; height: 6px; background: transparent url(../images/field_form_07.gif) no-repeat 0 0;}
.voddl-ddlParts-bottom-middle { float: left; width: 279px; height: 5px; border-bottom: 1px solid #BCBCBC; background-color: #FFFFFF; }
.voddl-ddlParts-bottom-right { float: left; width: 6px; height: 6px; background: transparent url(../images/field_form_08.gif) no-repeat 0 0; }


/******* VideoPassword control ***********/
#apb-container {position: relative;}
#apb { display: none; padding: 0px !important; margin: 0px !important; color: #5a5a5a; background: transparent url(../images/back_popup_enter_password.png) no-repeat 0 0; height: 262px; width: 536px; overflow: hidden; }

#apb-header { padding: 5px; margin: 14px 0px 0px 18px; width: 490px; border-bottom:1px solid silver; height: 20px;}
#apb-title { float:left; font-size: 16px; font-weight: bold;}
#apb-close { float:right; padding: -15px -15px 0 0; cursor:pointer; }
#apb-message { clear: both; margin-top: 10px; height: 60px; }
#apb-message-img { float: left; margin-left: 30px;}
#apb-video-name-text { float: left; font-size: 22px; margin-top: 10px; width:395px;}

#apb-pw-label {clear: both; margin-left: 110px; margin-top: 10px; font-size: 12px; height: 14px;}
#apb-pw-input {float: left; }
#apb-pw-input-err {float: left; height: 12px; font-size: 10px; color: #FF0000; padding-top: 2px; padding-left: 15px;}
#apb-pw-input-div { margin-top: 10px; padding-left: 110px; height: 36px;}
#apb-pw-input-div input { width: 336px; }

#apb-actions-div {clear: both; margin: 20px auto 0; width: 135px; height: 36px;}
#apb-okBtn-div {float: left; cursor: pointer; margin-right: 25px;}
#apb-cancelBtn-div {float: left; cursor: pointer; }
#apb-spinner-div {display: none; float: left; width: 32px;}