/**********************************************************************
PAGE SIZE SETTINGS
**********************************************************************/
body {background:url(/images/MastbannerBGrepeat.png) repeat-x top;}
div#bgPhoto {background:url(/images/bgMasthead.jpg) center 30px no-repeat; width: auto; height:auto; margin:0 auto}
div.photo800 {background:url(/images/bgMasthead800.jpg) 0 30px no-repeat !important;width:1030px !important} 
div.container { width:980px}
div.container > div.content { width:980px; background:none;margin:0; padding:0; z-index:20}
div.container div#header { width:980px; height:230px; padding:0; z-index:1}

div.col1 {width: 360px;overflow: hidden;float: left;position: relative;padding-top:30px; margin-right: 20px;}
div.col1 p {width: 360px;overflow: hidden; padding-bottom:10px}
div.col2 {width: 200px;overflow: hidden;float:left;position:relative;}
div.col3 {width: 395px;overflow: hidden;float:left;position:relative; z-index:10px; margin-top:-36px}

div.container div.utility-container {background:none; padding:2px 0 0 15px; height:28px}
div.container ul.utilitylinks {margin: 0;padding: 0;}
div.container ul.utilitylinks li {display: inline;margin: 0;}
div.header li.paypalcart {display:none}
img {border:0}


/**********************************************************************
SLIDER BOX WITH INDEX
**********************************************************************/
div.slideShowBox {display: block;background:url(/images/slideshowbk.png) 0 0 no-repeat;width:360px;height:169px;position:relative;clear:left;overflow: hidden;}
ul.slideShow {width:339px;height:120px;list-style-type: none;padding: 0px;margin: 0px;float:left;left: 10px;top: 40px;position:relative;}
ul.slideShow li {display: none;}
div.slideShowIndex {position:absolute;padding-top:3px;top:4px;right:10px;display:block;height: 24px;}
div.slideShowIndex div {display: inline-block;padding: 1px 2px 1px 2px;margin: 0px 2px 0 2px;background:url(/images/pagerbk.png) 0 0 no-repeat;color: #c0c0c0;font-size:11px;font-weight:bold;text-align:center;cursor:pointer; display:inline-block; height:20px; margin:0 1px; padding:3px 0; width:20px; float:left;}
div.slideShowIndex div.selected {color: #000000;}


/**********************************************************************
HORIZONTAL SLIDER WITH PAGING
**********************************************************************/
div.horizSliderBox {width:183px;height:351px;background:url(/images/spotlightbackground.png) 0 0 no-repeat;position:relative; padding-left:10px;}
ul.horizSlider {list-style: none;padding: 0;margin: 0;position: relative;width:183px;height:312px;overflow: hidden;}
ul.horizSlider li {margin-left:0px; width: 185px;height: 312px; position: absolute;left: 0;top: 10px;display:none;color: #333333;}
ul.horizSlider li div.top { margin-bottom:5px; }
ul.horizSlider div.hpPersonPhoto {width: 70px;height: 103px;padding-bottom:10px;}
ul.horizSlider div.hpPersonPhoto img {border:solid 1px #333333;width:68px;height:101px;}
ul.horizSlider span.horizSlider-title {display:block;position:absolute;color:#737373;right:5px;top:25px;background-image:url(/images/frontier-spot-text.png);width:105px;height:83px;}
ul.horizSlider div.hpPersonDetails {height:63px;}
ul.horizSlider div.hpPersonDetails div.hpPersonTitle {font-size:14px;padding-top:2px;}
ul.horizSlider div.hpPersonDetails div.hpPersonJob {font-size:10px;font-weight:bold}

ul.horizSlider li div.jScrollPaneContainer {margin-top:0px; position:relative; background:none; border:none}
ul.horizSlider div.hpPersonDescr {color:#FFFFFF;height:116px;width:176px;font-size:10px;}
ul.horizSlider li div.jScrollPaneContainer div.jScrollPaneTrack {background:url(/images/scroll-bar-horiz-slider.jpg) center top no-repeat; margin-right:4px }

div.horizSliderPaging {width: 183px;height: 40px; padding-top:5px}
div.horizSliderPaging div.horizSliderPagePrev {float:left;margin-left:0px;width:67px;height:26px;background-image:url(/images/spotlightprev.png);background-repeat:no-repeat;background-position:top left;line-height:26px;text-align:center;color:#464646;cursor:default;}
div.horizSliderPaging div.horizSliderPageNext {margin-right:10px;width:67px;height:26px;float:right;background-image:url(/images/spotlightprev.png);background-repeat:no-repeat;background-position:top left;cursor:default;text-align:center;line-height:26px;color:#464646;}
div.horizSliderPaging div.horizSliderPagePrevActive {background-image:url(/images/spotlightnext.png);background-repeat:no-repeat;background-position:top left;cursor: pointer;color:#000;}
div.horizSliderPaging div.horizSliderPageNextActive {background-image:url(/images/spotlightnext.png);background-repeat:no-repeat;background-position:top left;cursor: pointer;color: Black;}

ul.horizSlider p.photo img {border:solid 1px #333333;}
ul.horizSlider p.details span.title {font-size:14px;padding-top:2px;}
ul.horizSlider p.description {color:#FFFFFF;padding-right:20px;padding-top:5px;}

div.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
div.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0px;height:100%;background: #5a5a5a;width:4px;}
div.TabBox .jScrollPaneTrack {left:358px;}
div.jScrollPaneDrag {position: absolute;background: #8aab45;cursor: pointer;overflow: hidden;}
div.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
div.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}

ul.horizSlider li.red {background-color: Red;}
ul.horizSlider li.yellow {background-color: yellow;}
ul.horizSlider li.green {background-color: green;}


/**********************************************************************
PRIMARY NAVIGATION
**********************************************************************/
div.primarynavigation {clear:both;height:206px;margin:0;padding:0;position:relative;left:0px;width:396px;top:0px;background : url(/images/primarynavbkbig.png) 0 top no-repeat;}
div.primarynavigation ul.topnav {background:none;height:206px;width:396px;margin: 0;padding: 0;list-style-type:none;padding-left:12px;position:relative;}
div.primarynavigation ul.topnav li {float: left;background : url(/images/primarynav_greybox.png) 0 top no-repeat;width:112px;height:34px;font-size:14px;margin:13px 19px 0px 0px;z-index:1000;position:relative;}
div.primarynavigation ul.topnav li a {display: block;padding: 0 10px;margin: 0;line-height: 23px;color: #ffffff;font-weight: 700;text-decoration: none;}
div.primarynavigation ul.topnav li a:hover,
div.primarynavigation ul.topnav li a.on {color:#fff;}
div.SectionNavigatorMenu {background-image:url(/images/primarynav_greybox_.png);background-position:0 bottom;background-repeat:repeat-y;font-size:12px;color:#18b4da;width:112px;height:155px;overflow:hidden;margin-top:0px;z-index:9999999;	top:34px;position:absolute;padding-top:0;}


/**********************************************************************
TABS BOXES
**********************************************************************/
div.TabBox {width: 372px;height: 227px;background:url(/images/featurerightboxbk.png) 0 0 no-repeat;margin-top:13px;position:relative;margin-left:13px;}
div.TabBox div.TabContent ul {padding: 0px;margin: 0px;list-style: none;}
div.TabBox ul.TabContents {padding: 0px;margin: 0px;list-style: none;overflow:hidden;width: 372px;height: 197px;}
div.TabBox ul.TabContents li {margin-bottom:7px;}
div.TabBox ul.Tabs {padding: 0px;margin: 0px;list-style: none;}
div.TabBox ul.Tabs li {float: left;}
div.TabBox div.TabContent {padding:4px 4px 4px 4px;width:364px;height:180px;}

div.jScrollPaneContainer {margin-top:5px;position:relative;overflow:hidden; background:none; border:0}
div.TabBox ul.Tabs li.TabEmpty {font-weight: bold;color: Gray;font-style: italic;cursor: default;}
div.TabBox div.TabClickable {cursor: pointer;color: #333333;font-size:15px;line-height:29px;height:29px;margin-right:10px;float:left;}
div.TabClickable div {width:6px;float:left;height:29px;}
div.TabClickable p {display:block;float:left;height:29px;line-height:29px;padding:0 1px 0 1px;}
div.TabClickable span {width:6px;display:block;float:left;height:29px;}
div.TabBox div.TabSelected {display:block;float:left;background-image:url(/images/tabboxbk-center.jpg);background-position:top left;background-repeat:repeat-x;height:29px;line-height:29px;color:#3ab2d4;margin-top:1px;cursor:default;}
div.TabBox div.TabSelected span {background-image:url(/images/tabboxbk-left.jpg);}
div.TabBox div.TabSelected div {background-image:url(/images/tabboxbk-right.jpg);}



/**********************************************************************
VIDEO LIST STYLE
**********************************************************************/
div.TabContents ul {list-style:none;padding:0px;margin:0px;}
div.TabContents li {padding:4px 0px 4px 4px;}
div.VideoInfoBox {position:relative;}
div.VideoInfoBox div.VideoIcon {position:relative;float:left;width:20px;z-index:1;display:none}
div.VideoInfoBox div.VideoCoverBox {position:relative;z-index:1;float:right;width:100px;margin-left:5px}
div.VideoInfoBox img.VideoFixedCoverImage {width:92px;}
div.VideoInfoBox div.VideoText {position:relative;padding-left:5px;width:240px; float:left}
div.VideoInfoBox div.VideoText a.ShowVideoEmbedded, 
div.VideoInfoBox div.VideoText a.ShowVideoEmbedded:hover {font-size:14px;font-weight:bold;text-decoration:none;}
div.VideoInfoBox div.VideoText div.VideoInfo div.VideoSource {font-size: 11px;color:#3AB2D4;margin-bottom:2px;}
.news-item-tab {padding:0 5px;}
div.TabBox .news-date {font-size:10px; color:#5f5f5f}
div.TabBox .news-title-tab {font-size:14px;font-weight:bold;}
div.TabBox .news-title-tab a {text-decoration:none;}

/* for JscrollPane */
div.TabContent div.useful-links-container { margin-bottom:0; }