﻿
/*======================================================Javascript Player============================================*/
.javaPlayerContainer{
margin-left:0px;
margin-top:0px;
margin-bottom:15px;
}

/* Toronto Hubpage CSS*/
#featureArticleHolder{
width:620px; /*620px*/
height:300px; /*260px*/
margin: 0px 0px 5px 0px; /*5px 0px 5px 5px;*/
}


.featuredPlayer
{
  width:650px; /*650px*/
  height:340px; /*340px*/
  overflow: hidden;
    background-color:#ffffff;
}
.FP-ImageDiv
{
  width:365px; /*400px*/
  height: 290px; /*300*/
  float:left;
  cursor: pointer;
  	margin: 0px 0px 0px 0px;
}

.FP-Image
{
  width:365px; /*400px*/
  height: 290px; /*300*/
  float:left;
  cursor: pointer;
  	margin: 0px 0px 0px 0px;
  /*	background-image: url(images/featuredplayerimg.jpg); */
}



.FP-SideBar
{
  width:240px;
height:205px;
  float:left;
  background-color:#ffffff;
  color:#000000;
  overflow: auto;
 background-image: url(../images/playermainbg4b.gif);
  background-position:top right;
  background-repeat:no-repeat;
  position:relative;
}
.FP-Thumbs
{
  position: relative;
  width:240px; /*235px*/
  height:84px; /*84px*/
  float:left;
  background-image: url(../images/toronto_javascriptplayerbottombg.gif);
  background-repeat:repeat-x;
  color: white;
}
.FP-ThumbHolder
{
  position: absolute;
  top: 5px;
  left: 20px;
  color: blue;
  height: 60px; /*48px*/
  width: 191px; /*191px*/
  overflow: hidden;
}

.FP-Abstract
{
  margin: 10px;
}

/*
.FP-Title
{
  margin: 10px;
}
*/

.FP-Sponsored{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
margin-top:0px;
}

.FP-Title
{
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color:#7eab25;
    margin: 10px;
    margin-top:5px;
    line-height:110%;


}
.FP-Abstract
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.FP-Abstract a
{
  font-family: Verdana;
  color: green;
  font-weight: bold;
  font-size: 10px;
}

.imgthumb
{
  border: solid 3px white; 
  margin-left: 1px;
  margin-right: 1px;
  cursor: pointer;
}
.imgthumbon
{
  border: solid 3px #88BAF9; 
  margin-left: 1px;
  margin-right: 1px;
  cursor: pointer;
}

.FP-TabHolder
{
  top: 10px;
  left: 15px;
  color: white;
  height:25px;
  width: 620px;
  overflow: hidden;
}
.FP-Prev
{
  position: absolute;
  top: 63px;
  left: 20px;
  color: #0071AD;
  cursor: pointer;
  font-weight:bold;
}



.FP-Next
{
  position: absolute;
  top: 63px;
  left: 172px;
    color: #0071AD;
  cursor: pointer;
  font-weight:bold;
}

.FP-Slide
{
  position: absolute;
  white-space: nowrap;
  top: 0px;
}
.FP-SlideTabs
{
  white-space: nowrap;
  top: 0px;
}
.FP-Tab
{
  width:140px;
  float:left;
  /*background-color: #DDF7EA; #E5EBA8*/
  color:#000000;
  overflow: hidden;
  margin-right:2px;
  height:25px;
  padding:5px 5px 0 5px;
  text-align:center;
   background: url(../images/tab_off.png);
}

.FP-TabOn
{
  width:140px;
  float:left;
/*  background-color: #88BAF9; #7EAB25*/
  color: white;
  overflow: hidden;
  margin-right:2px;
/*  background-image: url(images/javascriptplayertabon.gif); */
  background-repeat:no-repeat;
  height:25px;
  padding:5px 5px 0 5px;
  text-align:center;
    background: url(../images/tab_on.png);
}