/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em}#doc2{width:73.076em;*width:71.25em}#doc3{margin:auto 10px;width:auto}#doc4{width:74.923em;*width:73.05em}.yui-b{position:relative}.yui-b{_position:static}#yui-main .yui-b{position:static}#yui-main,.yui-g .yui-u .yui-g{width:100%}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0}#yui-main .yui-b{float:none;width:auto}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%}.yui-gc div.first,.yui-gd .yui-u{width:66%}.yui-gd div.first{width:32%}.yui-ge div.first,.yui-gf .yui-u{width:74.2%}.yui-ge .yui-u,.yui-gf div.first{width:24%}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0}.yui-g .yui-g .yui-u{width:48.1%}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%}.yui-g .yui-gb .yui-u{_margin-left:1.0%}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0}.yui-gb .yui-gb .yui-u{_margin-left:.7%}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0}.yui-gb .yui-gd div.first{width:32%}.yui-g .yui-gd div.first{_width:29.9%}.yui-ge .yui-g{width:24%}.yui-gf .yui-g{width:74.2%}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%}.yui-ge div.first .yui-gd .yui-u{width:65%}.yui-ge div.first .yui-gd div.first{width:32%}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:"";display:block;clear:both}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1}/*!
 * jQuery UI Bootstrap (0.22)
 * http://addyosmani.github.com/jquery-ui-bootstrap
 *
 * Copyright 2012, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */


/* Component containers
----------------------------------*/
.ui-widget {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(module/msJquery/bootstrap-theme/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content p { padding: 5px; }
.ui-widget-content p.warning { color: #FF0000; font-weight: bold; text-align: center; }
.ui-widget-content span.warningUrl { color: #FFF; }
.ui-widget-content a { color: #404040; }
.ui-widget-content p.warning a { color: #FFF; font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.ui-widget-header {
  font-weight:bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border:1px solid #666;

 }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;

 }


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;


 }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/


.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {


  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);


}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {


  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);


}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;  }



/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(module/msJquery/bootstrap-theme/images/ui-icons_f6cf3b_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { background-color: #000; opacity: .70;filter:Alpha(Opacity=70); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background-color: #000; opacity: .70;filter:Alpha(Opacity=70); }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-weight:bold; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  background:#0064CD;
  color:#fff
}


/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {

  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  margin: 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;

} /* the overflow property removes extra width in IE */

.ui-button-primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}



.ui-button-success{
  color:#ffffff;
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-error{
  color:#ffffff;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */

.ui-button .ui-button-text { display: block;   }
.ui-button-text-only .ui-button-text {  }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; /*tempfix*/ display:none;}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/


.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */



/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/

background: url("boxtop.png") repeat-x scroll 0 0 transparent; 
border-radius: 2px 2px 0 0; 
color: black; 
font-family: 'BankGothicMed'; 
font-size: 13px !important; 
font-weight: bold; 
height: 16px; 
margin: -27px 0 0 -11px; 
padding: 1px 2px 0 0; 
position: absolute; 
text-align: center; 
text-transform: capitalize; 
width: 100%; 
z-index: 1;

}
.ui-dialog .ui-dialog-title {
  float: left;
  color:#404040;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;

}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.ui-dialog .ui-dialog-titlebar-close span { 
  display: block; 
  margin: 1px;
  text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0;   filter: alpha(opacity=90);
  -khtml-opacity: 0.90;
  -moz-opacity: 0.90;
  opacity: 0.90;   }

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;

}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#595a5a',GradientType=0 );
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #7c7c7c #7c7c7c #7c7c7c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;

  color: #ffffff;
  background-color: #24282B;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#CCC), to(#24282B));
  background-image: -moz-linear-gradient(top, #CCC, #24282B);
  background-image: -ms-linear-gradient(top, #CCC, #24282B);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #24282B));
  background-image: -webkit-linear-gradient(top, #CCC, #24282B);
  background-image: -o-linear-gradient(top, #CCC, #24282B);
  background-image: linear-gradient(top, #CCC, #24282B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#24282B', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #24282B #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
 .ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */


.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
  background:whiteSmoke;
  border-bottom:1px solid #ddd;
  padding-bottom:0px;
   color:#00438A;
}


.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li {  text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; 

}

.ui-tabs-nav .ui-state-default{
  -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.ui-tabs .ui-tabs-nav li a {

  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;


 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; outline:none;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {

  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color:gray;
  outline:none;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover{
  background:#ffffff;
  outline:none;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#0069D6; background:none; font-weight:bold; margin-bottom:-1px;} 
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li{
  filter:none;
}



/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

.ui-datepicker th{
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;

}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;

}


.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}

.ui-datepicker td:hover{
  color:white;
}

.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding:5px;
  color:gray;
  text-align: center;
  filter:none;
}


.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color:white;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-default:hover{
  background:#0064cd;
  color:white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;

/*this can be removed if ui-widget-header is blue*/
    color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }



/*** Input field styling from Bootstrap **/
 input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(57, 6, 3, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 7, 0, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 7, 0, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 7, 0, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}

input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}



/**Toolbar**/

.ui-toolbar{
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}


/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:nth-child(2){
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
   overflow: visible;
}



/***Wijmo Theming**/

div.wijmo-wijmenu{
  padding:0 20px;
  background-color: #222;
  background-color: #222222;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{    
  color:#BFBFBF;
}

.wijmo-wijmenu .ui-state-hover{
  background: #444;
  background: rgba(255, 255, 255, 0.05);
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{
  color:#ffffff;
}

div.wijmo-wijmenu .ui-widget-header h3{
  position: relative;
  margin-top:1px;
  padding:0;
}

.wijmo-wijmenu h3 a{
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  margin-left: -20px;
  margin-top:1px;
  padding: 8px 20px 12px;
}

.wijmo-wijmenu h3 a:hover{
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
  text-decoration: none;
}

.wijmo-wijmenu .ui-widget-header{
  border:0px;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{
  padding: 0.3em 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{
  background: #333;
  border:0;
  margin:0;
  padding: 6px 0;
  width:160px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

div.wijmo-wijmenu .wijmo-wijmenu-item{
  margin:0;
  border:0;
}

.wijmo-wijmenu a.wijmo-wijmenu-link{
  margin:0;
  line-height: 19px;
  padding: 10px 10px 11px;
  border:0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius:0;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{
  display:block;
  float:none;
  padding: 4px 15px;
  width:auto;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
  float:none;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
  background: #191919;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{
  padding: 5px 0;
  background-image: none;
  background-color: #222;
  border-top: 1px solid #444;
  border-bottom:0;
  border-left:0;
  border-right:0;
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
  -moz-transition: none 0s ease 0s;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #111111;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1;
  margin: 5px 10px 0 10px;
  padding: 4px 9px;
  width:100px;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
  background-color: #FFFFFF;
  border: 0 none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #404040;
  outline: 0 none;
  padding: 5px 10px;
  text-shadow: 0 1px 0 #FFFFFF;
}


.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  text-shadow:none;
}


.wijmo-wijmenu .ui-state-default{
  box-shadow: none;
  color:#BFBFBF;
  filter: none;
}


.bootstrapDialog { }
.bootstrapDialog .control-group { margin: 10px 0; }
.bootstrapDialog .control-group .control-label { }
.bootstrapDialog .control-group .controls { margin-top: 3px; }
.bootstrapDialog .control-group .controls input { width: 100%; }
.bootstrapDialog .control-group .controls select { width: 100%; }
.bootstrapDialog .control-group .controls textarea { width: 100%; }/* SLIMBOX */

#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(module/msJquery/images/loading.gif) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(module/msJquery/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(module/msJquery/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(module/msJquery/images/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #000;
    background: #6C7994;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('module/msJquery/loadMaskLoading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #000;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}.clear { clear: both; }
.hide { display: none; }
body { text-align: left; }

#applicationContainer { width: 751px; margin: 0 auto; padding: 20px 0px 20px 0px; }
#applicationContainer h1 { font-size: 24px; color: white; }
#applicationContainer .bold { font-weight: bold; }
#applicationContainer #addalias { margin: -28px 0 0 170px; position: absolute; text-transform: uppercase; }

.applicationSection { padding: 10px 0; }
.applicationSection a { color: white; padding: 0 1px; }
.applicationSection h2 { font-size: 18px; color: white; margin-bottom: 10px; }
.applicationSection#formStep7 h2 { margin-top: 10px; }
.applicationSection#formStep7 h2:first-child { margin-top: 0; }
.applicationSection ul, .applicationSection ol { margin: 0 0 0 20px; }
.applicationSection ol li { list-style: decimal !important; }
.applicationSection .warning { color: white; font-weight: bold; font-size: 15px; }

#requiredPhotoList { }
#requiredPhotoList li { float: left; width: 20%; margin: 5px 1% 15px; }
#requiredPhotoList li h3 { color: white; font-weight: bold; font-size: 14px; }
#requiredPhotoList li p { min-height: 45px; font-size: 12px; }
#requiredPhotoList li img { }
#requiredPhotoList li input[type=file] { margin-top: 5px; width: 93%; }

#applicationLeft { width: 50%; float: left; }
#applicationRight { width: 50%; float: right; }

.applicationForm { }
.applicationForm .formRow { padding: 2px 0; }
.applicationForm .formRow label { width: 115px; display: inline-block; text-align: right; margin: 0 10px 0 0; }
.applicationForm .formRow .textInput { border: 1px solid #999; height: 20px; width: 153px; }
.applicationForm #signature { float: left; margin: 1px 5px 0 0; }
.applicationForm .formRow .drop { width: 153px; }
.applicationForm .billingForm2 { margin: 10px 0 0; }
.applicationButton { border: 1px solid white; padding: 4px !important; text-transform: uppercase; background-color: #08C; color: white !important; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.applicationButton:hover { background-color: #1e9cdb; }
.applicationSection .graybutton { padding: 7px 20px; font-weight: bold; margin-bottom: 7px; }

#applicationBreadcrumbs { margin-bottom: 55px; }
#applicationBreadcrumbs .breadcrumb { display: inline-block; border-bottom: 2px solid #385064; height: 20px; text-align: center; padding-bottom: 5px; }
#applicationBreadcrumbs .breadcrumb div { background:url(module/msApplication/circle.png) no-repeat; width: 11px; height: 11px; position: absolute; margin: 6px 0 0 60px; }
#applicationBreadcrumbs .breadcrumb.active div { background:url(module/msApplication/point.png) no-repeat; }
#applicationBreadcrumbs .breadcrumb h1 { font-size: 12px; width: 116px; }

#requiredPhotoList { margin: 0; }
#requiredPhotoList li { margin: 5px 11px 15px; width: 165px; }body { text-align: left; }
.clear { clear: both; }
.hide { display: none; }
.warning { color: #FCFF50; }
#rulesForm .warningInput { background-color: #FFADAD; color: #000; border: 1px solid #FF0000; }

#authContainer { width: 751px; margin: 0 auto; }
#authContainer h2 { font-size: 16px; }
#authContainer .thirdColumn { float: left; width: 33%; }
#authContainer .thirdColumn h1 { font-size: 18px; margin-bottom: 5px; }
#authContainer .thirdColumn h2 { margin-bottom: 5px; font-weight: bold; text-transform: capitalize; font-size: 15px; }
#authContainer .halfColumn { float: left; width: 50%; }
#authContainer .halfColumn h1 { font-size: 18px; }
#authContainer #authLowerLinks { margin-top: 25px; text-align: center; }

/* FORMS AND LABELS */
#authContainer .control-group { margin-bottom: 10px; }
#authContainer .control-group .control-label { }
#authContainer .control-group .controls { padding: 2px 0 4px; display: block; }
#authContainer .control-group .controls input { }
#authContainer .errorMsg { display: none; color: red; font-size: 12px; margin: 3px 0 0 0; }
#authContainer .errorMsgOneClick { display: none; color: #FCFF50; font-size: 12px; margin: 10px 0 5px 0; }
#authContainer .errorMsgPass { display: none; color: red; font-size: 12px; margin: 3px 0 0 0; text-align: center; }
#authContainer .successMsg { display: none; color: green; font-size: 12px; margin: 3px 0 0 0; }

#authContainer #loginForm { margin-top: 25px; }

.form-horizontal { }
.form-horizontal .control-group { }
.form-horizontal .control-group.dialogError { }
.form-horizontal .control-group.dialogError p { color: red; margin: 5px 0; text-align: center; }
.form-horizontal .control-group .control-label { font-size: 14px; }
.form-horizontal .control-group .controls { margin: 5px 0; }
.form-horizontal .control-group .controls input { width: 97%; }
.form-horizontal .control-group .controls select { width: 97%; }
.form-horizontal .control-group .controls textarea { width: 97%; }

#authContainer #registrationForm { }
#authContainer #registrationForm .control-group { position: relative; }
#authContainer #registrationForm .control-label { font-weight: bold; width: 170px; display: inline-block; text-align: right; font-size: 13px; }
#authContainer #registrationForm .note { position: absolute; left: 133px; top: 30px; width: 173px; text-align: right; font-size: 11px; }
#authContainer #registrationForm .controls { display: inline-block; }

#authContainer .uppercase{text-transform:uppercase;}

#authContainer  .split-page{width:100%;}
#authContainer  .split-page::after{content: "";display: block;clear:both;}

#authContainer  .split-page .image{display:block;margin:0 auto; width:100%;}
#authContainer  .split-page .left{float:left; width:53%;margin-right: 2%;}
#authContainer  .split-page .right{float:left; width:45%;}

#packageList { }
#packageList li { margin: 10px 20px; }
#packageList li .graybutton { margin-right: 15px; }
#packageList li span { }

div.upgradeBuyTime { height: 50px; margin: auto 50px; padding: 30px 0 40px; text-align: center; }
div.upgradeBuyTimeDesc { margin: auto 50px; padding: 20px 0 10px; text-align: justify; }
div.upgradeBuyTimeDesc p { margin: 10px; }

div.cascadingBilling { width: 360px; margin: auto; }
div.cascadingBilling p { margin: 20px; font-weight: bold; }
div.cascadingBilling div.ccbill { float: left; width: 120px; text-align: left;  }
div.cascadingBilling div.arrow { float: left; width: 120px; text-align: center; }
div.cascadingBilling div.epoch { float: left; width: 120px; text-align: right; }

p.buyMax { font-weight: bold; text-align: center; margin: 50px; }

div.upgradeBuyTimeSms { margin: auto 50px; padding: 0px 0px 20px; text-align: center; }
div.upgradeBuyTimeSms p.margin { margin: 10px; }
div.upgradeBuyTimeSmsDesc { margin: auto 50px; padding: 10px; text-align: justify; }
div.upgradeBuyTimeSms #approved { font-weight: bold; margin: 20px auto; }
div.upgradeBuyTimeSms #declined { font-weight: bold; margin: 20px auto; }

div.processorLogos {
 text-align: center;
 margin: auto;
}

div.processorLogos img {
 margin: 5px 2px;
}

h3.paymentProcessor {
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  letter-spacing: 0.4px;
}

.text-left{
  text-align: left !important;;
}

.infoline{
  font-size: 10px;
}

.m-t-0{margin-top: 0 !important;}

table.registration {
  width: 100%;
  margin: auto;
}

table.registration td {
  padding: 10px 1px;
  vertical-align: top;
}

table.registration td.white {
  color: #FFF;
  font-weight: bold;
  width: 250px;
}

table.registration td.input label{
  display: block;
  text-align: left;
  text-transform: uppercase;
}

table.registration td.input input.form-input{
  display: block;
  width: 100%;
  padding: 10px !important;
  margin-top: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
}

input.big-red {
    text-transform: uppercase;
    padding: 10px;
    display: block;
    width: 100%;
    background-color: #f00;
    border: 1px solid #f00;
    border-radius: 5px;
    color: #fff;
    margin: 20px 0;
}

input.big-red:hover{
  background-color: #d60000;
}

table.registration td.explain {
  width: 308px;
}

table.registration td.processor {
  width: 50px;
  color: #FFF;
  font-size: 15px;
  line-height: 42px;
}

#processorLogos div.processorLogos {
  text-align: left;
  color: #FFF;
}

table.registration tr {
  /*border-bottom: 1px dotted #CCC;*/
}

table.registration tr.bordered {
  border-top: 1px dotted #fff;
  /*border-bottom: 1px dotted #fff;*/
}


.hbox {
  display: none;
}
/* BLOG REQUIRED HELPERS */
body { text-align: left; }
.clear { clear: both; }
.hide { display: none; }

/* BLOG CONTAINER */
#blogContainer { width: 751px; margin: 0 auto; }
#blogContainer #blogLeft { width: 75%; float: left; }
#blogContainer #blogRight { width: 23%; float: right; }

/* BLOG BREADCRUMBS */
#blogBreadcrumb { color: white; text-transform: capitalize; margin-bottom: 20px; }
#blogBreadcrumb a { color: white; }
#blogBreadcrumb a:hover { text-decoration: none; }

/* BLOG LEFT CONTAINER */
#noEntries { margin-top: 20px; text-align: center; }

/* BLOG RIGHT CONTAINER */
#blogRight .widget { margin: 0 0 20px; }
#blogRight .widget h5 { color: #404040; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#blogRight .widget ol { margin: 0 0 0 10px; }
#blogRight .widget ol li { padding: 1px 0; }
#blogRight .widget ol li a { color: #08C; }
#blogRight .widget ul { margin: 0 0 0 10px; }
#blogRight .widget ul li { padding: 1px 0; }
#blogRight .widget ul li a { color: white; font-weight: bold; text-decoration: none; font-size: 14px; }
#blogRight .widget ul li a span { font-weight: normal; font-size: 12px; }
#blogRight .widget li.notice { color: #999; text-transform: uppercase; font-weight: bold; font-size: 11px; }
#blogRight .widget #searchForm input[type=submit] { border: 1px solid; text-transform: uppercase; font-size: 10px; height: 20px; padding: 4px 3px 0; cursor: pointer; }

/* BLOG ENTRY */
.blogEntry { margin-bottom: 20px; }
.blogEntry .blogTitle { padding: 2px 0; margin: 0 0 10px; border-bottom: 1px solid #999; }
.blogEntry .blogTitle a { color: white; font-size: 24px; text-decoration: none; }
.blogEntry .blogTitle .blogUsername { font-size: 14px; text-decoration: underline; }
.blogEntry .blogTitle h6 { display: inline; color: white; letter-spacing: 1px; font-size: 14px; float: right; font-weight: bold; margin-top: 9px; }
.blogEntry .blogContent { }
.blogEntry .blogFooter { margin: 5px 0 0 0; padding: 10px 0 0 0; }
.blogEntry .blogFooter span { color: white; text-transform: capitalize; font-size: 12px; padding: 0 20px 0 0; }
.blogEntry .blogFooter span a { color: #08C; }
.blogEntry .blogFooter span.blogCommentCount { }
.blogEntry .blogFooter span.blogViewCount { }
.blogEntry .blogFooter span.blogRating { padding: 0; }
.blogEntry .blogFooter span.blogAddFavorite { float: left; }
.blogEntry .blogFooter span.blogRatingWidget { float: left; }

/* BLOG COMMENTS */
.blogComments { margin: 60px 0 0 0; }
.blogComments a#blogAddComment { float: right; margin: -31px 0 0 0; text-transform: uppercase; font-size: 12px; color: #08C; text-decoration: none; }
.blogComments p#noEntries { color: #404040; text-align: center; margin: 20px 0 0 0; }
.blogComments .commentEntry { margin-bottom: 15px; border-bottom: 1px solid white; padding-bottom: 15px; }
.blogComments .commentEntry:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.blogComments .commentEntry .commentTitle { font-size: 11px; font-style: italic; color: white; margin-bottom: 5px; }
.blogComments .commentEntry .commentTitle span { display: block; font-size: 13px; font-style: normal; margin-bottom: 5px; }
.blogComments .commentEntry .commentBody { padding: 2px 0; }

.commentAdd textarea { width: 98%; height: 60px; }
.commentAdd form { text-align: right; }
.commentAdd .graybutton { margin: 7px 0 0; }.msContent .contentList { list-style: none; }
.msContent .contentList li { display: inline-block; margin: 0 8px 25px; text-align: center; }
.msContent .contentList li a { text-decoration: none; }
.msContent .contentList li a:hover { text-decoration: underline; }
.msContent .contentList li a h1 { font-size: 14px; margin-bottom: 5px; }
.msContent .contentList li a p { }
.msContent .contentItem .ratingWidget { margin: 5px auto 0 !important; }
.msContent .contentItem img { border: 1px solid white; }

.msContent #contentContainer { margin-top: 15px; position: relative; }
.msContent #contentContainer.video { padding-top: 650px; }
.msContent #contentContainer.photos { padding-top: 200px; }
.msContent #contentContainer #contentTopSection { position: absolute; top: 0px; left: 0px; }

.msContent #contentContainer .sceneSelect { }
.msContent #contentContainer .sceneSelect li { margin: 0 5px 0 !important; }

.msContent #contentContainer #contentDetails { }
.msContent #contentContainer #contentDetails .entry { margin: 15px 0; }
.msContent #contentContainer #contentDetails .entry h1 { font-weight: bold; font-size: 14px; display: inline-block; width: 110px; }
.msContent #contentContainer #contentDetails .entry span { }
.msContent #contentContainer #contentDetails .entry ul { margin-left: 10px; }
.msContent #contentContainer #contentDetails .entry ul li { margin: 4px 0; }
.msContent #contentContainer #contentDetails .entry ul li a { }

.msContent #contentContainer #contentDetails .entryName { width: 65px; float: left; font-weight: bold; font-size: 14px; text-align: right; }
.msContent #contentContainer #contentDetails .entryValue { width: 114px; float: right; }

.msContent #contentContainer #contentMidSection { }
.msContent #contentContainer .box { clear: both; }
.msContent #contentContainer #contentMidSection #contentLeft { float: left; width: 215px; padding-right: 20px; }
.msContent #contentContainer #contentMidSection #contentRight { float: right; width: 516px; }

.msContent #commentList { }
.msContent #commentList li { margin: 5px 0; }
.msContent #commentList li div { float: left; margin: 0 10px; }
.msContent #commentList li .clear { float: none; clear: both; }
.msContent #commentList li .rating { width: 70px; }
.msContent #commentList li .username { text-decoration: underline; width: 100px; text-align: center; }
.msContent #commentList li .date { width: 100px; text-align: center; }
.msContent #commentList li .message { width: 375px; }

.msContent #contentContainer #addComment { }
.msContent #contentContainer #addComment textarea { width: 98%; height: 70px; margin-bottom: 10px; }

.msContent #photoset li { margin: 0 !important; }
.msContent #photoset li div.photosetThumbnail { margin: 5px; width: 108px; height: 155px; position: relative; overflow: hidden; }
.msContent #photoset li img.photosetThumbnail { position: absolute; height: 185px; width: 108px; left: 0; top: 0; }
.msContent #photoset li img.photosetThumbnailEmpty { position: absolute; height: 155px; width: 108px; left: 0; top: 0; }

.msContent #ratingEntry { text-align: center; width: 150px; margin: 10px auto !important; }
.msContent #ratingEntry .ratingWidget {float: left; margin: 0 !important; display: inline-block; }
.msContent #ratingEntry .ratingWidget .stars { }
.msContent #ratingEntry p { display: inline-block; float: right; padding-top: 1px; }

.msContent .sceneJump { cursor: pointer; }

.msContent .commentRating { float: left; text-align: left; width: 125px; }
.msContent .commentRating .ratingWidget { margin: 0; float: right; }
.msContent .confirmVideoStream { cursor: pointer; }
.msContent .confirmVideoStream:hover { text-decoration: underline; }
.msContent .availableIn { padding: 10px; }
.msContent .availableIn span { padding: 5px; border-right: 1px dotted #CCCCCC; font-weight: bold; }
.msContent .availableIn span:last-child { border-right: none; }

div.downloadPhoto {  margin: 50px; }
div.downloadPhoto p {  text-align: center; }

#scheduledGroup { margin: 20px auto 40px auto; }
#scheduledGroup .groupChat { font-weight: bold; }
#scheduleOnlineTimeMsg { margin-top: 20px; font-weight: bold;  }
#scheduledGroupError { margin-top: 20px; font-weight: bold; }
.myScheduleBox { margin: 20px auto 30px auto; }
.allGroupShows { margin-bottom: 40px; }

#lms-videojs {
  width: 100%;
}
/*    Start of phototacious   */

#phototaciousDisplay {
  background-color: #000;
  position: absolute;
  bottom: 0px;  
  left: 0px;
  z-index: 1;
}

#phototaciousBackward {
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -98px;
  z-index: 1000;
  width: 39px;
  height: 68px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousForward {
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -98px;
  z-index: 1000;
  width: 39px;
  height: 68px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousBackwardEnd {
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: 20px;
  z-index: 1000;
  width: 39px;
  height: 66px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousForwardEnd {
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: 20px;
  z-index: 1000;
  width: 39px;
  height: 66px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousSlideShow {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
  width: 300px;
  height: 38px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}



#phototaciousClose {
  display: block;
  position: absolute;
  right: 50%;
  bottom: 0px;  
  z-index: 1000;
  width: 150px;
  height: 38px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}




#phototaciousSaveAs {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -150px;
  bottom: 0px;
  z-index: 1000;
  width: 150px;
  height: 38px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

/*    End of phototacious   */


/*    With scrolling    */
div.scrollableWrapper {
    width: 707px; 
  height:154px;
  margin: auto;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
  /* required settings */ 
  float:left; 
  position:relative; 
  overflow:hidden; 
  width: 684px; 
  height:162px; 
  margin-top: 2px;
} 
 
/* 
    root element for scrollable thumbnails. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable thumbnails. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.thumbnails { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.thumbnails div.photosetThumbnail { 
  float:left; 
  margin-left: 5px;
  margin-right: 5px;
} 
 
/* you may want to setup some decorations to active item */ 
div.thumbnails div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
  width:10px;
  height:152px;
  background:url('../images/left.png') no-repeat;
  background-position: 0px 68px;
  float:left;
  margin:0;
  cursor:pointer;
  font-size:1px;
}

/* next button uses another background image */
a.next, a.nextPage {
  background-image:url('../images/right.png');
  background-position: 3px 68px;
  clear:right;  
}


img.thumbnail {
  border: 1px solid #000;
}


img.thumbnail:hover {
  border: 1px solid #7F7F7F;
}/*    Clearing the div floats     */
.clearFloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.clearFloat {
  display: inline-table;
}


/* Hides from IE-mac \*/
* html .clearFloat { 
  height: 1%; 
}


.clearFloat {
  display: block;
}
/* End hide frm IE-mac */

.hide { display: none; }
*:focus { outline: 0; }
.contentManager .clear { clear: both; }
.contentManager .hide { display: none; }
.contentManager .half { width: 50%; }
.contentManager .pull-left { float: left; }
.contentManager .pull-right { float: right; }
.contentManager .text-left { text-align: left; }
.contentManager .text-center { text-align: center; }
.contentManager .text-right { text-align: right; }
.contentManager .button { text-decoration: none; color: #404040; }
a.button { color: #404040 !important; text-decoration: none !important; }
.contentManager .nomt { margin-top: 0; }
.contentManager .warning { font-weight: bold; color: #F00; margin: 20px auto;  }
.lmsTable tbody tr td.textLeft { text-align: left; }
.lmsTable tbody tr td.textRight { text-align: right; }
.lmsTable tbody tr td.textAlignLeft { text-align: left; padding-left: 20px; }
.lmsTable tbody tr td.textAlignRight { text-align: right; padding-right: 20px; }
p.topModelsExplain { padding-bottom: 30px; }

.noWrap {
 white-space:nowrap;
}

.errorMsg { color: #FF0000; }

a.white { color: #FFF; padding-bottom: 5px; display: block; }

.bold, .boldRight {
 font-weight: bold;
}

.textAlignRight, .boldRight {
 text-align: right;
}

#content div.timezones {
 margin-top: 20px;
}

table.data:last-child {
 margin-bottom: 50px;
}

table.data:first-child {
 margin-top: 15px;
}

table.data td.border, 
table.data th.border {
 border: 1px solid #FFF;
}

table.data td.borderTop {
 border-top: 3px solid #FFF;
}

table.data td.yes {
 background-color: #00FF3F;
 color: #000;
}

table.data td.no {
 background-color: #FF0000;
 color: #FFF;
}

table.data th.border {
 background-color: #CCC;
 color: #000;
 font-weight: bold;
}

table.data td, table.data th {
 padding: 2px 4px 2px 4px;
}

table.data .headingTitle {
 padding-top: 20px;
 padding-bottom: 5px;
 text-align: center;
 font-weight: bold;
 font-size: 15px;
}

.headingMonth {
 padding-top: 20px;
 padding-bottom: 5px;
 text-align: center;
 font-weight: bold;
 font-size: 15px;
}

table.data th {
 font-weight: bold;
}

.textAlignLeft {
 text-align: left;
}

/*    Clearing the div floats     */
.contentManager .clearFloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.contentManager .clearFloat {
  display: inline-table;
}


/* Hides from IE-mac \*/
* html .clearFloat { 
  height: 1%; 
}


.contentManager .clearFloat {
  display: block;
}
/* End hide frm IE-mac */

.contentManager #managerContainer .bluebutton { cursor: pointer; display: inline-block; color: white; font-weight: bold; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; }

.contentManager #managerContainer { width: 751px; margin: 0 auto; }
.contentManager #managerContainer #managerLeft { width: 20%; float: left; }
.contentManager #managerContainer #managerRight { width: 75%; float: right; margin-bottom: 50px; margin-top: 20px; }
.contentManager #managerContainer #managerRight h1 { font-size: 20px; margin-bottom: 10px; }
.contentManager #managerContainer .topUploadButton { float: right; margin-top: 4px; display: block; padding: 10px; background: #aaa; position: relative; z-index: 1 }
.contentManager #managerContainer .topUploadButton.createPhotosetButton { right: 130px; }

.contentManager #managerLeft h1 { margin-right: 5px; }
.contentManager #managerLeft .pageTitle { margin: 15px 0 5px; font-weight: bold; text-transform: uppercase; color: #999; }
.contentManager #managerLeft ul li { margin: 5px 0;  }
.contentManager #managerLeft ul li span { color: #FFF; text-decoration: none; font-size: 12px; text-transform: uppercase; cursor: default; }
.contentManager #managerLeft ul li a { color: #CCC; text-decoration: none; font-size: 12px; text-transform: uppercase; }
.contentManager #managerLeft ul li a:hover { text-decoration: underline; }
.contentManager #managerLeft ul li a.highlight { color: #FF0000; font-weight: bold; }
.contentManager #managerLeft ul ul { margin-left: 15px; }

.contentManager .contentList li { display: inline-block; padding: 5px; border: 1px solid #737373; margin: 5px; width: 155px; text-align: center; color: #FFF; }
.contentManager .contentList li:hover { border: 1px solid #737373; }
.contentManager .contentList li.noContent { margin: 10px 0 20px; width: 95%; background: transparent !important; border: 0 !important; }
.contentManager .contentList li .contentImage img { width: 155px; height: 115px; color: transparent; }
.contentManager .contentList li h1 { color: #FFF; font-size: 12px !important; margin: 5px 0 20px; font-weight: bold; height: 40px; }
.contentManager .contentList li p { color: #FFF; font-size: 11px; }
.contentManager .contentList li .contentOptions { margin-top: 5px; }
.contentManager .contentList li .contentOptions a { text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 11px; letter-spacing: 1px; }
.contentManager .contentList li .contentOptions a:hover { text-decoration: underline; }
.contentManager .contentList li div.details span { font-weight: bold; }
.contentManager .contentList li.itemWide { width: 95%; height: 118px; }
.contentManager .contentList li.itemWide div.left { width: 220px; float: left; }
.contentManager .contentList li.itemWide div.left img { border: 1px solid #737373 }
.contentManager .contentList li.itemWide div.right { float: left; text-align: left; font-weight: bold; }
.contentManager #contentDetails { width: 565px; height: 207px; margin: 35px 0 0 -127px; }
.contentManager .encodingRequests { margin: 20px auto; }
.contentManager .encodingRequests p.encodingRequestsWarning { color:#FF0000; font-weight: bold; }
.contentManager .encodingRequests p { margin: 5px auto; text-align: justify; }
.contentManager .uploadVideo { margin-bottom: 10px; }

.contentManager fieldset {  border: 1px solid #FFF; }
.contentManager fieldset p { padding: 10px; }
.contentManager fieldset legend { color: #FFF; font-weight: bold; font-size: 15px; padding: 5px; }

.contentManager .organizeForm h2 { font-size: 15px; }
.contentManager .organizeForm .control-group { clear: both; margin: 15px 0; min-height: 20px; }
.contentManager .organizeForm .control-group#thumbnailGroup { height: 160px; }
.contentManager .organizeForm .control-group .control-label { width: 125px; display: inline-block; float: left; color: white; padding-top: 3px; }
.contentManager .organizeForm .control-group .controls { float: left; width: 150px; }
.contentManager .organizeForm .control-group .controls input { width: 135px; border: 1px solid #CCC; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.contentManager .organizeForm .control-group .controls select { width: 140px; padding: 2px; }
.contentManager .organizeForm .control-group .controls select[name=photo_hint] { width: 210px; }
.contentManager .organizeForm .control-group .controls textarea { width: 300px; height: 100px; margin-bottom: 10px; }
.contentManager .organizeForm .control-group .controls .detailTextarea { width: 490px; }
.contentManager .organizeForm .formButtons { text-align: right; margin-top: 20px; }

.contentManager .organizeForm .radioGroup { color: white; margin: 5px 0; }
.contentManager .organizeForm .radioGroup input[type=checkbox] { float: left; width: 13px; margin: 2px 10px 0; }

.contentManager .controls#thumbnailSelect { width: 565px; padding: 0; }
.contentManager #thumbnailUpload { position: absolute; margin: 300px 0 0 125px; }
.contentManager #thumbnailUpload img[data-banner=banner] { border: 1px solid #CCC; padding: 5px; }
.contentManager #thumbnailUpload form { padding-top: 10px; }
/* #thumbnailUpload form { position: absolute; top: 0px; left: 0px; } */

.contentManager .edit-images ol.photos { list-style-type: none; }
.contentManager .edit-images ol.photos li { position: relative; }
.contentManager .edit-images .grid { float: left; }
.contentManager .edit-images { width: 565px !important; }
.contentManager .edit-images .select { float: right; font-size: 14px; }
.contentManager .edit-images .reorder { float: right; padding-right: 2px; font-size: 14px; padding-bottom: 3px; }
.contentManager .edit-images ol.photos { margin: 5px auto auto; padding: 0; }
.contentManager .edit-images ol.photos li { padding: 10px; margin-bottom: 10px; width: 541px; height: 100px; background-color: black; border: 1px solid #CCC; }
.contentManager .edit-images ol.photos li.grid { width: 100px; }
.contentManager .edit-images ol.photos li:hover { border: 1px dashed #444444; cursor: move; }
.contentManager .edit-images ol.photos li.selected { background-color: #FFFFCC; }
.contentManager .edit-images ol.photos li.col .image { float: left; text-align: center; width: 100px; }
.contentManager .edit-images ol.photos li .meta { float: left; margin-left: 10px; font-size: 14px; height: 100px; }
.contentManager .edit-images .col .filename { position: absolute; top: 5px; right: 10px; background-color: #FFF; }
.contentManager .edit-images ol.photos li .caption .key { margin-bottom: 4px; }
.contentManager .edit-images ol.photos li .key { font-weight: bold; }
.contentManager .edit-images ol.photos li .captionField { width: 375px; }
.contentManager .edit-images ol.photos li.grid .image { text-align: center; }
.contentManager .edit-images ol.photos li.grid { margin: 3px; height: 120px; }
.contentManager .edit-images ol.photos li.grid .filename { font-size: 10px; text-align: left; bottom: 3px; position: absolute; background-color: #FFF; }

.contentManager #bannerOptions { margin-top: 10px; }
.contentManager #bannerOptions h1 { margin-bottom: 10px; }
.contentManager #bannerOptions #bannerSel { float: left; margin-top: 1px; }
.contentManager #bannerOptions form { display: inline-block; margin-left: 10px; }
.contentManager #editDeleteButton { text-decoration: none; float: left; color: white; }

.contentManager .statsTable .stat-error { width: 100%; text-align: center; padding: 10px 0; }
.contentManager .statsTable { padding: 0; font-size: 12px; background-color: #F6F6F6; margin: 10px 0; }
.contentManager .statsTable td { padding: 10px; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }
.contentManager .statsTable thead td { font-weight: bold; }
.contentManager .statsTable .leftB { border-left: 1px solid #EEEEEE; }
.contentManager .statsTable th { background-color: black; text-transform: uppercase; padding: 10px; border-bottom: 1px solid #EEE; color: #FFF; font-weight: bold; }
.contentManager .statsTable tr { border-bottom: 1px solid #EEE; }
.contentManager .statsTable .accRight h2 { font-weight: normal; color: #4DB2EA; font-size: 17px; margin-bottom: 5px; }
.contentManager .statsTable .noContentTableError { text-align: center; color: #992321; }

.contentManager .usageNav { color: #404040; font-size: 10px; text-transform: uppercase; }
.contentManager .usageNav a { color: #08C; }
.contentManager .usageNav .unLeft { float: left; }
.contentManager .usageNav .unRight { float: right; }

.contentManager #myDetailForm { color: white; }
.contentManager #myDetailForm h2 { color: white; }
.contentManager #myDetailForm .ui-tabs .ui-tabs-nav li a { color: #404040; }

.contentManager #dropBox .dropboxSelect { margin-top: 5px; }
.contentManager #dropBox #dropboxManagement { text-align: right; margin: 10px 0; }
.contentManager #dropBox #dropboxManagement #movePhotos { margin: 5px 10px; }
.contentManager #dropBox #dropboxManagement #movePhotos select[name=dst] {  width: 420px; }
.contentManager #dropBox #dropboxManagement #createPhotoset { margin: 5px 10px; }
.contentManager #dropBox #dropboxManagement #createPhotoset input[type=text] { width: 408px !important; }
.contentManager #dropBox #dropboxManagement #createPhotoset form { display: inline; }
.contentManager #dropBox #dropboxManagement #createPhotoset a.dropboxSelectAll { float: left; font-weight: bold; padding-left: 4px; }

.contentManager .edit-content input[name=title] { width: 432px !important; }

.contentManager #addBlogForm .control-label { width: 75px; margin-left: 65px; }
.contentManager #addBlogForm #addBlogTitle { width: 260px; }
.contentManager #myDetailForm textarea { width: 393px; margin-top: 5px; height: 240px; }
.contentManager #managePictureTabs .ui-state-default a { color: #404040; }
.contentManager #managePictureTabs .ui-tabs-panel { padding: 1em 0; }
.contentManager #dropBox .contentList li { width: 157px; }
.contentManager #dropBox .contentList li img { width: 155px; height: 80px; }

.contentManager .categoryControls { width: 320px; margin-bottom: 10px; }
.contentManager .categoryControls #addCategory, .categoryControls #addTag { width: auto; padding: 4px 5px; }
.contentManager #categoryContainer, #tagContainer { width: 438px; }
.contentManager #categoryContainer span, #tagContainer span { padding: 2px 5px; border: 1px solid #992321; margin: 0 10px 10px 0; display: inline-block; }

.contentManager #updateAccountForm h2 { margin-top: 15px; font-size: 15px; }

.contentManager #bannerEditList li { background: #ECECEC; border: 1px solid #7c7c7c; }

.contentManager .messageList li { display: block; margin: 4px 0; }
.contentManager .messageList .unread { font-weight: bold; }
.contentManager .messageList li div { float: left; margin: 0 10px; }
.contentManager .messageList li .msgUser { width: 176px; text-align: center; }
.contentManager .messageList li .msgTitle { width: 116px; }
.contentManager .messageList li .msgActions { float: right; }

.contentManager #categoryList { width: 170px; height: 26px; }
.contentManager #tagInput { margin-right: 0; width: 165px; }
.contentManager .form-button{
  background: #aaa;
  color: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px !important;
  border: 0;
}

.contentManager #createLinkForm .control-group { margin: 10px 0; }
.contentManager #createLinkForm .control-group .control-label { width: 100px; color: #CCC; display: inline-block; }
.contentManager #createLinkForm .control-group .controls { display: inline-block; }

div.box > .ui-widget-content { background: none; }

.contentManager #tab-price { color: #CCC; text-align: center; }
.contentManager #tab-price h2 { font-size: 16px; }
.contentManager #tab-price .slider { background: maroon; border: 1px solid #404040; margin: 10px auto; width: 200px; }
.contentManager #tab-price #editExclusive { margin-top: 30px; }
.contentManager #tab-price #editPrivate { margin-top: 30px; }
.contentManager #tab-price #editGroup { margin-top: 30px; }
.contentManager #tab-price #editVoyeur { margin-top: 30px; }
.contentManager #tab-price .formButtons { margin-top: 30px; padding-left: 170px; }
.contentManager #tabs.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { color: maroon; }
.contentManager #tabs .ui-tabs-nav { border-bottom: 1px solid #B2B2B2; }
.contentManager #tabs .ui-tabs-nav .ui-state-active { background: none repeat scroll 0 0 #B2B2B2 !important }

.contentManager #tab-geo #addBlockForm { text-align: right; margin-bottom: 10px; }
.contentManager #tab-geo #addBlockForm select { width: 150px; }
.contentManager #tab-geo #addBlockForm input[type=submit] { background: #CCC; padding: 2px 3px; border: 0; cursor: pointer; }


.contentManager .darkTabs { margin: 0 0 20px 0; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none; background-color: #24282B; }
.contentManager .darkTabs .ui-tabs-nav { background:url(navbar.png) #404040; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; padding: 0 0 0 27px; }
.contentManager .darkTabs .ui-tabs-nav li, 
.contentManager .darkTabs .ui-tabs-nav li:hover { border: 0; padding: 0; text-transform: capitalize; font-weight: bold; margin: -3px 0 0 0; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.contentManager .darkTabs .ui-tabs-nav li a { background-color: transparent; border: 0; border-left: 2px solid black; color: black; line-height: 35px; font-family: 'BankGothicMed'; font-size: 14px; padding: 0 21px 0; border-left: 2px solid black; }
.contentManager .darkTabs .ui-tabs-nav li.ui-state-active,
.contentManager .darkTabs .ui-tabs-nav li.ui-state-active:hover { }
.contentManager .darkTabs .ui-tabs-nav li.ui-state-active a { color: white; background: none; border: 0; }
.contentManager .darkTabs .ui-tabs-nav li.ui-tabs-selected { background:url(bgpattern.jpg) black; border-top: 1px solid #CCC; height: 33px; margin-top: -1px; }
.contentManager .darkTabs .ui-tabs-nav li.ui-tabs-selected a { margin-top: -4px; }
.contentManager .darkTabs .ui-tabs-nav li.ui-tabs-selected:hover { background:url(bgpattern.jpg) black; }
.contentManager .darkTabs .ui-tabs-nav li.ui-tabs-selected:hover a { }
.contentManager .darkTabs .ui-tabs-panel { padding: 20px; background:url(bgpattern.jpg) black; border: 1px solid #B2B2B2; border-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; position: relative; }
.contentManager .darkTabs .ui-tabs-panel h1 { color: white; font-size: 18px; font-weight: normal; }
.contentManager .darkTabs .ui-tabs-panel h1 a { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
.contentManager .darkTabs .ui-tabs-panel h1 a:link { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
.contentManager .darkTabs .ui-tabs-panel h1 a:active { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
.contentManager .darkTabs .ui-tabs-panel h1 a:hover { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
.contentManager .darkTabs .ui-tabs-panel h1.boxHeader { margin-bottom: 10px; }
.contentManager .darkTabs .ui-tabs-nav li a:hover { border-bottom: 0; background: transparent; color: white; }
.contentManager .darkTabs .ui-tabs-nav li.ui-state-active a:hover { border-bottom: 0; background: transparent; color: white; }
.contentManager .darkTabs .ui-tabs-nav li .tabUnderline { display: none; }
.contentManager .darkTabs .ui-tabs-nav li.ui-tabs-selected .tabUnderline { width: 65%; height: 2px; float: left; display: inline-block; margin: -8px 0 0 18%; background: red; }


 
#videoContainer h1 { color: white; font-size: 18px; font-weight: normal; }
#videoContainer h1 a { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#videoContainer h1 a:link { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#videoContainer h1 a:active { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#videoContainer h1 a:hover { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }

#photoContainer h1 { color: white; font-size: 18px; font-weight: normal; }
#photoContainer h1 a { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#photoContainer h1 a:link { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#photoContainer h1 a:active { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }
#photoContainer h1 a:hover { color: white; font-size: 18px; font-weight: normal; text-decoration: none; }

.contentManager #content .contentList li { display: inline-block; margin: 0 7px 20px; text-align: center; background: #CCC; color: #FFF; }

.contentManager #priceSlider { background: maroon; width: 245px; }
.contentManager #contentPrice { width: 245px; display: inline-block; text-align: center; margin-top: 10px; }

.contentManager #privateModes { margin-bottom: 30px; }

.contentManager #privateModes h1 {
 font-size: 24px;
}

.contentManager #privateModes div.tableRow {
 margin: 5px auto;
 width: 385px;
}

.contentManager #privateModes div.rowLeft {
 float: left;
 width: 25px; 
}

.contentManager #privateModes div.rowRight {
 float: right;
 width: 360px; 
}

.contentManager #privateModes div.rowRight {
 text-align: left;
}

.contentManager #messageConsole { height: 535px; display: none; }
.contentManager #messageCenter .right { text-align: right; }
.contentManager #messageCenter .msgRow #tip { width: 445px; }
.contentManager #messageCenter .msgRow #to { width: 445px; }
.contentManager #messageCenter .msgRow #title { width: 445px; }
.contentManager #messageCenter .msgRow #newuser { width: 445px; }
.contentManager #messageCenter .msgRow select.user { width: 452px; }
.contentManager #messageCenter .msgRow input[name=user] { width: 445px; }
.contentManager #messageCenter .msgRow #message { width: 512px; height: 300px; }
.contentManager #messageCenter .msgRow #msg { width: 512px; height: 300px; }
.contentManager #messageCenter #msgNewButton { display: none; }
.contentManager .lmsTable tr.msgHide { display: none; }
.contentManager .lmsTable tr.msgShow { display: table-row; text-align: left; }
.contentManager .lmsTable tr[id^=msg] td.heading { text-align: right; font-weight: bold; padding-right: 4px; vertical-align: top; }
.contentManager .lmsTable tr[id^=msg] td.message { text-align: left; padding-left: 4px; }
.contentManager .lmsTable td.msgActions a { color: #000; }
.contentManager .lmsTable td.msgDate { width: 120px; }
.contentManager .lmsTable td.msgActions { width: 100px; }
.contentManager .lmsTable td.msgUser { text-align: left; padding-left: 5px; }
.contentManager .lmsTable td.msgTitle { text-align: left; padding-left: 5px; }
.contentManager .lmsTable td.boldRight { text-align: right; font-weight: bold; }
.contentManager .lmsTable td a { color: #000; }

.contentManager #messageCenter .msgRow select.model {
  border: 1px solid #CCCCCC;
  color: #808080;
  width: 451px;  
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  padding: 4px;
}

.contentManager #messageCenter .msgRow select.model option {
 border-width: 0px;
}

.contentManager #helpTexts {
 width: 500px;
 margin: auto;
}

.contentManager #helpTexts div {
 margin: auto;
 margin-bottom: 10px;
}

.contentManager #helpTexts .displayNone {
 display: none;
}

.contentManager #helpTexts div {
 font-weight: bold;
}

.contentManager #helpTexts .noWrap {
 white-space:nowrap;
}

div.searchFormDate {
 padding: 10px;
}

div.searchFormDate div {
  float: left;
  margin: auto 5px;
}


div.profitSummary h2 { margin: 15px auto 8px auto; font-size: 15px; font-weight: bold; }
div.profitSummary #loading { display: none; margin: 20px auto; text-align: center; font-weight: bold; }
div.profitSummary tr.total { border-top: 2px solid #000; }

div.topMembers h2 { margin: 15px auto 8px auto; font-size: 15px; font-weight: bold; }
div.topMembers #loading { display: none; margin: 20px auto; text-align: center; font-weight: bold; }
div.topMembers tr.total { border-top: 2px solid #000; }

div.technicalSupport p.message {
 padding: 15px;
 font-weight: bold;
}

div.technicalSupport #subject,
div.technicalSupport textarea {
 width: 530px;
}

div.technicalSupport select {
 width: 535px
}

div.technicalSupport .row {
 padding: 5px 0px;
}

div.technicalSupport .row b {
 font-size: 13px;
}

div.technicalSupport .row div {
 padding-top: 3px;
}

div.technicalSupport .rowContact {
 padding: 10px;
 border-top: 1px solid #CCC;
}

div.technicalSupport>.rowContact:first-of-type {
 border-width: 0px;
}


div.deleteAccount { 
 text-align: center;
 padding: 10px; 
}

div.deleteAccount form { 
 padding: 20px;
}

h1.adminTitle {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0px;
 color: #FF0000;
}

div.adminMessage {
 text-align: left;
 padding-left: 0px;
 padding-top: 10px;
 padding-bottom: 40px;
}

div.adminMessage p {
 text-align: left;
}


/* messeging box */
#sendMessageFormMsgPopup #to, 
#sendMessageFormMsgPopup #title {
 width: 630px;
 margin-right: 0px;  
}

#sendMessageFormMsgPopup #messageCenter .right {
 text-align: right;
}

#sendMessageFormMsgPopup #sendMessageFormPopup .msgRow textarea {
  border-radius: 0 0 0 0;
  height: 70px;
  width: 699px;
}


#sendMessageFormMsgPopup #sendMessageFormPopup .msgRow {
  color: white;
  margin: 10px 0;
  text-align: right;
  padding-right: 10px; 
}

#sendMessageFormMsgPopup #msgSend {
 padding-rigth: 10px;
}

#sendMessageFormMsgPopup #sendMessageFormPopup {
 padding: 15px;
}

#sendMessageFormMsgPopup #sendMessageFormMsg {
 display: none;
 padding: 15px; 
}

#sendMessageFormMsgPopup #sendMessageFormMsg p {
 text-align: center;
}

#sendMessageFormMsgPopup #sendMessageFormMsg p a {
 color: #FFF;
 font-weight: bold;
}

h1.tellFriend {
 color: #FF0000;
}

p.tellFriend {
 margin: 15px auto;
}

p.tellFriendCenter {
 margin: 15px auto 35px auto;
 text-align: center;
}

p.tellFriendCenter a {
 text-transform:uppercase;
}

div.myEmailsTable {
 width: 604px;
 margin-top: 15px;
}

.contentManager #managerContainer #managerRight h1.myEmails:first-child {
 margin-top: 0px;
}

.contentManager #managerContainer #managerRight h1.myEmails {
 font-size: 18px;
 margin-top: 45px; 
 font-weight: bold;
 color: #999;
}

p.myEmails {
 margin: 10px auto;
}

label.checked {
 color: #FF0000;
}

div.myEmails {
 float: left;
 width: 200px;
 height: 30px;
}

div.myEmails label {
 font-weight: bold;
}

div.myEmailsSubmit {
 text-align: center;
 height: 50px;
 text-align: center;
 line-height: 50px;
}

.contentManager #managerContainer #managerRight p.sortBy {
 text-align: center;
 margin: 10px auto;
}


.contentManager #managerContainer #managerRight .row {
 width: 405px;
}

.contentManager #managerContainer #managerRight .row .colRight {
 width: 295px;
 text-align: left;
 float: right;
 padding-left: 5px;
 padding-bottom: 5px;
}

.contentManager #managerContainer #managerRight .row .colLeft {
 width: 95px;
 text-align: right;
 float: left;
 padding-right: 5px; 
 padding-bottom: 5px;
}

.contentManager #managerContainer #managerRight h1.groupChat {
 margin: 10px auto;
 margin-top: 0px;
 color: #FF0000;
}

.contentManager #managerContainer #managerRight p.groupChat {
 margin: 10px auto;
 text-align: justify;
}

.contentManager #managerContainer #managerRight p.groupChat a {
 font-weight: bold;
}

.contentManager #managerContainer #managerRight p.explaination {
 margin: 15px auto;
}

.contentManager #managerContainer #managerRight h3.goalName {
 border-bottom: 1px solid #FFFFFF;
 font-size: 18px;
 font-weight: bold;
 margin: 40px 0 0;
}

.contentManager #managerContainer #managerRight p.goalDescription {
 margin: 15px auto;
}

.contentManager #managerContainer #managerRight .errorMessage {
 color: #FF0000;
 font-weight: bold;
 text-align: center;
 margin: 5px;
}

.contentManager #managerContainer #managerRight .messageImportant {
 color: #FFF;
 font-weight: bold;
 text-align: left;
 margin: 20px 10px;
 width: 500px;
}

.contentManager #managerContainer #managerRight #modelsOnline li {
 margin: 2px;
}

.contentManager #managerContainer #managerRight .notification-wrap {
 margin-bottom: 50px;
}

.contentManager #managerContainer #managerRight .notification-wrap p {
 margin: 10px;
 width: 460px;
}

.contentManager #managerContainer #managerRight table.topModels {
 margin-bottom: 20px;
}

.contentManager #managerContainer #managerRight h2.topModels {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 5px;
}

#contactDialog p {
  margin: 5px 30px;
}

table.legend {
  margin: 10px 0px 10px 0px; 
  width: 100%;
}

table.legend td.bg {
  background-color: #B2FFC5; 
  width: 30px;
  padding: 5px;"
}

table.legend td.text {
  padding: 5px; 
  text-align: left; 
  font-weight: bold;
}/* CONTENT SCROLLER - START ############################################ */
h2.scroller-title {
  font-size: 16px !important;
  margin: 1em 0 0 !important;
}
.scroller-container ol {
  margin: 0;
  padding: 0;
}
.scroller-container {
  padding: 4px 28px;
  position:relative;
}
.scroller-container .scroller-prev, .scroller-next {
  cursor: pointer;
  position: absolute;
  top: -20px;
  width: 28px;
  height: 100%;
}
.scroller-container div.scroller-prev {
  left: -10px;
  background: url( 'module/msContentManager/block-scroll-arrows-black.png' ) no-repeat -58px center;
}
.scroller-container div.scroller-prev:hover {
  background: url( 'module/msContentManager/block-scroll-arrows-black.png' ) no-repeat -18px center;
}
.scroller-container div.scroller-next {
  right: -10px;
  background: url( 'module/msContentManager/block-scroll-arrows-black.png' ) no-repeat -114px center;
}
.scroller-container div.scroller-next:hover {
  background: url( 'module/msContentManager/block-scroll-arrows-black.png' ) no-repeat -154px center;
}
.scroller-container .scroller {
  overflow: hidden;
  width: 100%;
}
.scroller-container ol.scroller-list {
  list-style: none;
  width: 10000px;
  padding: 10px 0;
  overflow: hidden;
}
.scroller-container ol.scroller-list li {
  float: left;
  overflow: hidden;
  text-align: center;
}
.scroller-container ol.scroller-list li > div {
  margin: 0 auto;
}
.scroller-container ol.scroller-list li.loading,
.scroller-container ol.scroller-list li.empty,
.scroller-container ol.scroller-list li.buffer {
  line-height: 120px;
}
.scroller-container ol.scroller-list li.loading span,
.scroller-container ol.scroller-list li.empty span,
.scroller-container ol.scroller-list li.buffer span {
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
  font-size: 24px;
  text-align: center;
}
.scroller-container ol.scroller-list li.loading > span,
.scroller-container ol.scroller-list li.empty > span {
  padding: 0 20px;
}
.scroller-container ol.scroller-list li div.title {
  font-size: 11px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.scroller-pagination {
  -moz-user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  white-space: nowrap;
}
.scroller-pagination span {
  cursor: pointer;
  color: #CCC;
  padding: 0 5px;
}
.scroller-pagination span:hover {
  color: #999;
}
.scroller-pagination span.active {
  color: #000;
  text-shadow: 0 1px 3px #000;
}
.scroller-pagination span.active:hover {
  color: #000;
}

/* stars shouldn't be here. This is to compensate for messy markup and style in the stars */
.scroller div#star {
  width: 75px;
  margin-left: 50%;
}
.scroller ul#star.star {
  margin-left: -50%;
}

/* CONTENT SCROLLER - STOP ############################################# */
.legalContainer { padding: 10px; }
.legalContainer .hide { display: none; }
.legalContainer .pageLeft { float: left; width: 75%; }
.legalContainer .pageLeft h1 { color: #CCC; font-size: 24px; }
.legalContainer .pageLeft h2 { color: #CCC; margin: 25px 0 5px; font-size: 16px; font-weight: bold; }
.legalContainer .pageRight { float: right; width: 23%; }
.legalContainer .pageRight .titles { font-size: 20px; margin-bottom: 10px; }
.legalContainer strong { font-weight: bold; }

.legalContainer .control-group { margin: 10px 0; }
.legalContainer .control-group .control-label { display: inline-block; float: left; margin-top: 5px; width: 100px; }
.legalContainer .control-group .controls { display: inline-block; }
.legalContainer .control-group .controls input { }
.legalContainer .control-group textarea { width: 325px; height: 155px; }
.legalContainer .formControls { padding-left: 100px; }

.legalContainer .question { margin: 5px 0; }
.legalContainer .question .questionResult { padding: 10px; }
.legalContainer .question .questionResult h3 { padding-top: 15px; font-weight: bold; }
.legalContainer .question .questionResult p { padding: 5px 0px 5px 5px; }
.legalContainer h1.margin { margin-top: 40px; }

.menuHelp { margin: 15px auto; }
.menuHelp .menu { font-weight: bold; text-align: left; padding: 5px 5px 5px 5px; white-space: nowrap; vertical-align: top; width: 140px; }
.menuHelp .subMenu { font-weight: bold; text-align: left; padding: 5px 5px 5px 15px; white-space: nowrap; vertical-align: top; width: 130px; }
.menuHelp .value { text-align: left; padding: 5px; vertical-align: top; }/*    Clearing the div floats     */
.clearFloat:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
/* Is causing problems in chrome with the select box
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } 
*/
.clearFloat { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearFloat { height: 1%;  }
.clearFloat { display: block; }
/* End hide frm IE-mac */

body { text-align: left; }
.clear { clear: both; }
.hide { display: none; }
.leftText { text-align: left !important; }
.pageTitle { font-size: 26px; color: white; text-transform: uppercase; margin-bottom: 3px; }
#liveContainer #participate { display: none; }
#liveContainer .mtxEmbed { height: 460px; }

#notAvailable { font-weight: bold; height: 150px; margin: auto; margin-top: 150px; }

.live { position: relative; }

.darkTabs { margin: 0 0 20px 0; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none; background-color: #24282B; }
.darkTabs .ui-tabs-nav { background:url(navbar.png) #404040; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; padding: 0 0 0 27px; }
.darkTabs .ui-tabs-nav li, 
.darkTabs .ui-tabs-nav li:hover { border: 0; padding: 0; text-transform: capitalize; font-weight: bold; margin: -3px 0 0 0; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.darkTabs .ui-tabs-nav li a { background-color: transparent; border: 0; border-left: 2px solid black; color: black; line-height: 35px; font-family: 'BankGothicMed'; font-size: 14px; padding: 0 21px 0; border-left: 2px solid black; }
.darkTabs .ui-tabs-nav li.ui-state-active,
.darkTabs .ui-tabs-nav li.ui-state-active:hover { }
.darkTabs .ui-tabs-nav li.ui-state-active a { color: white; background: none; border: 0; }
.darkTabs .ui-tabs-nav li.ui-tabs-selected { background:url(bgpattern.jpg) black; border-top: 1px solid #CCC; height: 33px; margin-top: -1px; }
.darkTabs .ui-tabs-nav li.ui-tabs-selected a { margin-top: -4px; }
.darkTabs .ui-tabs-nav li.ui-tabs-selected:hover { background:url(bgpattern.jpg) black; }
.darkTabs .ui-tabs-nav li.ui-tabs-selected:hover a { }
.darkTabs .ui-tabs-panel { padding: 20px; background:url(bgpattern.jpg) black; border: 1px solid #B2B2B2; border-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; position: relative; }
.darkTabs .ui-tabs-panel h1 { color: white; font-size: 18px; font-weight: normal; }
.darkTabs .ui-tabs-panel h1.boxHeader { margin-bottom: 10px; }
.darkTabs .ui-tabs-nav li a:hover { border-bottom: 0; background: transparent; color: white; }
.darkTabs .ui-tabs-nav li.ui-state-active a:hover { border-bottom: 0; background: transparent; color: white; }
.darkTabs .ui-tabs-nav li .tabUnderline { display: none; }
.darkTabs .ui-tabs-nav li.ui-tabs-selected .tabUnderline { width: 65%; height: 2px; float: left; display: inline-block; margin: -8px 0 0 18%; background: red; }
.chatTabs .ui-tabs-nav li .tabUnderline { display: none; }
.chatTabs .ui-tabs-nav li.ui-tabs-selected .tabUnderline { width: 65%; height: 2px; float: left; display: inline-block; margin: -7px 0 0 18%; background: red; }

#buyTimeBack { background-color: #CCC; height: 20px; position: absolute; right: 10px; top: 8px; text-align: center; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; }
#buyTimeBack a { text-align: center; color: #000; font-weight: bold; font-family: 'BankGothicMed'; font-size: 13px; text-decoration: none; border-bottom: 1px solid #FF0000; }
#iframe { position: absolute; right: 10px; top: 28px; background-color: white;}

#liveContainer { width: inherit; margin: 20px auto 0px; }
#liveContainer #playerContainer { width: 816px; height: 500px; float:left;position:relative; }
#liveContainer #playerContainer .slide { width: 100%; height: 458px; background-color: #24282B; position: absolute; z-index: 3; }
#liveContainer #playerContainer .slide h1 { color: white; text-transform: uppercase; text-align: center; margin-top: 160px; font-size: 24px; background-color: black; padding: 5px 0; }
#liveContainer #playerContainer .cameraSettings { width: 100%; height: 100%; background-color: #24282B; color: white; position: absolute; z-index: 3; display: none; }
#liveContainer #playerContainer .participantContainer { display: none; }
#liveContainer #playerContainer .player .video { }
#liveContainer #playerContainer .player .controls { height: 40px; background-color: #CCC; }
#liveContainer #playerContainer .player .controls .mic { width: 175px; float: right; margin: 10px 15px 0 0; }
#liveContainer #playerContainer .player .controls .mic .icon { float: left; }
#liveContainer #playerContainer .player .controls .mic .slider { float: right; width: 135px; margin-top: 2px; }

#liveContainer #playerContainer .player .controls #fullScreenButton { width: 225px; height: 27px; float: left; margin: 9px 0 0 0; color: #000; font-size: 16px; font-weight: bold; font-family: 'BankGothicMed'; }
#liveContainer #playerContainer .player .controls #fullScreenButton #text { width: 141px; height: 27px; float: left; text-align: right; }
#liveContainer #playerContainer .player .controls #fullScreenButton #bigger { width: 45px; height: 27px; float: left; cursor: pointer; }
#liveContainer #playerContainer .player .controls #fullScreenButton #smaller { width: 32px; height: 27px; float: left; cursor: pointer; }

#liveContainer #playerContainer .player .controls .volume { width: 175px; float: right; margin: 12px 15px 0 0; }
#liveContainer #playerContainer .player .controls .volume .icon { float: left; }
#liveContainer #playerContainer .player .controls .volume .slider { float: right; width: 135px; margin-top: 2px; }
#liveContainer #playerContainer #broadcastSetup { width: 350px; margin: 80px auto 0; }
#liveContainer #playerContainer #broadcastSetup h1 { font-size: 24px; }
#liveContainer #playerContainer #broadcastSetup label { display: block; font-size: 18px; }
#liveContainer #playerContainer #broadcastSetup select { width: 200px; margin-bottom: 10px; }
#liveContainer #playerContainer #broadcastSetup .brd-btn.btn { padding: 5px 10px; cursor: pointer; }

#liveContainer #goOffline { background: #992321; color: white; padding: 3px 15px; position: absolute; display: inline-block; top: -30px; right: 0; }
#liveContainer #rightTabs { width: 280px; float: right; }
#liveContainer #rightTabs .admin-dropdown { position: relative; }
#liveContainer #rightTabs .admin-dropdown .chatSettings { position: absolute; z-index: 1; background-color: #992321; width: 16px; height: 28px; right: 3px; margin-top: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#liveContainer #rightTabs .admin-dropdown #chatSettingsDropdown { display: none; }
#liveContainer #rightTabs .chatTabToggle { padding: 0; cursor: pointer; background-color: #992321 !important; width: 17px; height: 26px; margin: 3px 3px 0 -10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#liveContainer #rightTabs #adminSettingsDropdown { display: none; }
#liveContainer #rightTabs .chatTabs { height: 498px; margin: 0; padding: 0; border: 1px solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: black; }
#liveContainer #rightTabs .chatTabs .ui-tabs-nav { background:url(navbar.png) -470px 0 black; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; padding: 0; height: 30px; }
#liveContainer #rightTabs .chatTabs .ui-tabs-nav li { border: 0; border-right: 2px solid black; padding: 0; text-transform: uppercase; font-weight: normal; margin: -1px 0 0 0; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#liveContainer #rightTabs .chatTabs .ui-tabs-nav li a { background-color: transparent; border: 0; color: black; font-family: 'BankGothicMed'; line-height: 30px; padding: 1px 7px; }
#liveContainer #rightTabs .chatTabs .ui-tabs-nav li.ui-state-active { background:url(bgpattern.jpg) black; border: none; }
#liveContainer #rightTabs .chatTabs .ui-tabs-nav li.ui-state-active a { color: white; }
#liveContainer #rightTabs .chatTabs .ui-tabs-panel { padding: 0; }
#liveContainer #rightTabs .chatTabs #tips { padding: 10px; height: 348px; overflow-y: auto; }
#liveContainer #rightTabs .chatTabs #giveTip { position: absolute; bottom: 0; width: 270px; height: 367px; }
#liveContainer #rightTabs .chatTabs #giveTip textarea { width: 270px; margin: 5px auto; }
#liveContainer #rightTabs .chatTabs #giveTip .inputTip { width: 160px; }

#liveContainer #rightTabs .chatTabs .ui-tabs-panel h1 { color: white; font-size: 15px; font-weight: bold; }
#liveContainer #rightTabs .chatTabs #chathistory { max-height: 407px; height: 407px; overflow: auto; text-align: left; }
#liveContainer #rightTabs .chatTabs #chatwindow { position: absolute; bottom: 0; width: 100%; height: 465px; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg { padding: 6px; text-align: center; position: relative; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg div.options { color: #FFFFFF; font-weight: bold; height: 14px; line-height: 14px; margin-bottom: 3px; margin-left: 4px; padding-bottom: 4px; text-align: left; width: 260px; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg div.privateMsg { color: #FFFFFF; font-weight: bold; height: 14px; line-height: 14px; margin-bottom: 3px; margin-left: 4px; padding-bottom: 4px; text-align: left; float: left; width: 125px; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg div.tipLink { color: #FFFFFF; font-weight: bold; height: 14px; line-height: 14px; margin-bottom: 3px; margin-left: 4px; padding-bottom: 4px; text-align: right; float: right; width: 125px; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg div.tipLink #giveTipLink { font-weight: bold; color: #FFF; border-bottom: 2px solid #FF0000; text-decoration: none; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg div.tipLink #giveTipLink span { color: #FFF; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg #chatinput { width: 66%; float: left; margin-left: 2px; margin-right: 0; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg .buttons { display: inline-block; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg .buttons .shortcut { display: inline-block; width: 16px; height: 16px; float: left; background-position: -35px -1px; margin: 5px 7px 0 3px; }
#liveContainer #rightTabs #chatwindow #chatmsg .buttons .shortcut { display: inline-block; width: 16px; height: 16px; float: left; background-position: -35px -1px; margin: 5px 7px 0 3px; }
#liveContainer #rightTabs .chatTabs #chatwindow #chatmsg #chatsend { border: 1px solid #ccc; padding: 3px 9px; }
#liveContainer #rightTabs .chatTabs #chatwindow .bin.emoticons { position: absolute; width: 105px; height: 60px; padding: 5px; background-color: #404040; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius; 5px; padding: 5px; }
#liveContainer #rightTabs .chatTabs #chatwindow .bin.emoticons ul li { display: inline; }
#liveContainer #rightTabs .chatTabs #chatwindow .bin.emoticons ul li i { cursor: pointer; }
#liveContainer #rightTabs #chatwindow .bin.emoticons { position: absolute; width: 105px; height: 60px; padding: 5px; background-color: #404040; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius; 5px; padding: 5px; z-index: 9999; }
#liveContainer #rightTabs #chatwindow .bin.emoticons ul li { display: inline; }
#liveContainer #rightTabs #chatwindow .bin.emoticons ul li i { cursor: pointer; }
#liveContainer #rightTabs .chatTabs #chatSignup img { width: 318px; height: 60px; margin-left: 3px; }

#liveContainer #rightTabs .blueTabs { padding: 5px; border: 0; background: transparent; text-align: left; }
#liveContainer #rightTabs #editEventForm { color: white; }
#liveContainer #rightTabs #editEventForm #pricing-slider-container { padding: 3px 0; text-align: center; margin-top: 6px; }
#liveContainer #rightTabs #editEventForm #pricing-slider-container #pricing-slider { width: 150px; display: inline-block; }
#liveContainer #rightTabs #editEventForm label { width: 100px; display: inline-block; text-align: right; margin: 10px 5px 0 0; }
#liveContainer #rightTabs #editEventForm input { width: 140px; }
#liveContainer #rightTabs #editEventForm select { width: 140px; }
#liveContainer #rightTabs #editEventForm .formButtons { text-align: right; margin-top: 10px; }
#liveContainer #rightTabs #editEventForm .formButtons input { width: auto; }
#liveContainer #rightTabs #editEventForm #changeGoalText { width: 300px; }

#liveContainer #liveInteraction { display: none; }
#liveContainer #liveInteraction #participantInteraction { width: 54%; margin-left: 2px; float: left; }
#liveContainer #liveInteraction #participantInteraction a.infoButton { display: block; }
#liveContainer #liveInteraction #participantInteraction a { background-color: #992321; color: white; text-decoration: none; width: 150px; margin: 1px 0 1px 1px; font-size: 12px; padding: 2px 0; text-transform: uppercase; text-align: center; }
#liveContainer #liveInteraction #participantInteraction a:hover { background-color: #D85856; }
#liveContainer #liveInteraction #tipBox { width: 45%; float: right; padding-top: 17px; }
#liveContainer #liveInteraction #tipBox input[type=text] { width: 100px; }
#liveContainer #liveInteraction #tipBox input[type=submit] { border: 1px solid #992321; padding: 4px 6px; cursor: pointer; }
#liveContainer #liveInteraction #tipBox input[type=submit]:hover { background-color: #CCC; }

#playerAndChat {width:1100px;margin-left:-175px;position: relative;  height: 500px;}

#chatroster { text-align: left; padding: 10px; }
#chatroster .user { height:16px; }  
#chatroster li.user .pass { /* background:url(module/msLive/pass.png) no-repeat; display:inline-block; height:10px; left:6px; position:relative; top:1px; width:20px; */ }  
#chatroster li .icon-broadcast { background:-432px -50px; display:none; left:8px; position:relative; top:3px; }  
#chatroster li.broadcast .icon-broadcast { display:inline-block; }  
#chatroster li .icon-volume-off { display:none; margin-left:5px; }  
#chatroster li.silenced { color:red; }  
#chatroster li.silenced .icon-volume-off { display:inline-block; left:6px; top:1px; }  
#chatroster .users { height: 310px; list-style-type: none; margin: 0; overflow: auto; padding:4px 0 0; width: auto; color: white; }  
#chatroster .access { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#a9a9a9; border-top-left-radius:5px; border-top-right-radius:5px; color:black; cursor:pointer; float:left; margin-right:3px; padding:3px 10px 2px; }  
#chatroster select { background:#222; border:none; color:#000; height:100%; padding:10px; width:100%; }  
#chatroster li.stage { background:#FF8 !important; }  
#chatroster li.mod,#chatroster li.admin { color: maroon; font-weight:700; padding-left:16px; }  
#chatroster li.host { background-color: #404040; color: white; font-weight: 600; }
#chatroster li.user[pass=false] .pass,#chatroster.public li.user[access=private],#chatroster.private li.user[access=public],#chatroster.pass li.user[pass=false] { display:none; }  
#chatroster li.hide { display: none; }
#chatroster li.show { display: block; }
#chatroster .access:hover,#chatroster .selected { color: white; }  
#chatroster li.mod span.name,#chatroster li.admin span.name,#chatroster li.host span.name { padding-left:2px; }

.profileContentList { display: block; margin: 0 auto; width: 696px; min-height: 198px; }
.profileContentList li { text-align: center; float: left; margin: 0 8px 15px; }
.profileContentList li a { color: #CCC; text-decoration: none; }
.profileContentList li a:hover { text-decoration: underline; }
.profileContentList li img {  }
.profileContentList li h1 { font-size: 14px; font-weight: bold; }
.profileContentList li span { font-size: 12px; font-weight: bold; }
.profileContentList li.loader { background:url(module/msLive/ajax-loader.gif) center center no-repeat; width: 100%; height: 198px; margin: 0; }
.profileContentList li.noContent { display: block; float: none; padding-top: 85px; font-weight: normal; color: white; }
div.photoSetPreview { display: block; margin: 0 auto; width: 210px; height: 155px; overflow:hidden; margin-bottom: 5px; border: 1px solid white; }

.profileBlogEntry { margin: 15px 0; }
.profileBlogEntry .profileBlogTitle { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #CCC; text-decoration: none; display: inline-block; }
.profileBlogEntry .profileBlogDate { float: right; margin-top: 7px; font-size: 14px; color: #CCC; }
.profileBlogEntry .profileBlogDetails { color: #CCC; }

#chathistory ul { list-style-type:none; margin:0; padding: 0px 0 4px 0px; }
#chathistory li { margin:0; padding: 1px 4px; font-size: 12px; }
#chathistory img { border: none; margin: -0.5em 0; }
#chathistory .user,
#chathistory .preuser,
#chathistory .host { padding-right: 1em; }
#chathistory .user { color: white; }
#chathistory .preuser { color: #FFF29C; }
#chathistory .usertext { border-bottom: 2px dotted #cde8f4; color: #000; margin: 0 10px; padding: 6px 0 10px; }
#chathistory li span.host { color: #e50500; font-weight: bold; }
#chathistory li span.user { color: #e99b3c; font-weight: bold; }
#chathistory .hosttext { color: #000; border-bottom: 2px dotted #cde8f4; margin: 0 10px; padding: 6px 0 10px; }
#quickmsgbtn { width: 60px; }
#chathistory .gift { background: none; border-bottom: 1px solid #EEE; color: white; font-size: 11px; font-weight: normal; padding: 8px 0px 8px 10px; }
#chathistory .enter { background: #C9ECFC url('module/live/avatar-enter.png') no-repeat left 1px; border-bottom: 1px dotted #B0E1F7; color: #00A0E8; font-size: 11px; padding: 8px 0px 8px 30px; }
#chathistory .enterAnon { color: #CC4444; }
#chathistory .leave { color: #8888FF; }
#chathistory .leaveAnon { color: #4444CC; }
#chathistory .accesschange, #chathistory .shotdown, #chathistory .notice { background-color: #404040; color: white; font-size: 11px; padding: 8px 0px 8px 8px; }
#chathistory .user { color: white; }
#chathistory .host { color: white; }
#chathistory ul li span { font-weight: bold; }

.smile { background:url(module/msLive/smileySprite.png) no-repeat; display:inline-block; }  
.smiley1 { height:17px; width:17px; }
.smiley2 { background-position:-17px 0; height:17px; width:17px; }
.smiley3 { background-position:-34px 0; height:17px; width:17px; }
.smiley4 { background-position:-51px 0; height:17px; width:17px; }
.smiley5 { background-position:-68px 0; height:17px; width:17px; }
.smiley6 { background-position:-85px 0; height:17px; width:17px; }
.smiley7 { background-position:-102px 0; height:17px; width:17px; }
.smiley8 { background-position:-119px 0; height:17px; width:17px; }
.smiley9 { background-position:-136px 0; height:17px; width:17px; }
.smiley10 { background-position:-153px 0; height:17px; width:17px; }
.smiley11 { background-position:-170px 0; height:17px; width:17px; }
.smiley12 { background-position:-187px 0; height:17px; width:17px; }
.smiley13 { background-position:-204px 0; height:17px; width:17px; }
.smiley14 { background-position:-221px 0; height:17px; width:17px; }
.smiley15 { background-position:-238px 0; height:17px; width:17px; }
.smiley16 { background-position:-255px 0; height:17px; width:17px; }
.nyan  { background:url(module/msLive/nyan.gif) no-repeat; display:inline-block; height:20px; width:52px; }  
.ryu   { background:url(module/msLive/ryu.gif) no-repeat; display:inline-block; height:33px; margin-top:-3px; width:60px; }  
.akuma { background:url(module/msLive/akuma.gif) no-repeat; display:inline-block; height:38px; margin-top:-3px; width:40px; }  
.klitzner { background:url(module/msLive/klitzner.png) no-repeat; display:inline-block; height:50px; width:50px; }  
.troll { background:url(module/msLive/troll.png) no-repeat; display:inline-block; height:29px; width:36px; }

#liveProfileDetails { margin: 10px 0 0 0; }
#liveProfileDetails .thirdCol { width: 33%; float: left; }
#liveProfileDetails h1 { color: #992321; font-size: 22px; margin-bottom: 5px; text-transform: uppercase; }
#liveProfileDetails h2 { color: #992321; font-size: 16px; margin: 5px 0; }
#liveProfileDetails .detailEntry { font-size: 13px; padding: 2px 0; font-weight: bold; font-family: inherit; width: 93%; }
#liveProfileDetails .detailEntry span { font-weight: normal; }
#liveProfileDetails .scheduleEntry { border-bottom: 1px solid #CCC; padding: 10px 0; width: 93%; }
#liveProfileDetails .scheduleEntry span { float: right; }

.blueTabs { padding: 0; border: 0; background: none; }
.blueTabs .ui-tabs-nav { background: none; border: 0; padding: 0; border-bottom: 4px solid #992321; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.blueTabs .ui-tabs-nav li { top: 0; }
.blueTabs .ui-tabs-nav li a { color: #992321; text-transform: uppercase; }
.blueTabs .ui-tabs-nav li a:hover { color: #D85856; }
.blueTabs .ui-tabs-panel { min-height: 485px; }

.userContentList { }
.userContentList li { position: relative; width: 190px; height: 130px; border: 1px solid #CCC; text-align: center; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 10px 10px 0; float: left; }
.userContentList li:hover { border-color: #992321; background-color: #f6f6f6; }
.userContentList li .itemRating { position: absolute; left: 15px; bottom: 5px; }
.userContentList li .itemDate { position: absolute; right: 15px; bottom: 5px; }

.tabLoader { background:url(module/msLive/ajax-loader.gif) center center no-repeat; width: 30px !important; height: 30px !important; margin: 50px auto 0 !important; border: 0 !important; float: none !important; }

/* TIP BAR */
#liveTitleOptions { float: right; }
#liveTitleOptions .tipBar { position: relative; margin-top: -30px; }
#liveTitleOptions .tipBar .tips-outter { background-color: white; height: 20px; width: 125px; overflow:hidden; border: 1px solid #d85856; }
#liveTitleOptions .tipBar .tips-outter .tips-inner { height: 20px; width: 25%; background-color: #d85856; display: inline-block; float: left; }
#liveTitleOptions .tipBar .tips-outter .borderdraw { float: left; border-style: solid; width: 0px; height: 0px; line-height: 0px; display: inline-block; } 
#liveTitleOptions .tipBar .tips-outter .orangedown { border-color: transparent #d85856 #d85856; border-width: 20px 0 0 10px; display: inline-block; } 
#liveTitleOptions .tipBar .tips-outter .tipGoalLabel { position: absolute; z-index: 10; width: 125px; text-align: center; margin: 3px 0 0 0; font-weight: bold; color: #404040; }
#liveTitleOptions .tipBar .tips-outter .tipGoalLabel span { display: inline-block; position: relative; z-index: 11; }

/* VIDEO STATES */
.live .slide { display: none; }
.live .camStateButton { display: none; }
.live#connecting .slide[data-state=connecting] { display: block; }
.live#chat .slide[data-state=online] { display: block; }
.live#offline .slide[data-state=offline] { display: block; }
.live[user="host"] #tipBox { display: none; }

.slide[data-state="noflash"] { width: 100%; height: 100%; position: absolute; background: #24282B; z-index: 9999; }
.slide[data-state="noflash"] h1 { background: #404040; padding: 20px; font-size: 18px; margin-top: 170px; text-align: center; }
.slide[data-state="timeout"] { height: 400px !important; }
.slide[data-state="timeout"] h1 { font-size: 19px; line-height: 30px; }
.slide.open[data-state="timeout"] { display: block !important; z-index: 999 !important; }

/* PUBLIC STATE */
.live#broadcast .privateButton[data-state="private"] { display: inline-block; }
.live#broadcast .privateButton[data-state="public"],
.live#broadcast .voyeurButton[data-state="voyeur"],
.live#connecting .privateButton[data-state="public"],
.live#chat .privateButton[data-state="public"]   { display: none; }
.live#chat .privateButton[data-state="public"]   { display: none; }
.live#chat #goOffline, .live#connecting #goOffline, .live#nocamera #goOffline { display: none; }

/* SPY MODE */
.live.spyMode#private-group .slide,
.live.spyMode#private-exclusive .slide,
.live.spyMode#intermission .slide,
.live.spyMode#private-normal .slide { display: none !important; }

/* PRIVATE GROUP STATES */
.live#private-group[access="true"]  .slide { display: none; }
.live#private-group[access="false"] .slide[data-state="private-group"]   { display: block; }
.live#private-group[access="false"] .privateButton[data-state="private"] { display: inline-block; }
.live#private-group[access="false"] .privateButton[data-state="public"]  { display: none; }
.live#private-group[access="true"]  .privateButton[data-state="private"] { display: none; }
.live#private-group[access="true"]  .privateButton[data-state="public"]  { display: inline-block; }

/* PRIVATE EXCLUSIVE STATES */
.live#private-exclusive[access="false"] .slide[data-state="private-exclusive"] { display: block; }
.live#private-exclusive[access="true"]  .slide { display: none; }
.live#private-exclusive[access="false"] .voyeurButton[data-state="public"] { display: none; }
.live#private-exclusive[access="false"] .voyeurButton[data-state="voyeur"] { display: none; }
.live#private-exclusive[access="false"] .privateButton[data-state="private"] { display: none; }
.live#private-exclusive[access="false"] .privateButton[data-state="public"] { display: none; }
.live#private-exclusive[access="true"] .voyeurButton[data-state="public"] { display: none; }
.live#private-exclusive[access="true"] .voyeurButton[data-state="voyeur"] { display: none; }
.live#private-exclusive[access="true"] .privateButton[data-state="private"] { display: none; }
.live#private-exclusive[access="true"] .privateButton[data-state="public"] { display: inline-block; }
.live#private-exclusive[access="true"] .privateButton[data-state="private"]

/* PRIVATE NORMAL STATES */
.live#private-normal[access="true"]  .slide { display: none; }
.live#private-normal[access="false"] .slide[data-state="private-normal"]  { display: block; }
.live#private-normal[access="false"] .privateButton[data-state="private"] { display: none; }
.live#private-normal[access="false"] .privateButton[data-state="public"] { display: none; }
.live#private-normal[access="false"] .voyeurButton[data-state="voyeur"] { display: block; }
.live#private-normal[access="false"] .voyeurButton[data-state="public"] { display: block; }
.live#private-normal[access="true"]  .camStateButton[data-state="public"] { display: block; }
.live#private-normal[access="true"]  .privateButton[data-state="private"] { display: none; }
.live#private-normal[access="true"]  .privateButton[data-state="public"] { display: inline-block; }
.live#private-normal[access="true"]  .voyeurButton[data-state="voyeur"] { display: none; }
.live#private-normal[access="true"]  .voyeurButton[data-state="public"] { display: inline-block; }

/* PRIVATE NORMAL STATES */
.live#private-voyeur[access="true"]  .slide { display: none; }
.live#private-voyeur[access="false"] .slide[data-state="private-normal"]  { display: block; }
.live#private-voyeur[access="false"] .privateButton[data-state="private"] { display: none; }
.live#private-voyeur[access="false"] .privateButton[data-state="public"] { display: none; }
.live#private-voyeur[access="false"] .voyeurButton[data-state="voyeur"] { display: block; }
.live#private-voyeur[access="false"] .voyeurButton[data-state="public"] { display: block; }
.live#private-voyeur[access="true"]  .camStateButton[data-state="public"] { display: block; }
.live#private-voyeur[access="true"]  .privateButton[data-state="private"] { display: none; }
.live#private-voyeur[access="true"]  .privateButton[data-state="public"] { display: inline-block; }
.live#private-voyeur[access="true"] .voyeurButton[data-state="voyeur"] { display: none; }
.live#private-voyeur[access="true"] .voyeurButton[data-state="public"] { display: inline-block; }

/* INTERMISSION MODE */
.live#intermission .slide { display: none; }
.live#intermission .slide[data-state="intermission"]    { display: inline-block; }
.live#intermission .privateButton[data-state="private"] { display: none; }

/* OFFLINE STATE */
.live#offline .slide { display: none; }
.live#offline .slide[data-state="offline"] { display: block; }

/* CAMERA ERROR */
.live#cameraerror .slide { display: none; }
.live#cameraerror .slide[data-state="cameraerror"] { display: inline-block; text-align: center; }
.live#cameraerror .slide[data-state="cameraerror"] p { margin: 10px 0; }
.live#cameraerror .privateButton { display: none; }

/* NO CAMERA */
.live#nocamera .slide { display: none; }
.live#nocamera .slide[data-state="nocamera"] { display: block; text-align: center; }
.live#nocamera .slide[data-state="nocamera"] p { margin: 10px 0; }
.live#nocamera .privateButton { display: none; }

/* USER HOVER CARD */
#userHover { display: none; position: absolute; z-index: 3; background: white; color: black; width: 145px; height: 65px; border: 1px solid #992321; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; margin: 0 0 0 -104px; }
#userHover #userHoverUsername { margin: 5px 0 3px; }
#userHover #userHoverOptions #userHoverOptionList { }

/* SILENCED STATES */
.live #silencedCover { display: none; }
.live[user=host] #silencedCover { display: none !important; }
.live.silenced #silencedCover { display: none; position: absolute; width: 100%; height: 35px; background-color: #DDD; margin: -6px 0 0 -6px; }
.live.silenced #silencedCover p { margin-top: 10px; font-size: 12px; }

.msLive #contentContainer #contentMidSection #contentLeft { float: left; width: 155px; margin-right: 35px; }
.msLive #contentContainer #contentMidSection #contentRight { float: left; width: 515px; padding-top: 24px; color: white; }
.msLive #contentContainer #contentDetails { text-align: center; }
.msLive #contentContainer #contentDetails .entry { margin: 5px 0; width: 150px; margin: 0 auto; clear: both; }
.msLive #contentContainer #contentDetails .entry h1 { font-weight: bold; font-size: 12px; display: inline-block; float: left; }
.msLive #contentContainer #contentDetails .entry span { float: right; color: white; }
.msLive #contentContainer #contentDetails .entry ul { margin-left: 10px; }
.msLive #contentContainer #contentDetails .entry ul li { margin: 4px 0; }
.msLive #contentContainer #contentDetails .entryName { width: 48px; float: left; font-weight: bold; font-size: 12px; text-align: right; }
.msLive #contentContainer #contentDetails .entryValue { width: 95px; float: right; text-align: left; }

.msLive #contentContainer #contentDetails #profileAvatar { border: 1px solid white; margin: 5px 0; }
.msLive #contentContainer #contentDetails #profileUsername { font-size: 20px; text-align: left; }
.msLive #contentContainer .modelDesc { padding-bottom: 70px; position: relative; z-index: 90; }
.msLive #contentContainer #chatNowRegister { float: right; width: 515px; height: 30px; text-align: center; text-transform: uppercase; z-index: 91; position: relative; padding-bottom: 50px; }
.msLive #contentContainer #chatNowRegister a {color: #FFF; font-weight: bold; font-size: 14px; text-decoration: none; }
.msLive #contentContainer #chatNowRegister a:hover { text-decoration: underline; }

#photosFreeHeader { display: none; }
#photosFree { overflow: hidden; height: 175px; display: none;  }
#photosFree li { margin: 0 1px 20px; display: inline-block }
#photosFree div.photosetThumbnail { margin: 2px; border: 1px solid #FFF; width: 108px; height: 155px; position: relative; overflow: hidden; }
#photosFree img.photosetThumbnail { position: absolute; height: 185px; width: 108px; left: 0; top: 0; }
#photosFree div.watermarkThumbnail { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 108px; height: 24px; z-index: 999; }

#tips { color: white; }
#tips h1 { margin-bottom: 10px; }
#tips .tipEntry strong { font-weight: bold; }
#tips .tipEntry .tipMsg { padding: 5px 10px; }

#addComment textarea { width: 98%; height: 70px; margin-bottom: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#commentList { height: 230px; overflow: hidden; }
#commentList li { margin: 5px 0; }
#commentList li div { float: left; margin: 0 10px; }
#commentList li .clear { float: none; clear: both; }
#commentList li .rating { width: 70px; }
#commentList li .username { text-decoration: underline; width: 100px; text-align: center; }
#commentList li .date { width: 100px; text-align: center; }
#commentList li .message { width: 346px; text-align: left; }
#commentList li.empty { display: block; font-weight: bold; float: none; padding-top: 50px; font-size: 22px; }

#commentContainer #readMore { color: #FF0000; display: block; font-weight: bold; text-transform: capitalize; padding-right: 30px; text-align: right; }

#addCommentForm #rateComment { text-align: left; }
#addCommentForm #rateComment label { float: left; margin: 2px 5px 0; }
#addCommentForm #rateComment .commentRating { float: left; margin: 3px 0 10px 4px; }

.liveIcon { background:url(module/msLive/liveSprite.png) no-repeat; display: inline-block; }
.liveIcon.iMic { width: 11px; height: 20px; background-position: -20px 0; }
.liveIcon.iVol { width: 20px; height: 18px; }

#onlineState { background:url(module/msLive/onlineStateOffAir.png) no-repeat; display: block; width: 352px; height: 226px; position: absolute; right: 30px; bottom: 0px; z-index: 1; }
#onlineState[data-state=online]  { background:url(module/msLive/onlineStateOnAir.png) no-repeat; }
#onlineState[data-state=offline] { background:url(module/msLive/onlineStateOffAir.png) no-repeat; }

.profileBar ul li { float: left; }
.profileBar ul li a { font-family: 'BankGothicMed'; color: black; text-decoration: none; font-size: 24px; padding: 2px 21px 6px; border-left: 2px solid black; }

.addCommentDialog textarea { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: -15px 0 5px; }
.addCommentDialog .rating { float: left; margin-top: 7px; text-align: left; }
.addCommentDialog .rating .ratingWidget { float: right; margin: -17px 0 0 45px; }
.addCommentDialog .graybutton { margin-bottom: 5px !important; }
.addCommentDialog a.graybutton { padding: 5px !important; }
/*      Comments performers   */

/* root element for scrollable */ 
div.scrollableComments { position:relative; overflow:hidden; height: 190px; width: 690px; margin: auto; } 
div.scrollableComments div.scrollableItems { position:absolute; height:20000em;  }
div.scrollableItem { width: 690px; height: 40px; margin: 0px; overflow: visible; }
div.scrollableCommentHeading { display: block; text-align: left; width: 250px; }
div.scrollableComment { display: block; text-align: left; width: 430px; }
div.up, div.down { height:20px; width:150px; cursor:pointer; text-align: center; margin: auto; position: relative; }

a.up, a.down {
  position: absolute;
  background-position: 50% 0%;
  height:10px;
  width:150px;
  display: block;
  margin:0;
  cursor:pointer;
  font-size:1px;
  top: 5px;
}
a.down { background-position: 50% 100%; }

td.commentRating { width: 100px; text-align: left; }
td.commentRating .commentRating { margin: 0px; }
td.commentMember { width: 100px; text-align: left; }
td.commentShortDate { width: 90px; text-align: left; }
td.commentComment { width: 435px; text-align: left; }

#ruleDialog .graybutton { margin: 0 3px; }

.toggleDVR { cursor: pointer; text-decoration: underline; }
.toggleDVR[data-state="on"] { color: green;}
.toggleDVR[data-state="off"] { color: red; }

/*      End Comments performers   */

/* start: Tip form tab */
#giveTipInner { margin: 30px; text-align: center; position: relative; padding-top: 30px; }
#giveTipMsg { position: absolute; top: 0px; left: 0px; }
#tipForm .tipInput { width: 80px; }
#giveTipInner p.back { margin-top: 40px; }
#giveTipInner p.back a { color: #FFF; }

table.tipForm { margin: auto; }
table.tipForm td.radio { padding: 3px; text-align: center; }
table.tipForm td.value { padding: 3px; text-align: left; }
/* end: Tip form tab */


body.broadcast #playerAndChat {
  width: auto !important;
  height: auto !important;
  position: initial !important;
  margin-left: 0 !important;
}

body.broadcast #playerContainer {
  position: relative !important;
  width: 465px !important;
  height: 400px !important;
  float: left !important;
}

body.broadcast #liveContainer .mtxEmbed {
  height: 360px !important;
}

body.broadcast #liveContainer #playerContainer .slide {
  height: 358px;
}/*    Start of phototacious   */

#phototaciousDisplay {
  background-color: #000;
  position: absolute;
  bottom: 0px;  
  left: 0px;
  z-index: 1;
}

#phototaciousBackward {
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -98px;
  z-index: 1000;
  width: 39px;
  height: 68px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousForward {
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -98px;
  z-index: 1000;
  width: 39px;
  height: 68px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousBackwardEnd {
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: 20px;
  z-index: 1000;
  width: 39px;
  height: 66px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousForwardEnd {
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: 20px;
  z-index: 1000;
  width: 39px;
  height: 66px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}


#phototaciousSlideShow {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
  width: 300px;
  height: 38px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}



#phototaciousClose {
  display: block;
  position: absolute;
  right: 50%;
  bottom: 0px;  
  z-index: 1000;
  width: 150px;
  height: 38px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}




#phototaciousSaveAs {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -150px;
  bottom: 0px;
  z-index: 1000;
  width: 150px;
  height: 38px;
  text-align: right;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

/*    End of phototacious   */


/*    With scrolling    */
div.scrollableWrapper {
    width: 707px; 
  height:154px;
  margin: auto;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
  /* required settings */ 
  float:left; 
  position:relative; 
  overflow:hidden; 
  width: 684px; 
  height:162px; 
  margin-top: 2px;
} 
 
/* 
    root element for scrollable thumbnails. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable thumbnails. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.thumbnails { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.thumbnails div.photosetThumbnail { 
  float:left; 
  margin-left: 5px;
  margin-right: 5px;
} 
 
/* you may want to setup some decorations to active item */ 
div.thumbnails div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
  width:10px;
  height:152px;
  background:url('../images/left.png') no-repeat;
  background-position: 0px 68px;
  float:left;
  margin:0;
  cursor:pointer;
  font-size:1px;
}

/* next button uses another background image */
a.next, a.nextPage {
  background-image:url('../images/right.png');
  background-position: 3px 68px;
  clear:right;  
}


img.thumbnail {
  border: 1px solid #000;
}


img.thumbnail:hover {
  border: 1px solid #7F7F7F;
}/*    Clearing the div floats     */
.clearFloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.clearFloat {
  display: inline-table;
}


/* Hides from IE-mac \*/
* html .clearFloat { 
  height: 1%; 
}


.clearFloat {
  display: block;
}
/* End hide frm IE-mac */

div.chatUser {
 float: left;
}
div.chatMsg {
 float: right;
 overflow: auto;
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -hp-pre-wrap; /* HP printers */
 white-space: -o-pre-wrap; /* Opera 7 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: pre-wrap; /* CSS 2.1 */
 white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 word-wrap: break-word; /* IE */
 -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */ 
}

#chathistory .user, 
#chathistory .preuser, 
#chathistory .host {
 padding-right: 0px;
}

#tips {
 display: none;
}


#chathistory ul li table {
 border-spacing:0;
 border-collapse:collapse;
}

#chathistory ul li table,
#chathistory ul li tr {
 border-spacing:0;
 border-collapse:collapse;
 padding: 0px;
 border-width: 0px;  
}

#chathistory ul li td {
 border-spacing:0;
 border-collapse:collapse;
 border-width: 0px;  
 padding: 0px 2px;
 vertical-align: top; 
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -hp-pre-wrap; /* HP printers */
 white-space: -o-pre-wrap; /* Opera 7 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: pre-wrap; /* CSS 2.1 */
 white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 word-wrap: break-word; /* IE */
}

#whoisOnlineWrapper {
 height: 0px;
 width: 751px; 
}

#whoisOnlineTitle {
 margin-top: 20px;
 display: none;
 font-size: 13px !important; height: 16px; text-align: center; background:url(boxtop.png) repeat-x; width: 100%; padding: 1px 2px 0 0; color: black; text-transform: capitalize; font-family: 'BankGothicMed'; font-weight: bold; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; z-index: 1;
}


#whoisOnline {
 background:url(bgpattern.jpg) black; border: 1px solid #CCC;
 display: none;
 height: 185px;
 width: 751px;
}

#whoisOnline div.whoisOnlineBox,
#whoisOnline div.whoisOfflineBox,
#whoisOnline div.whoisRemovingBox {
 float: left;
 width: 124px;
 height: 175px;
 text-align: center; 
 margin: auto; 
 padding-top: 10px;
}

#whoisOnline div.whoisOnlineBox a,
#whoisOnline div.whoisOfflineBox a,
#whoisOnline div.whoisRemovingBox a {
 font-weight: bold;
 text-decoration: none;
}

#whoisOnline div.whoisOnlineBox img,
#whoisOnline div.whoisOfflineBox img,
#whoisOnline div.whoisRemovingBox img {
 border: 1px solid #FFFFFF;
 width: 100px;
 height: 150px;
}
    

#whoisOnline div.whoisOfflineBox {
 display: none;
}

#fullScreenButtons {
 text-align: center; 
 font-weight: bold; 
 font-size: 16px;
 font-family: 'BankGothicMed';
 border: 1px solid; 
 margin-bottom: 2px; 
 height: 39px; 
 line-height: 39px; 
 background-color: rgb(204, 204, 204); 
 color: rgb(0, 0, 0);
}

#fullScreenButtons .leftTop {
 float: left; 
 border-right: 1px solid rgb(0, 0, 0); 
 width: 138px;
 cursor: pointer;
}

#fullScreenButtons .rightTop {
 float: right; 
 border-left: 1px solid rgb(0, 0, 0); 
 width: 138px;
}

.fullScreenDialog {
 text-align: center;
 margin-top: 30px;
}

#chathistory .accesschange, #chathistory .shotdown, #chathistory .notice {
 font-weight: bold;
 font-size: 13px; 
}

#chathistory .accesschange, #chathistory .shotdown, #chathistory .notice a {
 color: #FFF;
 font-size: 13px; 
}.ratingWidget { width: 70px; height: 15px; margin: 20px auto 0; background:url(module/msSocial/stars.png) 0 -1px; cursor: pointer; padding-right: 1px; }
.ratingWidget .stars { width: 0px; height: 100%; background:url(module/msSocial/stars.png) 0 15px; cursor: pointer; margin: 0 !important; }


#commentsBox { height: 365px; overflow: hidden; }
#commentsBox .commentBox { margin-bottom: 8px; }
#commentsBox .commentBox a { text-decoration: none; }
#commentsBox .commentBox a:hover { text-decoration: underline; }
#commentsBox .ratingWidget { float: left; margin: 0px; }
#commentsBox .name { float: left; margin-left: 6px; }
#commentsBox .comment { text-align: justify; margin-top: 5px; }
.ratingWidget[data-state=readonly],
.ratingWidget[data-state=readonly] .stars { cursor: default; }.divSWFUploadUI code {
  display: block;
  background:#edffb8 none repeat scroll 0%;
  border-color:#b2da3a;
  border-style:solid;
  border-width:1px 0;
  font-size: 1em;
  margin: 1em 0pt;
  overflow:auto;
  padding: 0.3em 0.4em;
  white-space:pre;
}

/* -- Layout ------------------------------- */

.divSWFUploadUI .upload-wrap {
  border-right: 1px solid #DDDDDD;
  float: left;
  margin: 5px 0 10px 15px;
  /* width: 670px; */
}

.divSWFUploadUI .upload-wrap a {
  color: #00A0E8;
  text-decoration: underline;
}
.divSWFUploadUI .upload-tile {
  color: #00A0E8;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

  
.divSWFUploadUI #version {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 85px;
}


.divSWFUploadUI {
    border-bottom: 3px solid #eee;
    border-top: 3px solid #eee;
    padding: 15px 0 19px 10px;
}
.divSWFUploadUI h1 {
    color: #FFFFFF;
    font-family: arial,san-serif,helvetica;
    font-size: 14px;
    padding-bottom: 5px;
}



/* -- Form Styles ------------------------------- */
.divSWFUploadUI form {  
  margin: 0;
  padding: 0;
}


.uploadLoading { background-color: #FFFF66; border-top: solid 4px #CCC; border-bottom: solid 4px #CCC; margin: 10px 0; padding: 10px 15px; }


.divSWFUploadUI div.fieldset {
  border:  1px solid #afe14c;
  margin: 10px 0;
  padding: 20px 10px;
}
.divSWFUploadUI div.fieldset span.legend {
  position: relative;
  background-color: #444444;
  padding: 3px;
  top: -30px;
  font: 700 14px Arial, Helvetica, sans-serif;
}

.divSWFUploadUI div.flash {
  background-color: #eee;
  border: medium none;
  margin: 10px 0;
  border: 1px solid #CCC;
}

.divSWFUploadUI button,
.divSWFUploadUI input,
.divSWFUploadUI select,
.divSWFUploadUI textarea { 
  border-width: 1px; 
  margin-bottom: 10px;
  padding: 2px 3px;
}



.divSWFUploadUI input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


.divSWFUploadUI label { 
  width: 150px; 
  text-align: right; 
  display:block;
  margin-right: 5px;
}

/*.divSWFUploadUI #btnSubmit { margin: 0 0 0 155px ; }*/

/* -- Table Styles ------------------------------- */
.divSWFUploadUI td {
  font: 10pt Helvetica, Arial, sans-serif;
  vertical-align: top;
}

.divSWFUploadUI .progressWrapper {
  width: 265px;
  overflow: hidden;
}

.divSWFUploadUI .progressContainer {
  margin: 5px;
  padding: 4px;
  border: solid 1px #E8E8E8;
  background-color: #F7F7F7;
  overflow: hidden;
}
/* Message */
.divSWFUploadUI .message {
  margin: 1em 0;
  padding: 10px 20px;
  border: solid 1px #FFDD99;
  background-color: #FFFFCC;
  overflow: hidden;
}
/* Error */
.divSWFUploadUI .red {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
}

/* Current */
.divSWFUploadUI .green {
  border: solid 1px #DDF0DD;
  background-color: #EBFFEB;
}

/* Complete */
.divSWFUploadUI .blue {
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
}

.divSWFUploadUI .progressName {
  font-size: 8pt;
  font-weight: 700;
  color: #555;
  width: 323px;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.divSWFUploadUI .progressBarInProgress,
.divSWFUploadUI .progressBarComplete,
.divSWFUploadUI .progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}

.divSWFUploadUI .progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.divSWFUploadUI .progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.divSWFUploadUI .progressBarStatus {
  margin-top: 2px;
  font-size: 7pt;
  font-family: Arial;
  text-align: left;
  white-space: nowrap;
}

.divSWFUploadUI a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url(cancelbutton.gif);
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}

.divSWFUploadUI a.progressCancel:hover {
  background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.divSWFUploadUI .swfupload {
  vertical-align: top;
}.SI-FILES-STYLIZED label.cabinet
{
  width: 79px;
  height: 22px;
  background: url(module/msUpload/btn-choose-file.gif) 0 0 no-repeat;

  display: block;
  overflow: hidden;
  cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
form.ajax-upload { overflow: hidden; }
form.ajax-upload label.cabinet { float: left; }

form.ajax-upload img.status { width: 16px; height: 16px; }

form.ajax-upload img.status.spinner,
form.ajax-upload img.status.checkmark,
form.ajax-upload img.status.x-mark { display: none; }.uploadContainerSimple { margin: 0 auto; width: 960px; }
.uploadContainerSimple #bannerdivSWFUploadUI { margin: 0; }/*
   Plupload
------------------------------------------------------------------- */

.plupload_button {cursor: pointer;}

.plupload_wrapper {
  font: normal 11px Verdana,sans-serif;
  width: 100%;
}

.plupload .plupload_container input {width: 98%;}
.plupload .plupload_filelist_footer {border-width: 1px 0 0 0}
.plupload .plupload_filelist_header {border-width: 0 0 1px 0}
div.plupload .plupload_file {border-width: 0 0 1px 0}
div.plupload div.plupload_header {border-width: 0 0 1px 0; position: relative;}

.plupload_file .ui-icon {
  cursor:pointer; 
}

.plupload_header_content {
  background-image: url('/admin/static/plupload/js/jquery.ui.plupload/img/plupload.png');
  background-repeat: no-repeat;
  background-position: 8px center;
  min-height: 56px;
  padding-left: 60px;
  position:relative;
}
.plupload_header_content_bw {background-image: url('/admin/static/plupload/js/jquery.ui.plupload/img/plupload-bw.png');}
.plupload_header_title {
  font: normal 18px sans-serif;
  padding: 6px 0 3px;
}
.plupload_header_text {font: normal 12px sans-serif;}

.plupload_filelist,
.plupload_filelist_content {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}

.plupload_cell {padding: 8px 6px;}

.plupload_file {
  border-left: none;
  border-right: none;
}

.plupload .ui-sortable-helper,
.plupload .ui-sortable .plupload_file {
  cursor:move;  
}

.plupload_scroll {
  max-height: 180px;
  min-height: 168px;
  _height: 168px;
  overflow-y: auto;
}

.plupload_file_size, .plupload_file_status { text-align: right; width: 52px; vertical-align: middle; }
.plupload_file_action {width: 16px;}
.plupload_file_name {
  overflow: hidden;
  padding-left: 10px;
  text-align: left;
}

.plupload_file_rename {
  width:95%;  
}

.plupload_progress {width: 60px;}
.plupload_progress_container {padding: 1px;}


/* Floats */

.plupload_right {float: right;}
.plupload_left {float: left;}
.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}
.plupload_clearer {height: 0;}

/* Misc */
.plupload_hidden {display: none;}
.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
}

.plupload_buttons, .plupload_upload_status {float: left}

.plupload_message {
  position: absolute;
  top: 0px;
  left: 0px;  
  height: 100%;
  width: 100%;
}

.plupload_message p {
  padding:0.7em;
  margin:0;
}

.plupload_message strong {
  font-weight: bold;  
}

plupload_message i {
  font-style: italic; 
}

.plupload_message p span.ui-icon {
  float: left;
  margin-right: 0.3em;  
}

.plupload_header_content .ui-state-error,
.plupload_header_content .ui-state-highlight {
  border:none;  
}

.plupload_message_close {
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer; 
}

.plupload .ui-sortable-placeholder {
  height:35px;
}

.plupload_button {
  position: relative;
  padding-left: 6px;
}
.plupload_upload_status {
  display: none;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 0em 0.4em 2.1em !important;
  padding-left: 20px !important;
}
.plupload_add .ui-button-icon-primary {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: auto;
}
.plupload_start .ui-button-icon-primary {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: auto;
}
.plupload_stop .ui-button-icon-primary {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: auto;
}.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("../font/2.0.0/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
  .video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
  .video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
  .video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
  .video-js .vjs-volume-menu-button:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: "\f115"; }

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button:before {
    content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }
  @media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
      visibility: hidden; } }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  font-family: Arial, Helvetica, sans-serif;
  visibility: visible;
  font-size: 0.6em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
  display: none; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.vjs-tooltip-progress-bar {
  visibility: hidden; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-controls-disabled .vjs-poster {
  display: none; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 16em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 1em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
  border: none; }

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  float: right; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings fieldset {
  margin-top: 1em;
  margin-left: .5em; }

.vjs-caption-settings fieldset .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }
/*    Clearing the div floats     */
.clearFloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.clearFloat {
  display: inline-table;
}


/* Hides from IE-mac \*/
* html .clearFloat { 
  height: 1%; 
}


.clearFloat {
  display: block;
}
/* End hide frm IE-mac */

html { background-color: black; color: #CCC; overflow-y: scroll; }

*:focus { outline: 0; }
a { color: #CCC; }
label { cursor: pointer; }
a:hover { text-decoration: none; }
input[type=text], input[type=password] { padding: 2px !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; margin-right: 10px; width: 150px; }
#container { width: 751px; margin: 0 auto; position: relative; padding-top: 210px; }
#container.blocked { padding-top: 0px; }
.nowrap { white-space: nowrap; }
.top { vertical-align: top; }

/* FONTS 
@font-face {
  font-family: 'bankGothicMed';
  src: url('Bank_Gothic_Medium_BT_.eot');
  src: url('Bank_Gothic_Medium_BT.ttf') format('truetype'),
       url('Bank_Gothic_Medium_BT.woff') format('woff');
} */

@font-face {
 font-family: "bankGothicMed";
 src: url('Bank_Gothic_Medium_BT_.eot');
 src: url('Bank_Gothic_Medium_BT_.eot?#iefix') format('embedded-opentype'),
      url('Bank_Gothic_Medium_BT.woff') format('woff'),
      url('Bank_Gothic_Medium_BT.ttf') format('truetype'),
      url('Bank_Gothic_Medium_BT.svg#bankGothicMed') format('svg');   
   
}

/* HELPERS */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.pull-left { float: left; }
.pull-right { float: right; }
.tall { padding: 20px 0; }
.bold { font-weight: bold; }
.hide { display: none; }
.clear { clear: both; }
.mt { margin-top: 20px; }
.mb { margin-bottom: 20px; }
.red { color: #FF0000; }
.alert { text-transform: uppercase; font-weight: bold; text-decoration: underline; color: #FF0000; }
p.padding { padding: 5px 0px 5px 0px; }

/* HEADER */
#devMode { background-color: #3B3B3B; border-bottom: 1px solid #CCCCCC; color: #FF0000; font-weight: bold; height: 18px; left: 0; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 999999; }
#header { background:url(lmsHeader.png) no-repeat; width: 751px; height: 160px; position: relative; z-index: 1; }
#header a { position: absolute; width: 535px; height: 57px; top: 40px; left: 33px; text-indent: -9999px; }

#headerWrapper { width: 751px; height: 205px; position: absolute; left: 0px; top: 0px; }

/* NAV */
#nav { margin: -20px auto 0; }
#nav ul { position: relative; z-index: 2; }
#nav ul li { display: inline-block; float: left; border-left: 2px solid black; height: 33px; }
#nav ul li a { color: black; text-align: center; text-decoration: none; text-transform: capitalize; font-family: 'BankGothicMed'; display: inline-block; font-size: 15px; padding: 7px 0; width: 100px; text-shadow: 1px 1px #ADADAD; font-weight: bold; }
#nav ul li#picsVideos a { color: black; text-align: center; text-decoration: none; text-transform: capitalize; font-family: 'BankGothicMed'; display: inline-block; font-size: 15px; padding: 7px 0; width: 135px; text-shadow: 1px 1px #ADADAD; font-weight: bold; }
#nav ul.broadCaster li a { padding: 7px 10px; width: auto; }
#nav ul li a:hover { background:url(trans.png); }

/* AUTHENTICATION BAR */
#authentication { text-align: center; padding: 7px 0 5px; position: relative; min-height: 20px; }
#authentication form label { font-size: 14px; }
#authentication form input { width: 100px; height: 15px; }
#authentication #help { position: absolute; top: 9px; right: 0; }
#authentication #help ul li { float: left; margin-right: 5px; }
#authentication #help ul li a { text-transform: capitalize; }
#authentication #authForm input[type=submit] { background: none; border: 0; color: #CCC; cursor: pointer; width: auto; height: 20px; margin-right: 70px; font-size: 15px; }

#loggedInMenu { text-align: left; }
#loggedInMenu li { display: -moz-inline-stack; display: inline-block; margin: 0 5px; zoom: 1; *display: inline; }

/* CONTENT AREA */
#content { border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; padding: 0; margin: 5px auto 10px; }
#content .box { border-left: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; max-width: 749px; margin: 0 auto 15px; padding: 25px 10px 10px; position: relative; background:url(bgpattern.jpg); text-align: center; }
#content .box .boxHeader { font-size: 13px !important; height: 16px; text-align: center; background:url(boxtop.png) repeat-x; margin: -27px 0 0 -11px; *margin-left: -26px; width: 100%; padding: 1px 2px 0 0; color: black; text-transform: capitalize; font-family: 'BankGothicMed'; font-weight: bold; position: absolute; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; z-index: 1; }
#content .box.hasPaging { margin-bottom: 40px; }
#content .box .boxPaging { position: absolute; width: 100%; bottom: -25px; }
#content .box .boxPaging .pagingLeft { float: left; }
#content .box .boxPaging .pagingRight { float: right; margin-right: 20px; }
#content .box .boxPaging .pagingRight a { text-decoration: none; }
#content .boxMarginTop { margin-top: 15px; }
#content .middleEmptyBox { width: 615px; margin: 0 auto; }
.contentPadding { padding-top: 20px; }
.largeBar { background:url(navbar.png) no-repeat; width: 725px; height: 33px; padding-left: 26px; }
.profileBar { background:url(profileBar.png) no-repeat; }
.profileBar ul li:hover { background:url(trans.png); }

#buyNowBox { text-align: center; }
#buyNowBox h1 { margin: 10px 0; font-size: 18px; width: 335px; text-align: center; }
#buyNowBox .boxHeader { font-size: 13px; }
#buyNowBox a { margin: 5px 10px 10px 10px; }
#buyNowBox div.boughtContent { height: 50px; width: 100%; text-align: center; }
#buyNowBox div.boughtContent a { float: none; margin: auto; font-weight: bold; }

#content .contentList { list-style: none; }
#content .contentList li { display: -moz-inline-stack; display: inline-block; margin: 0 7px 20px; text-align: center; zoom: 1; *display: inline; }
#content .contentList li a { text-decoration: none; }
#content .contentList li a:hover { text-decoration: underline; }
#content .contentList li a h1 { font-size: 14px; margin: 3px 0px 5px 0px; }
#content .contentList.modelListOnline { padding-top: 20px; }
#content .contentList.modelList { text-align: left; }
#content .contentList.modelList h1 { color: #FFF; }
#content .contentList.modelList li { margin: 0 0 20px; width: 121px; vertical-align: top; position: relative; }
#content .contentList.modelList li div.groupBg { height: 20px; position: absolute; top: 131px; width: 100px; color: #FFF; background-color: #000; left: 11px; filter: alpha(opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.5; -moz-opacity: 0.50; z-index: 5; }
#content .contentList.modelList li div.groupTxt { position: absolute; top: 129px; margin: 3px 0px; width: 100px; color: #FFF; left: 11px; z-index: 999; font-weight: bold; text-align: center; }

#content .contentList.modelList li#loadingModels { margin: 0 0 20px; width: 750px; height: 195px; vertical-align: top; background: url('loadingAnimation.gif') no-repeat center; }
#content .contentList.modelList li#loadingModels h1 { line-height: 195px; color: #CCCCCC; }
#content .contentList.modelList li img { border: 1px solid #FFF; }
#content .contentList.modelList li h1 { font-size: 12px; font-weight: bold; }
#content .contentList.dualList li { max-width: 300px; margin: 0 35px 20px; display: block; float: left; }
#content .contentList.dualList li img.banner { border: 1px solid #FFF; }
#content .contentList.dualList li p { text-align: justify; }
#content .contentList.archivesList li { width: 172px; height: 165px; margin: 10px 7px 20px; display: block; float: left; }
#content .contentList.archivesList li img { border: 1px solid #FFF; width: 172px; height: 129px; }
#content .contentList.archivesList li h1 { font-size: 12px; font-weight: bold; text-align: justify; }
#content .contentList.videoList li { width: 247px; height: 230px; margin: 0px; }
#content .contentList.videoList { margin-top: 30px; }
#content .contentList.photoList li { width: 247px; height: 230px; margin: 0px; }
#content .contentList.photoList { margin-top: 30px; }
#content .profileContentList.dualList li { margin: 0 24px 20px !important; }
#content .sectionTitle { background:url(navbar.png) no-repeat; width: 751px; height: 27px; margin-bottom: 12px; font-family: 'BankGothicMed', cursive; color: black; text-align: center; padding-top: 6px; text-transform: uppercase; font-size: 17px; }
#content .timezones { margin: auto auto 12px; font-weight: bold; text-align: center; }
#content .timezones select optgroup { font-weight: bold; }
#content .timezones select optgroup option { font-weight: normal; }

#content.mobile { padding: 50px; text-align: center; }
#content.mobile h1 { font-size: 18px; padding: 5px 0px 5px 0px; color: #FF0000; }
#content.mobile p { padding: 5px 0px 5px 0px; text-align: left; }
#content.mobile a.puffin { font-size: 15px; color: #FF0000; text-align: center; font-weight: bold; margin: auto; }

/* DEFAULT TABLE */
.lmsTable { width: 100%; background-color: #E7E7E7; border: 1px solid white; }
.lmsTable thead {
  background: rgb(124,124,124);
  background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(115,115,115,1) 31%, rgba(96,96,96,1) 77%, rgba(89,90,90,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,1)), color-stop(31%,rgba(115,115,115,1)), color-stop(77%,rgba(96,96,96,1)), color-stop(100%,rgba(89,90,90,1)));
  background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: -o-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: -ms-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  color: white;
}
.lmsTable thead th { text-align: center; padding: 10px 0; border-right: 1px solid #404040; }
.lmsTable tbody tr { color: #404040; border-bottom: 1px solid #404040; }
.lmsTable tbody tr td { text-align: center; padding: 10px 0; }
.lmsTable tbody tr td .green { color: green; margin-right: 10px; text-decoration: none; }
.lmsTable tbody tr td .red { color: red; text-decoration: none; }
.lmsTable tbody tr td.money {  padding-right: 10px; text-align: right; }

/* FOOTER */
#footer { text-align: center; }
#footer p { margin: 15px 0; }
#footer #copyright { font-size: 12px; }

/* BUTTONS */
.graybutton {
  border-top: 1px solid #ded8d8;
  border-right: 1px solid 494949;
  border-bottom: 1px solid #595a5a;
  border-left: 1px solid #a9a6a6;
  background: rgb(124,124,124);
  background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(115,115,115,1) 31%, rgba(96,96,96,1) 77%, rgba(89,90,90,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,1)), color-stop(31%,rgba(115,115,115,1)), color-stop(77%,rgba(96,96,96,1)), color-stop(100%,rgba(89,90,90,1)));
  background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: -o-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: -ms-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  background: linear-gradient(top, rgba(124,124,124,1) 0%,rgba(115,115,115,1) 31%,rgba(96,96,96,1) 77%,rgba(89,90,90,1) 100%);
  color: white;
  cursor: pointer;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#595a5a',GradientType=0 );
  padding: 2px 5px;
  text-decoration: none;
}

/* GREY TABS */
.greyTabs { background: transparent; }
.greyTabs .ui-tabs-nav { padding: 0 0 1px; border-bottom: 5px solid #24282B; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.greyTabs .ui-tabs-nav .ui-state-default { background: #CCC; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0 5px 0 !important; padding: 0px 10px; }
.greyTabs .ui-tabs-nav .ui-state-default a { border: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; text-transform: uppercase; }
.greyTabs .ui-tabs-nav .ui-state-active { background: #24282B  !important; }
.greyTabs .ui-tabs-nav .ui-state-active a { background: transparent !important; color: white !important; }
.greyTabs .ui-tabs-nav .ui-tabs-selected:hover { background: #24282B !important; }
.greyTabs .ui-tabs-nav li:hover,
.greyTabs .ui-tabs-nav li a:hover { border: 0 !important; border-bottom: 0 !important; background: #CCC; }


/* DARK DIALOG new */
.ui-widget-header { border-width: 0px; }
.ui-widget-content { background: url("bgpattern.jpg") repeat scroll 0 0 black; color: #FFF; }
.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; background: url("bgpattern.jpg") repeat scroll 0 0 black; }
.ui-dialog .ui-dialog-title { padding: 0px; margin: 0px; color: #000; }
.ui-dialog .ui-dialog-titlebar { padding: 0px; position: relative; margin: 0px; height: 20px; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; overflow: auto; zoom: 1; padding: 0px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; background: transparent; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; border-width: 0px; box-shadow: none; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; background-image: none; background-color: #ACACAC; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  color: #000;
  background-color: #ACACAC;
  background-image: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #CCCCCC #CCCCCC #CCCCCC;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: none;
}

#liveContainer #rightTabs .chatTabs { background-image: none; }


.ui-dialog-buttonset .ui-button:nth-child(2){
  cursor: pointer;
  display: inline-block;
  background-color: #ACACAC;
  background-image: none;
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  overflow: visible;
  border-radius: none;
}


.darkDialog { url("bgpattern.jpg") repeat scroll 0 0 black; border: 0; padding: 0px; text-align: center; overflow: visible; margin-left: 3px; }
.darkDialog *:focus { outline: 0 !important; }
.darkDialog .ui-dialog-titlebar { background: transparent; color: transparent; border: 0; height: 5px; margin-top: -15px; }
.darkDialog .ui-dialog-titlebar a,
.darkDialog .ui-dialog-titlebar span { display: none; }
.darkDialog .ui-dialog-content { background: black; color: white; overflow: visible; border: 1px solid #B2B2B2; }
.darkDialog .ui-dialog-content h1 { background: url("boxtop.png") repeat-x scroll 0 0 transparent; font-family: 'BankGothicMed'; font-weight: bold; font-size: 15px; color: #000; }
.darkDialog .ui-dialog-content p { margin: 15px 0 25px; font-size: 14px; }
.darkDialog .ui-dialog-content p textarea { width: 95%; }
.darkDialog .ui-dialog-content a { color: white; }
.darkDialog .ui-dialog-content input[type=submit] { margin: 0 0 15px; text-transform: capitalize; padding: 5px 40px; }
.darkDialog .darkDialogClose { position: absolute; top: 20px; right: 10px; font-size: 17px; font-weight: bold; padding: 6px; }
.darkDialog .darkDialogClose a { background: black; color: white; text-decoration: none; line-height: 4px; display: block; padding: 10px 8px; }

#tipFormMsg p { text-align: center; }

#tipDialog p { text-align: left; padding: 10px; }
#tipDialog p textarea { width: 95%; height: 50px; margin: 4px 0; }
#tipDialog p input { width: 275px; margin: 0; }
#tipDialog a { color: #FFF; }

#recordedVideoDialog p.textCenter { text-align: center; padding: 10px; }
#recordedVideoDialog a { color: #FFF; }

/* SCHEDULE TABLE */
#scheduleOnlineTime { margin: 20px auto; }
#scheduledShows { margin: 20px auto 40px auto; }
#scheduleOnlineTimes { font-weight: bold; padding-left: 5px; }

#scheduleNotifyMe p {
 color: #FFF;
}

#scheduleNotifyMe select {
 color: #000;
} 

a.emailNotification {
 color: #FFF;
 text-decoration: none;
}

a.emailNotification span.status {
 text-transform: capitalize;
 text-decoration: underline; 
 color: #FF0000;
}

div.emailNotificationTop {
 border-bottom: 2px solid #CCC;
}

div.emailNotificationTop p {
 text-align: center;
 margin: 15px;
}

div.emailNotificationTop a.emailNotification {
 font-weight: bold;
}

#schedule tr td { color: white; font-weight: normal; width: 90px; height: 35px; text-align: center; font-weight: normal; }
#schedule tr .day { background: black; border: 1px solid white; }
#schedule tr .day.usually  { background: #a20000; }
#schedule tr .day.sometime { background: #620000; }

#scheduleKey div { color: white; display: inline-block; width: 199px; height: 23px; border: 1px solid white; font-weight: normal; text-align: center; padding-top: 7px; margin: 20px 16px; }
.editSchedule #scheduleKey div { width: 145px; }
.editSchedule td { cursor: pointer; }
#scheduleKey #schedule-seldom { background: black; }
#scheduleKey #schedule-sometime { background: #620000; }
#scheduleKey #schedule-usually { background: #a20000; }

#messageCenter .msgRow { margin: 10px 0; color: white; }
#messageCenter .msgRow input[type=text] { width: 636px; margin: 0; }
#messageCenter .msgRow input[type=submit] { width: 80px; border: 1px solid white; cursor: pointer; }
#messageCenter .msgRow textarea { width: 699px; height: 70px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#messageCenter .msgRow#topMsgRow #msgTo strong { font-weight: bold; margin-left: 30px; }
#messageCenter .msgRow#topMsgRow #msgSendTip { text-align: center; width: 172px; }
#messageCenter .inputField { float: right; margin: 0px 0 5px 5px; }

#addCommentWrapper .msgRowRight { float: right; width: 45%; padding-right: 3px; }
#addCommentWrapper .msgRowLeft { float: left; width: 45%; }

.profileContentList.dualList .noContent,
.profileContentList.dualList .loader { max-width: inherit !important; width: 680px; }

#goPrivateForm ul li { text-align: left; padding-left: 25px; margin: 0 0 3px 0; }

.contentPaging { margin: 15px 0 -15px; }
.contentPaging .itemCount { float: left; }
.contentPaging .itemPage { float: right; }
.contentPaging .itemPage a { text-decoration: none; text-transform: uppercase; }
.contentPaging .itemPage a:hover { text-decoration: underline; }

#rulesList li { margin-bottom: 20px; }
#rulesList li strong { font-weight: bold; }

#linkContainer { text-align: center; }
#linkContainer a { margin: 5px 0; display: inline-block; }
#linkContainer a img { width: 468px; height: 60px; }

.download{
  padding: 2px 5px;
  display: inline-block;
  text-decoration: none;
  border-top: 1px solid #DED8D8;
  border-bottom: 1px solid #595A5A;
  border-left: 1px solid #A9A6A6;
  background: #CCC;
  color: #000;
}

.modal-signup{
  display: block;
  margin-top: 10px;
}

.modelSort { text-align: center; margin: 20px 0 20px; }
.modelSort h1 { display: inline-block; margin-right: 10px; }
.modelSort select { width: 120px; margin: 0 5px; }
.modelSort .sbmtBtn { text-transform: capitalize; padding: 2px 5px; }
#noModelError { margin: 60px 0 60px; text-align: center; font-weight: bold; font-size: font-size: 16px; }

li.sort { padding-left: 55px; }
li.sort select { border: 1px solid #CCCCCC }

.flag { width: 16px; height: 11px; background:url(flags.png) no-repeat; display: inline-block; }

.flag.flag-de {background-position: -16px 0; }
.flag.flag-fr {background-position: -32px 0; }
.flag.flag-it {background-position: 0 -11px; }
.flag.flag-mx {background-position: -16px -11px; }
.flag.flag-pt {background-position: -32px -11px; }
.flag.flag-us {background-position: 0 -22px; }

div.seeMeAtSite { float: left; width: 249px; text-align: center; }
div.seeMeAtSite { float: left; width: 249px; text-align: center; }
div.seeMeAtSite p { text-align: justify; padding: 10px 20px; }
div.seeMeAtWrapper { width: 749px; }

#photoContainer div.navigation,
#videoContainer div.navigation {
 margin: auto;
 text-align: center;
 padding-bottom: 15px;
}

#photoContainer ul.navigation,
#videoContainer ul.navigation {
 margin: auto;
}

#photoContainer ul.navigation li,
#videoContainer ul.navigation li {
 display: inline;
 margin: 2px;
}

#videoContainer ul.navigation li a {
 color: #CCC;
}

#breadcrumbs { padding: 5px 0 0 5px; }
#breadcrumbs span a, #breadcrumbs span { text-transform: capitalize; }

.outOfCredits { color: red !important; }

div.thankYou {
 margin: 100px;
 text-align: center; 
}

div.thankYou p {
 text-align: center;
 margin: 10px auto;
}


#supportLink {
 display: inline;
}

#supportLink button {
 background: transparent; 
  border-width:0px; 
  color: #CCC; 
  text-decoration:underline; 
  cursor: pointer;
}

#IE7problems {
  border-top: 2px solid #ccc; 
  color: #FF0000; 
  font-weight: bold; 
  padding: 10px; 
  text-align: center
}

#compatibilityError { text-align: center; padding: 20px 0; border-bottom: 1px solid white; background: maroon; font-weight: bold; }


/* start:GroupChatRow -> The html listing the group chat */
#groupChatActive {
 width: 751px;
 height: 440px;
 position: relative; 
}


#featuredContentLarge {
 width: 751px;
 height: 213px;
}

#featuredContentLarge ul {
 width: 751px;
 height: 150px;
 position: relative;
}

#featuredContentLarge div.thumbsFour li {
 position: absolute;
 width: 150px;
 height: 150px;
}

#featuredContentLarge div.thumbsFour li.col1 {
 left: 9px;
 top: 0px;
}

#featuredContentLarge div.thumbsFour li.col2 {
 left: 201px;
 top: 0px;
}

#featuredContentLarge div.thumbsFour li.col3 {
 right: 207px;
 top: 0px;
}

#featuredContentLarge div.thumbsFour li.col4 {
 right: 17px;
 top: 0px;
}

#featuredContentLarge ul li img {
 width: 150px;
 height: 100px;
 border: 1px solid #FFF;
}

#featuredContentLarge #largeArchiveBar {
 width: 751px;
 height: 46px;
 padding-top: 17px; 
 background-image: url('barLargeLiveArchives.jpg');
}

#featuredContentLarge #largePrivateBar {
 width: 751px;
 height: 46px;
 padding-top: 17px; 
 background-image: url('barLargePrivateHomeVideosPics.jpg');

}

#featuredContentLarge #largeArchiveBar a,
#featuredContentLarge #largePrivateBar a {
 color: #FF0000;
 text-transform: capitalize;
 float: right; 
 font-weight: bold;
}

#featuredContent {
 width: 493px;
 position: absolute;
 right: 0px;
 top: 0px;
 text-align: center;
 margin: auto;
}


#featuredContent #archiveBar {
 width: 493px;
 height: 46px;
 padding-top: 17px; 
 background-image: url('barLiveArchives.png');
}

#featuredContent #privateBar {
 width: 493px;
 height: 46px;
 padding-top: 17px; 
 background-image: url('barPrivateHomeVideosPics.png');
}

#featuredContent #privateBar a,
#featuredContent #archiveBar a {
 color: #FF0000;
 text-transform: capitalize;
 float: right; 
 font-weight: bold;
}

#featuredContent ul {
 width: 493px;
 height: 150px;
 position: relative;
}

#featuredContent ul li img {
 width: 150px;
 height: 100px;
 border: 1px solid #FFF;
}



#featuredContent div.thumbsThree li {
 position: absolute;
 width: 150px;
 height: 150px;
}

#featuredContent div.thumbsThree li.col1 {
 left: 1px;
 top: 0px;
}

#featuredContent div.thumbsThree li.col2 {
 left: 163px;
 top: 0px;
}

#featuredContent div.thumbsThree li.col3 {
 right: 17px;
 top: 0px;
}


#groupChat {
 width: 235px;
 height: 423px;
 position: absolute;
 left: 0px;
 top: 0px;
 text-align: center;
 margin: auto;
}

#groupChat * {
 text-align: center;
}

#groupChat div.groupChatBar {
 width: 235px;
 height: 63px;
 margin: auto;
}

#groupChat div.details {
 width: 235px;
 height: 360px;
 margin: auto;
 position: relative;
}


#groupChat h1 {
 font-size: 18px;
 color: #FFF;
}

#groupChat h2 {
 font-size: 15px;
 color: #FFF;
 padding: 5px;
}

#groupChat h2.onlineNow {
 color: #FF0000;
 font-weight: bold;
}

#groupChat div.image img {
 border: 1px solid #FF0000;
}

#groupChat div.groupChatTimeZone {
  width: 230px;
  height: 56px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#groupChat div.groupChatTimeZone select {
  width: 230px;
}

#groupChat div.groupChatTimeZone * {
 text-align: left;
}

#groupChat div.groupChatTimeZone .name {
 font-size: 18px;
 font-weight: bold;
 color: #FFF;
 text-align: center;
}

#groupChat div.groupChatTimeZone select optgroup {
 font-weight: bold;
 text-align: left; 
}
/* end:GroupChatRow */

/* start:page navigation */
.tablePagingExt { margin-top: 10px; padding-bottom: 10px; width: 100%; }
.tablePagingExt .counts { float: left; width: 19%; text-align: left; }
.tablePagingExt .pages { float: left; width: 60%; text-align: center; }
.tablePagingExt .pages .selected { font-weight: bold; }
.tablePagingExt .dir { float: right; width: 19%; text-align: right; }
/* end:page navigation */

.privateSearchForm { text-align: center; width: 100%; position: relative; display: none; }
.privateSearchForm span { padding: 2px 5px; }
.privateSearchForm  button { background-color: #000000; border-width: 1px; color: #FFFFFF; padding: 1px 10px; }
.privateSearchForm #categories { height: 30px; }
.privateSearchForm #categories #selection div { margin: 3px 5px; font-weight: bold; }
.privateSearchForm #categories #selection div .red { color: #FF0000; padding: 0px 2px 0px 0px; font-weight: bold; }
.privateSearchForm #categories #selection .categoryDel { font-weight: bold; letter-spacing: 1px; }
.privateSearchForm .searchFormWrapper { width: 606px; margin: auto; margin-bottom: 10px; }
.privateSearchForm .searchFormWrapper .orderBy { width: 171px; text-align: right; float: left; }
.privateSearchForm .searchFormWrapper .type { width: 120px; float: left; }
.privateSearchForm .searchFormWrapper .category { width: 220px; float: left; }
.privateSearchForm .searchFormWrapper .search { width: 66px; float: left; }
.privateSearchForm .searchFormWrapper #categories .categoriesLeft { width: 60px; float: left; }
.privateSearchForm .searchFormWrapper #categories .categoriesRight { width: 540px; float: right; }


.noSearchResults { padding: 50px 20px; text-align: center; margin: auto; font-weight: bold; }
.signupSpecial { font-weight: bold; font-size: 15px; text-align: center; margin: 10px auto; }
div.unsubscribe { margin: 100px auto; width: 560px; }
div.unsubscribe h1 { font-weight: bold; font-size: 18px; }
div.unsubscribe p { align: justify; margin: 5px; }
div.unsubscribe p.msg { font-weight: bold; margin: 15px auto; }
div.unsubscribe div.checkbox { margin: 5px 20px 5px 20px; }
div.unsubscribe div.submit { text-align: center; margin-top: 10px; }
div.paymentProcessorLoading { display: none; text-align: center; font-weight: bold; }

iframe.quickLogin { width: 500px; height: 30px; border: 0px solid #FFF; }
iframe.loginForm { width: 260px; height: 110px; border: 0px solid #FFF; margin: 20px auto 50px; }

.iframe-embed #headerWrapper, .iframe-embed #footer {
  display:none;
}

.iframe-embed #container {
  padding-top:0;
}
* {
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
}

body {
	background-color: #000;
	color: #FFF;
	padding: 0px;
	margin: 0px;
}

div.LiveMuscleShow {
	width: 751px;
	margin: auto;
}


div.liveMuscleShowIntimate {
	margin-top: 3px;
}

div.liveMuscleShowDescriptionLeft {
	float: left;
	width: 359px;
	padding: 18px 8px;
}

div.liveMuscleShowDescriptionRight {
	float: right;
	width: 359px;
	padding: 18px 8px;
}

div.floatLeft {
	float: left;
}

div.copyright,
div.copyright p {
	width: 751px;
	text-align: center;
}

a { color: #CCC; }


h2 {
	text-align: center;
	margin: 10px auto;
	font-size: 14px;
}


div.listMuscleMen {
	width: 725px; 
	margin: auto; 
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
}

div.enterPageHeader {
 position: relative;
 z-index: 10;
}

div.enterPageImage {
 width: 750px; 
 height: 319px; 
 position: relative; 
 margin-top: -20px;
 z-index: 5;
}

#enterPagePromotion {
 position: absolute;
 right: 60px;
 text-align: center;
 top: 60px;
 width: 350px;
}

#enterPagePromotion .talkTo {
 font-size: 19px;
 font-weight: normal;
 text-align: center;
 width: 350px;
 color: #FFF;
}

#enterPagePromotion .displayName {
 font-size: 40px;
 font-weight: bold;
 padding-top: 13px;
 text-align: center;
 width: 350px;
 color: #FFF;
}

#enterPagePromotion .oneOnOne {
 font-size: 13px;
 font-weight: normal;
 text-align: center;
 width: 350px;
 color: #FFF;
}

#enterPagePromotion .start {
 font-size: 19px;
 font-weight: bold;
 padding-top: 41px;
 text-align: center;
 width: 350px;
 color: #FFF;
}

#enterPagePromotion .timezone {
 font-size: 13px;
 font-weight: normal;
 text-align: center;
 width: 350px;
 color: #FFF;
}