/* Main Styles */
body { margin: 0 auto; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* Main Layout */
#wrapper { margin: 0 auto; padding: 0; text-align: left; width: 960px; }

#header { margin: 0; padding: 0; height: 123px; border-bottom: 1px solid #ccc; }

#content { margin: 0; padding: 20px 0; text-align: left; clear: both; }

#footer { margin: 0 auto; padding: 20px 0 0 0; text-align: center; clear: both;}

/* Header Style */
.logo { margin: 0; padding: 16px 0 0 0; width: 234px; height: 57px; float: left; }

.search { margin: 8px 0 0 31px; padding: 0; float: left; clear: both; width: 312px; height: 31px; background-image: url(../images/search_bg.jpg); background-repeat: no-repeat; }
.searchInput { border: 1px solid #8bbef2; padding: 2px; width: 217px; float: left; margin: 5px 0 0 5px; }
.submit { font-size: 11px; font-weight: normal; color: #000; background: url(../images/btn_search.jpg); background-repeat: no-repeat; background-position: 2px 3px; border: 0px #fff outset; cursor:hand; cursor:pointer; padding: 0px 0px 1px 1px; width: 118px; height: 21px; width: 84px; height: 28px; float: left; }
.tell { margin: 0; padding: 16px 9px 0 0; float: right; width: 128px; height: 45px; }

/* MENU */
.menu { margin: 0; padding: 0; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu li { margin: 25px 0 0 5px; padding: 6px 0 0 0; text-align: center; width: 133px; height: 25px; background-image: url(../images/menu-norm.jpg); background-repeat: no-repeat; float: right; font-size: 12px; } 
.menu a { color: #121212; font-weight: bold; text-decoration: none; }

/* FOOTER */
#footerMenu { margin: 0; padding: 0; }
#footerMenu ul { list-style: none; margin: 0; padding: 0; }
#footerMenu li { display: inline; margin: 0; padding: 0 10px 0 0; color: #ff7c00; }
#footerMenu a { color: #ff7c00; }

#footerLinks { margin: 0; padding: 20px 0 0 0; }
#footerLinks ul { list-style: none; margin: 0; padding: 0; }
#footerLinks li { display: inline; margin: 0; padding: 0 10px 0 0; color: #ff7c00; }
#footerLinks a { color: #ff7c00; }

/* MAIN VIDEO */
.mainVideoLeft { margin: 0 0 0 10px; padding: 0; float: left; width: 446px; }
.mainVideoRight { margin: 0 10px 0 0; padding: 0; float: right; width: 446px; }
.titleMainVideo { margin: 0; padding: 0 0 5px 0; font-size: 14px; font-weight: bold; }
.mainVideoHolder { margin: 0; padding: 4px 0 0 4px; width: 446px; height: 270px; border: 1px solid #ccc; }
.mainDescription { margin: 0; padding: 8px 0; }

/* SINGLE VIDEO */
.videoHolder { margin: 0 10px 10px 0; padding: 0; width: 260px; border: 1px solid #ccc; float: left; }
.videoThumb { margin: 0; padding: 5px 0 0 5px; }
.videoTitle { margin: 0; padding: 5px 0 0 5px; text-align: left; }
.videoDate { margin: 0; padding: 5px 0 5px 5px; text-align: left; }

#videoCenter { margin: 0 auto; text-align: center; width: 820px; }

.Paginator{font-size:12px;line-height:22px;padding-top:6px;margin-left:auto;margin-right:auto; clear: both; padding-top: 20px;}
.Paginator a,.pageList .this-page{padding:2px 6px;border:solid 1px #eee;background:#fff;text-decoration:none;}
.Paginator a:visited{padding:2px 6px;border:solid 1px #eee;background:#fff;text-decoration:none; color: #000}
.Paginator .AtStart{margin-right:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;color:#bbb;}
.Paginator .Prev{margin-right:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;}
.Paginator .break{padding:2px 6px;border:none;background:#fff;text-decoration:none;color:#bbb;}
.Paginator .Next{margin-left:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;}
.Paginator .AtEnd{margin-left:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;color:#bbb;}
.Paginator .this-page{padding:2px 6px;border:solid 1px #eee;font-weight:bold;vertical-align:top;background:#fff;color:#ff7c00;}
.Paginator a:visited:hover,.Paginator a:hover,.Paginator a:active{color:#fff;background:#0063DC;border-color:#fff;text-decoration:none;}

.redText { color: #c30; }

/* VIDEO DETAIL */
#colLeft { margin: 0 auto 0; width: 665px; float: left; }
.videoDetail { margin: 0; padding: 0; width: 650px; height: 395px; border: 1px solid #ccc; }
.videoDetail .vid { margin: 5px 0 0 5px; }

#colRight { margin: 0; padding: 0; width: 295px; float: right; }
.catDetail { margin: 0; padding: 0; width: 290px; height: 308px; border: 1px solid #ccc; overflow: scroll }
.smallVideo { clear: both; padding: 5px 0 5px 5px; }
.smallThumb { width: 75px; margin: 0; padding: 0; float: left; }
.smallText { width: 185px; margin: 0; padding: 5px 0 0 5px; float: left; }
.smallText ul { margin: 0; padding: 0; list-style: none; }

.descriptionVideo { margin: 0; padding: 10px; width: 270px; height: 177px; border: 1px solid #ccc; background-color: #f1f1f1; }

.searchDetail { margin: 0; padding: 0; width: 550px; }
.smallVideoSearch { clear: both; padding: 5px 0 5px 5px; }
.smallThumbSearch { width: 150px; margin: 0; padding: 0; float: left; }
.smallTextSearch { width: 350px; margin: 0; padding: 5px 0 0 5px; float: left; }
.smallTextSearch ul { margin: 0; padding: 0; list-style: none; }
.smallTextSearch li { margin: 0; padding: 0 0 5px 0; text-align: left; }

.addComments { margin: 20px 0; padding: 10px 10px; width: 630px; border: 1px solid #ccc; background-color: #f1f1f1; }

.comment { margin: 20px 0; padding: 10px 10px; width: 630px; }
.comment td { padding: 10px; }
.hilite { border: 1px solid #ccc; background-color: #f1f1f1; padding: 10px; }
.normal { border: 1px solid #ccc; background-color: #fff; padding: 10px; }