/* 10News.com styles */

/* --- Begin national css styles --- */

/* Id: 10254247 */
.videoPlayerParent { height: 410px; width: 850px; font: 12px/14px arial; _width: 852px; position: relative;}
.videoPlayerLeftCol { float: left; width: 433px; height: 410px; background: #5670a3; text-align: center; border: 1px solid #bebebe; }
.playerAndControls { margin: 0 auto; width: 433px; height: 281px; position: relative; background: white; }

#player { width: 428px; height: 240px; background: #000000; position: relative; top: 10px; left: 0px; }
#imageCell { width: 428px; height: 240px; background: #000000; position: absolute; top: 10px; left: 2px; cursor: pointer; }
#flvPlayerHolder { width: 428px; height: 270px; background: #000000; position: absolute; top: 10px; left: 2px; display: none; }
#buffer { width: 428px; height: 240px; display: none; position: absolute; top: 10px; left: 2px; }
html>body .playerAndControls { border: 0px; }
html>body #player, #imageCell { height: 265px; }
html>body #imageCell img { margin-top: 12px; }

#videoControls { display: none; _display: block; width: 428px; height: 25px; position: absolute; top: 254px; left: 0px; }
#videoControls .controls { width:423px; height:24px; padding-left:5px; overflow: hidden; font-size: 9px; }
#videoControls .controls .control { float:left; display:inline; margin-top: 2px; width:22px; height:18px; margin-right:3px; }
#videoControls .controls .pause { background:url('http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_pause.gif') center repeat; cursor: pointer; }
#videoControls .controls .pauseoff { cursor: default; background:url('http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_pause_off.gif') center repeat; }
#videoControls .controls .play { background:url('http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_play.gif') center repeat; cursor: pointer; }
#videoControls .controls .playoff { cursor: default; background:url('http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_play_off.gif') center repeat; }
#videoControls .controls .stop, #videoControls .controls .stopoff { display: none; }
#videoControls .controls .next { position: absolute; width: 19px; left: 52px; top: 0px; cursor: pointer; background:url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_next_video.gif) center repeat; }
#videoControls .controls .nextoff { position: absolute; width: 19px; left: 52px; top: 0px; cursor: default; background:url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_next_video_off.gif) center repeat; }
#videoControls .controls .toStart { width: 19px; background:url('http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_prev_video.gif') center repeat; cursor: pointer; }
#videoControls .controls .backoff, #videoControls .controls .back { display: none; }
#videoControls .controls .track { float:left; display:inline; position:relative; width:250px; height:14px; margin-top:3px; margin-left:30px; border: 1px solid #000000; }
#videoControls .controls .trackon { cursor: pointer; background:#ccc; }
#videoControls .controls .trackoff { cursor: default; background-color:#82878d; }
#videoControls .controls .track .fill { position:absolute; height:14px; top:0px; left:0px; width:1px; font-size:1pt; }
#videoControls .controls .track .fillon { background:#ffffff; }
#videoControls .controls .track .filloff { background:#82878d; }
#videoControls .controls .track .seekKnob { width: 12px; height: 18px; position: absolute; top: -2px; right: -5px; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/slider.gif); z-index: 420; cursor: pointer; }
#videoControls .timeElapsed { position: absolute; top: 3px; left: 334px; font-size: 11px; width: 60px; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#fullScreen { cursor: pointer; display: none; _display: block; position: absolute; top: 256px; left: 403px; }

.headlineAndButtons { color: white; width: 430px; text-align: center; margin-top: 5px; position: relative; }
.headlineAndButtons #headline { float: left; text-align: left; width: 310px; font: bold 12px arial; margin-left: 10px; _margin-left: 5px; }
.headlineAndButtons #emailAndHelp { float: left; }
.headlineAndButtons #emailAndHelp img { cursor: pointer; }
#blurbText { color: white; clear: both; margin-left: 10px; _margin-left: 0px; font-size: 12px; margin-top: 10px; width: 410px; text-align: left; }

.videoPlayerRightCol { float: left; margin-left: 10px; width: 405px; height: 410px; }
.tabsAndSlides { width: 405px; height: 268px; text-align: left; position: relative; }
#tabs { width: 405px; color: #2a4f98; font: bold 10px arial; }
#tabs div { position: relative; top: 1px; float: left; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/tab_off_repeat.gif) repeat-x; height: 18px; margin-left: 3px; padding-right: 10px; text-indent: 10px; cursor: pointer; }
#tabs .tabLeft { position: absolute; top: 0px; left: 0px; width: 7px; height: 18px; }
#tabs .tabRight { position: absolute; right: 0px; top: 0px; width: 7px; height: 18px; }
#tabs .tabText { display: block; margin-top: 2px; }
#tabCategories { margin-left: 0px !important; }
#videoSearchBox { z-index: 100; border: 1px solid #bebebe; position: absolute; padding: 10px; background: #eeeeee; top: 18px; left: 137px; width: 250px; }
#videoSearchClose {text-align: right; padding: 5px; width: 232px; _width: 240px; cursor: pointer; text-transform: uppercase; }
#videoSearchClose img { position: relative; top: 4px; }
#videoCategories { z-index: 100; border: 1px solid #bebebe; background: #ffffff url(http://images.ibsys.com/sh/images/videoplayer/mcgr/gradient.gif) bottom repeat-x; width: 200px; position: absolute; left: 0px; top: 17px; text-transform: uppercase; }
#vidCatList { width: 198px; font: bold 11px arial; }
#vidCatList a, #vidCatList a:visited { display: block; width: 190px; _width: 198px; padding: 5px; border-top: 1px solid #aaaaaa; text-decoration: none; color: black; }
#vidCatList a:hover { background-color: #cccccc; }
#videoCategoriesClose { text-align: right; padding: 5px; width: 190px; _width: 198px; border-top: 1px solid #aaaaaa; cursor: pointer; }
#videoCategoriesClose img { position: relative; top: 4px; }

#currentCategory { clear: both; border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; width: 405px; height: 18px; font: bold 10px/18px arial; text-indent: 10px; }
#slides, #mostPopularSlides { z-index: 1; border: 1px solid #bebebe; width: 405px; height: 232px; overflow: auto; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/background_playlist.jpg) top repeat-x; background-attachment: scroll; _background-attachment: fixed;}
#mostPopularSlides { display: none; }
.slideItem { width: 183px; float: left; padding: 3px; margin: 5px 0px 10px 0px; }
.slideButtons { height: 15px; color:  #2a4f98; }
.slideButtons span { display: block; float: left; margin-left: 3px; cursor: pointer; font: bold 11px arial; }
.slidePlayText { margin-left: 0; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_play_square.gif) left no-repeat; text-indent: 15px; }
.slideAddText { background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_add_square.gif) left no-repeat; text-indent: 15px; margin-left: 5px; }
.slideImage { float: left; border: 1px solid black; cursor: pointer; height: 45px; width: 60px; }
.slideHeadline { font-size: 11px; line-height: 12px; height: 60px; width: 110px; overflow: hidden; float: left; margin-left: 3px; }

.playlistParent { margin-top: 10px; _margin-top: 5px; width: 405px; height: 130px; _height: 129px; border: 1px solid #bebebe; }
.playlistHeader { width: 405px; _width: 403px; border-bottom: 1px solid #bebebe; height: 18px; font: bold 10px/18px arial; text-indent: 10px; }
.playlistHeader .playlistHeaderText { display: block; margin-top: 2px; }
#playlist { height: 111px; _height: 112px; width: 405px; overflow-x: hidden; overflow-y: scroll; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/background_playlist.jpg) bottom repeat-x; background-attachment: scroll; _background-attachment: fixed; }
#playlist .playlistItem { clear: both; width: 390px; padding: 3px; padding-bottom: 5px; height: 12px; font-size: 11px; }
#playlist .playlistItemActive { clear: both; width: 390px; padding: 3px; padding-bottom: 5px; font-weight: bold; }
#playlist .playlistText { float: left; padding-left: 5px; width: 260px; }
#playlist .playlistPlayLink { color: #2a4f98; float: right; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_play_square.gif) left no-repeat; cursor: pointer; text-indent: 15px; margin-right: 10px; }
#playlist .playlistRemoveLink { color: #2a4f98; float: right; cursor: pointer; background: url(http://images.ibsys.com/sh/images/videoplayer/mcgr/btn_remove_square.gif) left no-repeat; text-indent: 15px; margin-right: 10px; _margin-right: 3px; }
/* --- End national_css styles --- */

/*Date: 17:13:34 PST
XSL File: site-css.xsl
Browser Type: 
Page Type: style
Section Site: natl
*/