/* Video Banner */

#video-banner { background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/vdo-banner-bg.jpg) repeat-x left top; padding:30px 7px 8px 7px; float:left; width:966px; height:340px }
ul.video-banner-leftNav {margin-top:0px}

ul.video-banner-leftNav li a { padding: 0px 10px 0px 25px; line-height:55px; display:block }
ul.video-banner-leftNav li a span { visibility:hidden;}

ul.video-banner-leftNav li.all-video a {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-all-video2.png) no-repeat left top; padding: 0px 10px 0px 25px; line-height:73px; font-size:1.3em; font-weight:bold; color:#fff; display:block}
ul.video-banner-leftNav li.all-video a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-all-video2-selected.png) no-repeat left top; padding: 0px 10px 0px 25px; line-height:73px;}

ul.video-banner-leftNav li.city a {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-city-professional.png) no-repeat left top; padding: 0px 10px 0px 25px;}
ul.video-banner-leftNav li.city a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-city-professional-selected.png) no-repeat left top; padding:0px 10px 0px 25px; line-height:55px;}

ul.video-banner-leftNav li.corp-exec a {background: url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-corporate-executive.png) no-repeat left top; padding: 0px 10px 0px 25px;}
ul.video-banner-leftNav li.corp-exec a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-corporate-executive-selected.png) no-repeat left top; padding:0px 10px 0px 25px; line-height:55px;}

ul.video-banner-leftNav li.professional a {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-professional.png) no-repeat left top; padding: 0px 10px 0px 25px;}
ul.video-banner-leftNav li.professional a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-professional-selected.png) no-repeat left top; padding:0px 10px 0px 25px; line-height:55px;}

ul.video-banner-leftNav li.women a {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-women-in-business.png) no-repeat left top; padding: 0px 10px 0px 25px;}
ul.video-banner-leftNav li.women a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-women-in-business-selected.png) no-repeat left top; padding:0px 10px 0px 25px; line-height:55px;}

ul.video-banner-leftNav li.militry a {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-militry-services.png) no-repeat left top; padding: 0px 10px 0px 25px;}
ul.video-banner-leftNav li.militry a.active {background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/tab-militry-services-selected.png) no-repeat left top; padding:0px 10px 0px 25px; line-height:55px;}

.tabbed_area {float:left; width:193px}
.content { float: left; width:712px;
    background:url(~/media/Images/S/Sjp-Academy/Images/video-banner/vdo-banner-top-bg.png) no-repeat left top;
	padding:35px 30px;
	height:278px;
	display:none;
}
.first {display:block}


/* ------------------- Search Result Page --------------- */
.searchResult .content-right{ padding-top:0;}
.error p {/*font-size:1.2em; color:ff2626; font-weight:bold; padding:10px 0;*/ margin:0 0 20px 0}
#search-result .error p{margin-bottom:0;}
.search-key {font-size:1.2em; font-weight:bold; color:#61a8c4; padding:10px 0; margin:0 0 20px 0}
.search-key span {font-size:1em; font-weight:bold; color:#001838; margin-right:15px}
.head-score {font-size:1.2em; font-weight:bold; padding:10px 0}
.result-text {font-size:1.2em; font-weight:bold; padding:10px 0}
.result-container {margin-bottom:15px}
.score {line-height:40px; font-size:1.1em}
.link-text a {text-decoration:underline; font-weight:bold; font-size:1.1em; color:#61a8c4}
.link-text a:hover {text-decoration:none}
.description-text {margin-top:5px; font-size:1.1em}

/* --------------- Pagination -------------- */
.nav_wrapper {/* border:1px solid #001838; */margin:20px 0; padding:5px 0 }
/*.nav_wrapper .pagenav { text-align:right;}*/
/*.content-center .nav_wrapper ul { float:right; margin:0 0 2px 0; }*/
.content-right .nav_wrapper ul li { float:left; list-style-type:none; margin:0 5px; padding:0; }
.content-right .nav_wrapper ul li a{ font-size:1em; text-decoration:none; color:#001838; }
.content-right .nav_wrapper ul li a:hover{ text-decoration:underline; color:#61a8c4;}
.content-right .nav_wrapper ul li strong {color:#61a8c4;}

/* -------------- Share it ------------------ */
.shareIt{ float:left; margin-left:9px;}
#ShareItContainer {font-size:1.1em; padding:0 0 5px; width:auto; float:left; position:relative}
#ShareItContainer a {float:left; line-height:19px; color:#85bdce; cursor:pointer; margin-right:6px;}
#ShareItContainer #ShareItButtonDiv a:hover {text-decoration:none;}
#ShareItContainer #ShareItButtonDiv a img {left:0; position:absolute; top:5px;}
#ShareItContainer #ShareItFloatDiv a img {padding-right:5px; float:left;}

#ShareItButtonDiv a {float:left; padding-left:22px; margin-top:-1px;}
#ShareItFloatDiv {float:left; padding-top:5px; margin-top:5px; display:none; top:12px; left:0; width:190px; position:absolute; }
#ShareItFloatDiv div {float:left; padding:1px 0; width:95px;}
#ShareItFloatDiv div#BookmarkLabelContainer,
#ShareItFloatDiv div#BookmarkIconContainer,
#ShareItFloatDiv div#EmailToFriendIconContainer,
#ShareItFloatDiv div#EmailToFriendEmailToFriendLabelContainer {
  display:inline;
  float:none;
  width:auto;
  padding:0;
}
#ShareItFloatDiv img#EmailToFriendIcon {padding-top:3px;}






/* Moving Boxes demo CSS */




/* Moving Boxes title image wrapper */
#title {
  text-align: center;
}
#title img {
  border: 0;
}

/* panel images */
.mb-inside img {
  width: 100%;
}

.current img {
  /* height of the placeholder until image completely loads - needed for
     webkit browsers, add this only if you don't want the height animation
     on startup.

     326px measures the height of the current image when enlarged 

  height: 326px;

  */
  border: 2px solid #fff;
border-top:none
}

/* panel links */
.mb-inside a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
.mb-inside a:hover {
  border-bottom: 1px solid #999;
}

/* Add/remove panels buttons */
.buttons {
  padding: 5px 10px;
  text-align: center;
}

/* direct link styling */
/*.dlinks {
  text-align: center;
  font-size: 2em;
}*/

/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
  width: 700px; /* default, this is overridden by script settings */ 
  position: relative;
  left: 0;
  top: 0;
 /* border: 5px solid #ccc;
  margin: 0 auto;

  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  box-shadow: inset 0 0 10px #888;
  -moz-box-shadow: inset 0 0 10px #888;
  -webkit-box-shadow: inset 0 0 10px #888;*/
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;

  /***(>'-')> Control Panel Font size here <('-'<)***/
  /*font-size: 1.8em;*/
}

/* active slider border highlight */
.mb-active-slider {
  border-color: #999bff;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 350px;  /* default, this is overridden by script settings */
  margin: 40px 0 0 0;
  padding: 5px 0;
  display: block;
  cursor: pointer;
  float: left;
  list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
}

.mb-panel.current {
 position:relative;
 z-index:99;
}

.mb-panel {
 position:relative;
 z-index:9;
}
/*** Inside the panel ***/
.mb-inside {
  padding:30px 0 0 0;
vertical-align:middle
 /* border: 1px solid #999;*/
}
.mb-inside * {
  max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  display: block;
  width: 35px;
  height: 32px;
  background: transparent url(~/media/Images/S/Sjp-Academy/Images/Content/My-Story/Large/arrow.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: 55px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
  z-index:999;
}
a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: 115px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: 115px;
}
a.mb-scrollButtons.mb-right:hover {
padding-top:1px
}
a.mb-scrollButtons.mb-left:hover {
padding-top:1px
}
a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}
a.mb-scrollButtons.disabled {
  display: none;
}
.mb-panel div.mb-inside p.link a {display:none}
.current div.mb-inside p.link a {
display:block;
position:absolute;
top:100px;
left:100px;
z-index:9999;
border:none;
border: 1px solid #FFFFFF;
}
.current div.mb-inside p.link a img {
border:none;
width:auto;
}

/**Video Category***/
 
.video-category{color: #001838;
    font-family: times New Roman;
    font-size: 2em;
    padding-top: 10px;
    text-align: center;
	float: left; width: 50%; margin-left: 172px;
}
.ie7 .video-category {padding-top:0}

#topvideo {
display: none;
height: 290px;
margin-bottom: 25px;
width: 511px;
padding: 8px 8px 9px 9px;
overflow: hidden;
}

#sep-vid {
background: url(~/media/Images/S/Sjp-Academy/Images/css/separator-vid.gif) bottom no-repeat;
height: 6px;
padding-top: 20px;
clear: both;
}


/*.ip3-my-story .storyVideoContainerBtm {
	height: 276px !important;
}

#the-academy .storyVideoContainerBtm {
	height: 276px !important;
}*/

#all-videos .inv_ParentContainer{
	float: left;
    width: 530px;
	}