/* Style for vidSearch */

.vidRes{
	width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #E4E4E4;
}
.vidThumb{
	vertical-align: top;
}
.vidThumb a{
	padding: 0px;
}
.vidDetail{
	width: 100%; padding: 0px 5px 0px 5px; font-size: 11px; vertical-align: top;
}
.vidTitle{
	padding: 0px; font-family: verdana, arial; font-size: 15px; color: #EF7222; font-weight: bold;
}
.vidDur{
	padding: 1px; background-color: #EF7222; color: #FFFFFF; font-weight: bold;
}
.vidDesc{
	padding: 5px 0px 5px 0px; text-align: justify;
}
.tags{
	padding: 3px 0px 3px 0px; text-align: left;
}
.tags a{
	color: #0063DC; padding-left: 1px;
}
.vidHist{
	text-align: left;
}
.vidRate{
	padding: 3px 0px 3px 0px;
}

/* Style for vidSearch end */

/* style for vidShow */

.vidNwShow{
	padding: 5px; font-family: verdana, arial; font-size: 13px; color: #DB4300; font-weight: bold;
}
.vidList{
	margin: 0px 8px 0px 8px; padding: 5px 0px 5px 0px; height: 398px; background-color: #EEEEEE; font-family: verdana, arial; font-size: 11px; display: block; overflow: auto; text-align: center;
}
.resTxt{
	margin: 5px; padding: 5px; background-color: #FFFFFF; font-family: verdana; font-size: 10px; text-align: left;
}
.resTxt a{
	color: #0063DC;
}
.vid2Shw{
	float: left; padding: 2px; margin: 5px; border: 0px solid #000000;
}
.vidThumb2{
	float: left; vertical-align: top;
}
.vidThumb2 a{
	padding: 0px;
}
.vidDetail2{
	float: left; padding: 0px 5px 0px 5px; font-size: 11px; vertical-align: top; text-align: left;
}
.vidTitle2{
	padding: 0px; font-family: verdana, arial; font-size: 11px; color: #EF7222; font-weight: bold;
}
.vidDur2{
	margin: 3px 0px 3px 0px; font-size: 11px;
}
.vidEmbed{
	margin: 0px 8px 8px 8px; padding: 5px; border: 1px solid #E4E4E4; font-size: 11px;
}
.EMBDcode{
	padding: 2px; font-size: 11px; text-align: left;
}
.EMBDcode input{
	font-family: arial, verdana; font-size: 10px; width: 100%; color: #656565;
}
.vidCmnt{
	margin: 5px; padding: 5px; border: 1px solid #E4E4E4; font-size: 11px;
}
.vidCmnt div.userNm{
	 margin: 2px; padding: 5px; background-color: #EEEEEE;
}
.vidCmnt div.userNm a{
	 font-weight: bold; color: #0063DC;
}
.vidCmnt div{
	 margin: 2px; padding: 5px; text-align: justify;
}

.userProfile{ width: 98%; font-family: Verdana, Arial; font-size: 12px; }
.userProfile p.heading{ font-size:12px; font-weight: bold; padding: 5px; border: 1px solid #E4E4E4; background-color: #F8F8F8; color: #DB4300; }
.userProfile p.heading{ font-size:14px; font-weight: bold; padding: 5px; border: 1px solid #E4E4E4; background-color: #F8F8F8; color: #DB4300; }
.userProfile p{ text-align: justify; }
/* All Tabs starts from here */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
  margin-top: 1em;
  width: 98%;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
  margin:0;
  padding: 3px 0;
  border-bottom: 1px solid #778;
  font: bold 12px arial, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
  font-family: arial, sans-serif;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  padding-top: 0.2em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #E5E5E5;
  text-decoration: none;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover {
  color: #fff;
  background: #DB4300;
  border-color: #DB4300;
}

ul.tabbernav li.tabberactive a {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: white;
  border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  padding: .5em 2em 2em 2em;
  border:1px solid #778;
  border-top:0;

  /* If you don't want the tab size changing whenever a tab is changed
	 you can set a fixed height */

  /* height:200px; */

  /* If you set a fix height set overflow to auto and you will get a
	 scrollbar when necessary */

  /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
/* .tabberlive#tab1 {
}
.tabberlive#tab2 {
} */
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* Tabs End */
/* style for vidShow end */