@import url("/Front/Styles/Panel.css");

/* FROM HUDL */
.widget {
  background-color: #E8E8E8;
}
.rightcolumn {
  height: 435px;
  width: 225px;
  float: right;
  display: inline;
  margin: 0 0 5px 0;
}
.bottomrow {
  width: 830px;
  height: 211px;
  float: left;
}
div.widget p.contact {
  margin: 10px 20px;
}

div.profile-image {
  margin-right: 0px;
  border: solid 1px #B4B4B4;
  padding: 5px;
  background-color: #FFF;
  color: #808080;
}
div.videorowsmall:hover {
  background-color: #FFFFCC;
}


/*.td-left {
  background-image: url('Images/tdleft.PNG');
  background-repeat: no-repeat;
  width: 16px;
}

.td-center {
  height: 116px;
  background-image: url('Images/tdcenter.PNG');
  background-repeat: repeat-x;
}
.td-right {
  width: 16px;
  background-image: url('Images/tdright.PNG');
  background-repeat: no-repeat;
}

.td-videosummary {
  width: 389px;
  background-image: url('Images/tdcenter.PNG');
  background-repeat: repeat-x;
}
*/
img.video-thumb {
  border: thin black groove;
  vertical-align: middle;
  z-index: 1;
}

.playbutton {
  cursor: pointer;
  z-index: 996;
  position: absolute;
  background: Transparent url('/Front/Styles/Images/Icons/play.png') no-repeat center center;
  width: 120px;
  height: 80px;
}


/*
.stuff {
  position: relative;
  margin-top: 5px;
  overflow: hidden;
}

a:hover { color:#E8E8E8; background:transparent; text-decoration:underline; }*/

/*.published {
  background: url('Images/purplestar.png') no-repeat left top;
  margin-top: 5px;
  margin-left: -40px;
  z-index: 946;
}



.restricted {
  background: url('Images/bluestar.png') no-repeat left top;
  margin-top: +0px;
  margin-left: -35px;
  z-index: 948;
}

.published, .restricted {
  position: absolute;
  width: 20px;
  height: 21px;
}

.new {
  background-image: url('Images/greystar.png');
  z-index: 950;
}

.required {
  background: url('Images/redstar.png') no-repeat left top;
  z-index: 955;
}

.new, .required {
  position: absolute;
  width: 20px;
  height: 21px;
} 

.videoPanel, .videoPanel .left, .videoPanel .right {
  height: 106px;
  background: url('Images/leftVidPanel.png') no-repeat left top;
}

.videoPanel .left, .videoPanel .right, videoPanel .center {
  width: 8px;
  height: 100%;
}

.videoPanel {
  margin-bottom: 15px;
  width: 550px;
  padding: 0px;
  background-image: url('Images/middleVidPanel.png');
  background-repeat: repeat-x;
}

.videoPanel .left {
  float: left;
  background-image: url('Images/leftVidPanel.png');
}

.videoPanel .center {
  float: left;
  padding: 12px;
  padding-left: 3px;
  padding-right: 3px;
  width: 528px;
  color: #727272;
  font-size: 13px;
}

.videoPanel .right {
  float: right;
  background-image: url('Images/rightVidPanel.png');
}

.videoPanel img {
  float: left;
  margin-right: 20px;
}

.videoPanel .required, .videoPanel .new {
  position: absolute;
  margin-left: -30px;
  margin-top: -5px;
}

.videoPanel h3 {
  margin: 0px;
  margin-bottom: 3px;
  padding: 0px;
  color: #585858;
  font-size: 16px;
  cursor: pointer;
}

.videoPanel .center .line {
  margin-bottom: 1px;
}

.videoPanel .center .val {
}

.videoPanel .center .tags {
  margin-top: 4px;
  font-size: 12px;
  font-style: italic;
}
*/

.searchFields {
  float: right;
  width: 280px;
}

.searchFields .required, .searchFields .new {
  width: auto;
  padding-left: 25px;
  padding-top: 2px;
}

.searchFields .new {
}

.panel {
  margin: 20px;
  margin-left: 39px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.panel .top .center {
  width: 882px;
}

.top, .bottom
{
    border:0px;
    padding:0px;
}

.panel .top .center2 {
  border-width: 0px;
  height: 100%;
  background: url('/Front/Styles/Images/Panel/dgtopbar.png') repeat-x left top;
  float: left;
  width: 0px;
}

.panel .top .rightCorner {
  /*background-image:url('Images/dgcorner-topright.png');*/
}

.panel .bottom .center {
  background-image: url('/Front/Styles/Images/Panel/lgbottombar.png');
  width: 882px;
}

.panel .bottom .leftCorner {
  background-image: url('/Front/Styles/Images/Panel/lgcorner-bottomleft.png');
}

.panel .bottom .rightCorner {
  background-image: url('/Front/Styles/Images/Panel/lgcorner-bottomright.png');
}

.panel .middle {
  background: url('/Front/Styles/Images/Panel/lgbackground.png') repeat-x left bottom;
  border: 0 1px;
}


.panel .bottom {
  margin-top: -15px;
}



.panel .top .content {
  float: left;
  font-size: 18px;
  font-style: italic;
  padding-top: 3px;
  padding-left: 5px;
}

.panel .middle {
}

.panel .middle .content {
  width: 850px;
}


.smallRow {
  height: 45px;
  /*width: 235px;*/
  padding: 0px;
}

/*.smallRow:hover {
   background-color: #B7C8D3;
}*/

.normalRow {
  background-color: Transparent;
}

.altRow {
  /*background-color: #DEDEDE;*/
}


.helpLine {
  width: 100%;
  height: 35px;
}

.helpLine .content {
  padding: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.helpLine .content .left {
  float: left;
  margin-left: 10px;
}

.helpLine .content .right {
  float: right;
  margin-right: 10px;
}

#TabBodySpacerContainer {
  padding: 0px;
}

#hd_nosilverlight {
  border: solid 1px #DDDDDD;
  background-color: #EFEFEF;
  padding: 10px;
  padding-top: 0px;
  margin-bottom: 15px;
  display: none;
}

.videoEditButton {
  margin-bottom: 2px;
  height:15px;
  width:15px;
}

table.videoPanelTable .videoEditButton {
  margin: 3px;
}

.cboxCloseHidden {
  display: none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  border: 1px solid #eeeeee;
  background: #ffffff url(/Front/Styles/Images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #cc0000;
  outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #cc0000;
  outline: none;
  text-decoration: none;
}
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_cc0000_256x240.png);
}



#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #eee;
  padding: 5px;
}
#tooltip h3, #tooltip div, #tooltip span {
  margin: -5px;
}

.reportingTable {
  width: 100%;
}
.reportingTable .reportingHeader {
  font-size: 12px;
  font-weight: bold;
  vertical-align: bottom;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
}
.reportingTable .reportingBody {
  font-size: 10px;
  vertical-align: middle;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;

}
.videoNameColumn {
  text-align: left;
  font-weight: bold;
}
.totalViewColumn {
  font-weight: bold;
  text-align: center;
  width:75px;
}
.publishedToColumn {
  font-weight: bold;
  text-align: center;
  width:75px;
}
.groupViewsColumn {
  font-weight: bold;
  text-align: center;
  width:75px;
}
.groupWatchedColumn {
  font-weight: bold;
  text-align: center;
  width:85px;
}
.percentViewedColumn {
  font-weight: bold;
  text-align: center;
  width:85px;
}
.requiredColumn {
  font-weight: bold;
  text-align: center;
  width:70px;
}
.userSelectColumn
{
  font-weight: bold;
  text-align: center;
  width:75px;
}
.userCompleteColumn
{
  font-weight: bold;
  text-align: center;
}
.userNameColumn
{
  text-align: left;
  font-weight: bold;
}

.sorting_asc
{
    color:#000000;
    background-color:#FFFFFF;
}
.sorting_desc
{
    color:#000000;
    background-color:#FFFFFF;
}
.sorting
{
    color:#000000;
    background-color:#FFFFFF;
}

.no_sorting
{
    color:#000000;
    border-bottom:1px solid #333333;
}

.showDetails
{
    text-align:center;
}

td.details
{
    background-color:Transparent;
}

.shareShareColumn
{
  font-weight: bold;
  text-align: center;
  width:75px;
}

.shareUserIdColumn
{
  font-weight: bold;
  text-align: center;
  width:75px;
}

.shareDisplayNameColumn
{
  font-weight: bold;
  text-align: center;
  width:200px;
}

.shareLastNameColumn
{
  font-weight: bold;
  text-align: center;
  width:150px;
}

.shareFirstNameColumn
{
  font-weight: bold;
  text-align: center;
  width:150px;
}