body
{
	background: #FFFFCC;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 5px 5px 10px 5px;
}
a:link, body_alink
{
	color: #22229C;
}
a:visited, body_avisited
{
	color: #22229C;
}
a:hover, a:active, body_ahover
{
	color: #FF4400;
}
.page
{
	background: #FFFFCC;
	color: #000000;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #D1D1E1;
	color: #000000;
	border: 1px solid #0B198C;
}
.tcat
{
	background: #869BBF url(../../images/gradients/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.thead
{
	background: #5C7099 url(../../images/gradients/gradient_thead.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.tfoot
{
	background: #3E5C92;
	color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
	color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66;
}
.alt1, .alt1Active
{
	background: #F5F5FF;
	color: #000000;
}
.alt2, .alt2Active
{
	background: #FFFFFF;
	color: #000000;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #FFFFFF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #E4E7F5 url(../../images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D1D4E0 url(../../images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }


.videobits {
width: 230px;
height: 210px;
margin: 5px 15px;
vertical-align: top;
font-size: 11px;
border: none;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}



.vidcaption, .vidsearchresults{
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    line-height: 1.2em;
    box-sizing: border-box;
    zoom:1;
    *display:inline;
}

.vidcaption.left {
    text-align: left;
    width: 116px;
}

.vidcaption.right {
    text-align: right;
    width: 76px;
}
.vidcaption.title {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    width: 192px;
}

.vidsearchresults.left {
    text-align: left;
    width: 70%;
}

.vidsearchresults.right {
    text-align: right;
    width: 30%;
}

.postvideobits, .freevideobits {
position: relative;
width: 230px;
height: 210px;
margin: 5px 15px;
vertical-align: top;
font-size: 11px;
border: none;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}


.postvideobits:after, .freevideobits:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 20px;
    width: 192px;
    height: 144px;
    z-index: 100;
    background: transparent url(https://forum.oneclickchicks.com/images/jab_play-button-overlay.png) no-repeat center;
    pointer-events: none;
}

.postvideobits:hover:after, .freevideobits:hover:after { 
    content: ""; 
    position: absolute; 
    top: 0; 
    width: 192px; 
    height: 144px; 
    z-index: 100; 
    background: none; 
    pointer-events: none; 
}

.streamingvideonotice {
    font-size: 20px; 
    color: #F00;
    font-weight: bold;
    text-align: center;
}

.editthumbnailbits {
position: relative;
width: 200px;
height: 200px;
margin: 5px 15px;
vertical-align: top;
font-size: 11px;
border: none;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
text-align: center
}




#endscreen .when-video-ends {
/* position end screen outside player area */
  position: absolute;
  left: -9999em;
  top: 20%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  text-align: center;
  width: 100%;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#endscreen .when-video-ends h3 {
  font-size: 60px;
  font-weight: bold;
  margin-bottom: -10px;
  color: #ccc;
}
#endscreen .when-video-ends h4 {
  font-size: 25px;
  color: #777;
}
#endscreen .when-video-ends .button {
  background-color: #00a6bc;
  padding: 20px 30px;
  margin: 15px 0;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 20px;
  color: #eee;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
#endscreen .when-video-ends .button:hover {
  background-color: #00afc6;
}
#endscreen .when-video-ends .button:active {
  background-color: #009db2;
}
#endscreen .when-video-ends .fp-toggle {
  display: block;
  color: #777;
  font-size: smaller;
  cursor: pointer;
}
#endscreen .when-video-ends .fp-toggle:hover {
  color: #444;
}
#endscreen {
  background: url("/media/img/demos/black_big.jpg");
}
#endscreen.is-finished {
  background: #333;
  -webkit-transition: background-color 0.7s;
  -moz-transition: background-color 0.7s;
  transition: background-color 0.7s;
}
#endscreen.is-finished .fp-ui,
#endscreen.is-finished .fp-engine {
/* Flash-save way to hide the engine */
  top: -9999em;
}
#endscreen.is-finished .when-video-ends {
/* position end screen inside player area */
  left: 0;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}