/* main video item */
a.videoitem, a.videoitem:link, a.videoitem:visited, a.videoitem:active { display:inline-block; padding:3px; width:100px; color:#000000; font-weight:bold; font-size:12px; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;}
a.videoitem:hover {color:#000000; font-weight:bold; font-size:12px; text-decoration:none; background-color:#f5c607; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;}
/* video item text area  */
.videoitem .itemWindow { display:block; width:100px; height:46px; overflow:hidden; position:relative;}
/* video item text area auto-scrollable tray  */
.videoitem .itemTray { display:block; width:100px; position:absolute; top:0;}
/* box element of the pager area  */
.pagerbox { display:block; text-align:center; padding-top:15px;}
/* box element of the timeline area  */
.timebox { display:block; text-align:center; padding-bottom:15px;}
/* paging buttons */
.pagelast, .pagenext, .pagenum, .pagecurr, a.pagelast, a.pagenext, a.pagenum, a.pagecurr, a.pagelast:link, a.pagenext:link, a.pagenum:link, a.pagecurr:link, a.pagelast:visited, a.pagenext:visited, a.pagenum:visited, a.pagecurr:visited, a.pagelast:active, a.pagenext:active, a.pagenum:active, a.pagecurr:active { display:inline-block; padding:2px 4px; background-color:#CCCCCC; border:1px solid #666666; color:#000000; margin-right:5px;  -moz-border-radius:4px; text-decoration:none; outline:none;}
a.pagelast:hover, a.pagenext:hover, a.pagenum:hover, a.pagecurr:hover { background-color:#FFFFFF; text-decoration:none; outline:none;}
.pagecurr { background-color:#FFFFFF;}
.pagelastdisabled, .pagenextdisabled { border-color:#d9d9d9; background-color:#ebebeb; color:#c1c1c1;}
/* box element for clearing floats  */
.clear { clear:both; }
/* root element for tabs  */
ul.css-tabs { margin:0 !important;padding:0;height:30px;border-bottom:1px solid #666;}
/* single tab */
ul.css-tabs li { float:left;padding:0;margin:0;list-style-type:none; outline:none;}
/* link inside the tab. uses a background image */
ul.css-tabs a { float:left;	font-size:13px;	display:block; padding:5px 10px; text-decoration:none; border:1px solid #666; border-bottom:0px; height:18px; background-color:#c1c1c1; color:#777; margin-right:2px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius: 4px; position:relative; top:1px; outline:none;}
ul.css-tabs a:hover {background-color:#F7F7F7;color:#333;}
/* selected tab */
ul.css-tabs a.current {background-color:#f2f2f2; border-bottom:2px solid #f2f2f2; color:#000; cursor:default;}
/* tab pane */
div.css-panes div { display:none; border:1px solid #666; border-width:0 1px 1px 1px; padding:15px 20px; background-color:#f2f2f2; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius: 4px;}
/* pop-in tooltip */
div.popin { display:none; background:none; border:none!important; background:transparent url(black_arrow.png)!important; font-size:12px; height:70px; width:160px; padding:25px!important; color:#fff; }