html {width: 100%;height: 100%;margin: 0;padding: 0;display: table;overflow-x: hidden;}
body {line-height: 1.4; font-size: 0.85em !important;width: 100%;background-color: #FFF;margin:0;padding:0;
      font-family:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif; display:table;}
body a {text-decoration:underline;color: #0000EE;}
audio {display: none;}
p {font-size: 1em; margin-bottom: 18px;}

.ajax-loader {background: #FFF url('../img/ajax-loader.gif') center center no-repeat;}

* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*remove webkit orange background*/

/*override jquery ui styles*/
.ui-dialog .ui-dialog-title {white-space: normal;}
.ui-widget-overlay {background: #000;opacity: 0.8;}
.ui-widget-content .ui-message a {color:#0000EE;}
.ui-widget {font-family: inherit;}
.ui-widget-header {background: #D7D7D7;}
.ui-button-icon-only .ui-icon {height: 20px;left: 5px;margin: 0;padding: 0;top: 4px;width: 20px;background-position: -95px -127px;}
.ui-button-icon-only .ui-button-text {display: none;}
.ui-button-icon-only.ui-state-default, 
.ui-button-icon-only.ui-state-focus,
.ui-button-icon-only.ui-state-hover {height:27px;width: 30px;top:15px;
                                    background: url("theme/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
                                    border: 1px solid #D3D3D3;color: #555555;font-weight: normal; }
.message-box .ui-icon {background: none;}

#viewport {float:left;clear:both;width: 100%;display: none;margin:0;padding: 0;}
#viewport #content {display: block;clear:both;max-width: 980px;margin: 0 auto;padding: 0;height: auto;}
#viewport #content .content-clear-both {clear:both;height:0px;width:100%;margin:0;padding:0;}
#viewport #screen {float:left;clear:both;width: 100%;min-height: 100%;height: auto !important;margin:0;padding: 0;}
#viewport .content-sidemenu {-webkit-box-sizing: border-box;  //Safari/Chrome, other WebKit 
                                     -moz-box-sizing: border-box;     //Firefox, other Gecko 
                                     box-sizing: border-box;          //Opera/IE 8+ 
                                     padding: 0 25px !important;}
									 
#viewport #content .ui-front-cc {display:none;z-index:99;}
#viewport #content .cc-container {display:none;position:absolute;width:35%;right:0;margin:0 10px 20px 0;background-color:rgba(0,0,0,0.85);box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);z-index:100;}
#viewport #content .cc-container #closed-caption-title {width:88%;margin:10px 3%;padding:5px 3%;background-color:#999999;border-radius:3px;-moz-border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);color:#ffffff;font-size:13pt;cursor:pointer;clear:both;float:left;}
#viewport #content .cc-container #closed-caption-title > span:first-child {float:left;}
#viewport #content .cc-container #closed-caption-title > span:last-child {float:right;}
#viewport #content .cc-container #closed-caption-icons {width:94%;margin:0 3%;padding:10px 0;border-bottom:1px solid #ffffff;color:#ffffff;font-size:13pt;clear:both;float:left;}
#viewport #content .cc-container #closed-caption-icons > span.icon-zoom-in {padding:0 10px 0 0;border-right:1px solid #ffffff;cursor:pointer;float:right;}
#viewport #content .cc-container #closed-caption-icons > span.icon-zoom-out {padding:0 0 0 10px;cursor:pointer;float:right;}
#viewport #content .cc-container #closed-caption-text {width:94%;margin:10px 3% 20px;overflow:auto;clear:both;float:left;}
#viewport #content .cc-container #closed-caption-text #closed-caption-text-content {width:100%;margin-right:0;color:#ffffff;font-size:13pt;clear:both;float:left;}

ul, ol { margin-bottom: 18px; margin-left: 30px;}
ol { list-style: decimal;}
li { margin-bottom: 12px;}

em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }

.intro-video-container {float: none;clear: both;display:block;width: 100%;position: relative; padding-bottom: 0;height: 0;margin: 20px auto 0 auto;}
.intro-video-container .vendor {padding: 0;background: #000;margin-bottom: 2em;}
.intro-video-container video, 
.intro-video-container canvas { height: auto; left: 0; max-width: 100%; top: 0; width: 100%; }
.intro-video-container video { height: 100%; position: absolute;}
.intro-video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.intro-video-container .skip-intro-video {position: absolute; bottom: -30px;left: 0;width:100%;text-align: center; color:#363636;}
.intro-video-container .skip-intro-video a {color:#363636;text-decoration: underline;}

@media screen and (max-width: 1024px) {
   #viewport #content {margin-left: 20px;margin-right: 20px;}
}
@media screen and (max-width: 559px) {
   #viewport #content .cc-container {width:96% !important;margin:0 2% !important;}
}