/******************************************************************
Site Name: Control Cam
Author: Andy Baudoin

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
IMPORTING STYLES
*********************/
/* import mediaelement */
.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; }

.me-plugin { position: absolute; }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }

/* Start: LAYERS */
.mejs-background { position: absolute; top: 0; left: 0; }

.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mejs-poster { position: absolute; top: 0; left: 0; }

.mejs-poster img { border: 0; padding: 0; border: 0; display: block; }

.mejs-overlay { position: absolute; top: 0; left: 0; }

.mejs-overlay-play { cursor: pointer; }

.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../images/bigplay.png) no-repeat; }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }

.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(../images/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../images/loading.gif) 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(../images/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; }

.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; }

.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(../images/controls.png) no-repeat; }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus { outline: solid 1px yellow; }

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; padding: auto 4px; }

.mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }

/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button { background-position: 0 0; }

.mejs-controls .mejs-pause button { background-position: 0 -16px; }

/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button { background-position: -112px 0; }

/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; }

.mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button { background-position: -16px -16px; }

.mejs-controls .mejs-unmute button { background-position: -16px 0; }

.mejs-controls .mejs-volume-button { position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../images/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }

.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button { position: relative; }

.mejs-controls .mejs-captions-button button { background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; }

.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; }

.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { /*background: #333;*/ background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; }

.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; /*font-weight: bold;*/ line-height: 22px; font-size: 12px; color: #fff; }

.mejs-captions-layer a { color: #fff; text-decoration: underline; }

.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }

.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }

.mejs-captions-position-hover { bottom: 45px; }

.mejs-captions-text { padding: 3px 5px; background: url(../images/background.png); background: rgba(20, 20, 20, 0.8); }

/* End: TRACK (Captions and Chapters) */
.mejs-clear { clear: both; }

/* Start: ERROR */
.me-cannotplay a { color: #fff; font-weight: bold; }

.me-cannotplay span { padding: 15px; display: block; }

/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button { background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }

/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }

/* End: picture controls */
/* context menu */
.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }

.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }

/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button { position: relative; }

.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

/* End: SourceChooser */
/* import reset */
/* normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) { display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Keeps page centred in all browsers regardless of content height 3. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ }

/* Addresses margins handled incorrectly in IE6/7 */
body { margin: 0; }

/*  Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea { font-family: sans-serif; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted transparent; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 2em; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
ul, ol { margin-left: 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE9  */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; /* 1 */ }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding that is displayed in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= Tables ========================================================================== */
/*  Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
ul, ol { padding: 0; list-style-type: none; }

dd { margin: 0; }

.sidebar ul, .sidebar ol, .commentlist { list-style: none; }

/* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */
p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; }

b, strong, .strong { font-weight: bold; }

dfn, em, .em { font-style: italic; }

small, .small { font-size: 75%; }

/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after, .nav .menu ul:before, .nav .menu ul:after { content: ""; display: table; }

.clearfix:after, .nav .menu ul:after { clear: both; }

.clearfix, .nav .menu ul { zoom: 1; }

/* import mixins */
/******************************************************************
Site Name: Control Cam
Author: Andy Baudoin

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
COLORS
*********************/
.orange { color: #ed6326 !important; }

.blue { color: #009fdf !important; }

.green { color: #38cd3c !important; }

/*********************
TYPOGRAPHY
*********************/
@font-face { font-family: 'ChronoWebBold'; src: url("../fonts/ChronoWebBold.eot"); src: url("../fonts/ChronoWebBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebBold.woff") format("woff"), url("../fonts/ChronoWebBold.ttf") format("truetype"), url("../fonts/ChronoWebBold#ChronoWebBold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebBoldItalic'; src: url("../fonts/ChronoWebBoldItalic.eot"); src: url("../fonts/ChronoWebBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebBoldItalic.woff") format("woff"), url("../fonts/ChronoWebBoldItalic") format("truetype"), url("../fonts/ChronoWebBoldItalic#ChronoWebBoldItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebLight'; src: url("../fonts/ChronoWebLight.eot"); src: url("../fonts/ChronoWebLight.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebLight.woff") format("woff"), url("../fonts/ChronoWebLight") format("truetype"), url("../fonts/ChronoWebLight#ChronoWebLight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebLightItalic'; src: url("../fonts/ChronoWebLightItalic.eot"); src: url("../fonts/ChronoWebLightItalic?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebLightItalic.woff") format("woff"), url("../fonts/ChronoWebLightItalic") format("truetype"), url("../fonts/ChronoWebLightItalic#ChronoWebLightItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebMedium'; src: url("../fonts/ChronoWebMedium.eot"); src: url("../fonts/ChronoWebMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebMedium.woff") format("woff"), url("../fonts/ChronoWebMedium.ttf") format("truetype"), url("../fonts/ChronoWebMedium#ChronoWebMedium") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebMediumItalic'; src: url("../fonts/ChronoWebMediumItalic.eot"); src: url("../fonts/ChronoWebMediumItalic?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebMediumItalic.woff") format("woff"), url("../fonts/ChronoWebMediumItalic") format("truetype"), url("../fonts/ChronoWebMediumItalic#ChronoWebMediumItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebRegular'; src: url("../fonts/ChronoWebRegular.eot"); src: url("../fonts/ChronoWebRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebRegular.woff") format("woff"), url("../fonts/ChronoWebRegular.ttf") format("truetype"), url("../fonts/ChronoWebRegular#ChronoWebRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ChronoWebRegularItalic'; src: url("../fonts/ChronoWebRegularItalic.eot"); src: url("../fonts/ChronoWebRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ChronoWebRegularItalic.woff") format("woff"), url("../fonts/ChronoWebRegularItalic.ttf") format("truetype"), url("../fonts/ChronoWebRegularItalic#ChronoWebRegularItalic") format("svg"); font-weight: normal; font-style: normal; }

span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif; font-style: italic; }

.clr { clear: both; }

/* text alignment */
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid; }

.help { border-color: #e65413; background: #ed6326; }

.info { border-color: #008dc6; background: #009fdf; }

.error { border-color: #f8cdce; background: #fbe3e4; }

.success { border-color: #2fbc33; background: #38cd3c; }

/*********************
BUTTONS
*********************/
.button, .button:visited { border: 1px solid #00709d; border-top-color: #0086bb; border-left-color: #0086bb; padding: 4px 12px; color: white; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.75); cursor: pointer; margin-bottom: 20px; line-height: 21px; }
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus { color: white; border: 1px solid #00709d; border-top-color: #005679; border-left-color: #005679; }

/* import flexslider */
/* jQuery FlexSlider v1.8 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; position: relative; zoom: 1; }

.flexslider .slides { zoom: 1; }

.flexslider .slides > li { position: relative; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; }

.flex-caption { width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 18px; }

/* Direction Nav */
.flex-direction-nav { height: 0; }

.flex-direction-nav li a { width: 20px; height: 24px; margin: -13px 0 0; display: block; background: url(../images/slide_nav.png) no-repeat; position: absolute; top: 48%; cursor: pointer; text-indent: -999em; }

.third .flex-direction-nav li a { background: url(../images/slide_nav_gray.png) no-repeat; }

.flex-direction-nav li .next, .third .flex-direction-nav li .next { right: 20px; }

.flex-direction-nav li .prev, .third .flex-direction-nav li .prev { background-position: 0 -24px; left: 20px; }

.flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { display: none; width: 100%; position: absolute; bottom: -30px; text-align: center; }

.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-nav li:first-child { margin: 0; }

.flex-control-nav li a { width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em; }

.flex-control-nav li a:hover { background-position: 0 -13px; }

.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; }

/*********************
GENERAL STYLES
*********************/
body { background: #009fdf; font-family: "ChronoWebRegular", Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #282828; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/*********************
LAYOUT & GRID STYLES
*********************/
#container { width: 100%; }

.wrap { width: 90%; margin: 0 auto; }

/*********************
LINK STYLES
*********************/
a, a:visited { color: #009fdf; /* on hover */ /* on click */ /* mobile tap color */ }
a:hover, a:focus, a:visited:hover, a:visited:focus { color: #7f7f7f; text-decoration: underline; }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 500; margin: 0; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color: #1f181a; text-decoration: none; }

h1, .h1 { font-size: 2.5em; line-height: 1.333em; margin-bottom: .5em; }

h1 span { color: #7f7f7f; }

h2, .h2 { color: #7f7f7f; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.375em; text-align: center; text-transform: uppercase; }

h2.h1 { font-size: 2em; }

h3, .h3 { font-size: 1.25em; margin: 0 0 .375em 0; }

h4, .h4 { font-size: 1.1em; font-family: "ChronoWebMedium", Arial, sans-serif; font-weight: normal; }

h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

.rule { border-top: 1px solid #f1f1f1; margin: 1.5em 0 1em; text-align: center; }
.rule h2 { background: white; display: inline; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: 1.2em; padding: 0 1.5em; margin: -1px 0 0 0; vertical-align: top; line-height: 1px; }
.rule.orange h2 { color: #ed6326; }
.rule.blue h2 { color: #009fdf; }
.rule.green h2 { color: #38cd3c; }

.fancybox-title-over { text-align: center !important; }

/*********************
HEADER SYTLES
*********************/
#login { margin: 0 auto; min-height: 26px; }
#login a.btn { background: url(../images/login_edge.png) top left no-repeat; display: block; color: white; float: right; font-size: 12px; font-family: "ChronoWebMedium", Arial, sans-serif; height: 18px; padding: 5px 10px 4px 18px; text-transform: uppercase; text-decoration: none; }
#login a.btn:hover { color: #009fdf; }
#login a#mobile-menu { background: white; color: #009fdf; float: left; margin: 4px 0 0 0; padding: 4px 8px 2px; }
#login a#mobile-menu:hover { color: #00364b; }
#login .sign-up { background: #00364b; display: none; padding: 1em 0 1.25em; width: 100%; }
#login .sign-up h3 { color: white; float: left; font-family: "ChronoWebLight", Arial, sans-serif; font-weight: normal; line-height: 1.75em; margin: 0 0 0 4%; }
#login .sign-up p { margin: 0; }
#login .sign-up .submit { clear: both; float: left; margin-left: 4%; }
#login .sign-up form { background: none !important; border: none !important; }
#login .sign-up .frm_forms { display: none; max-width: none; }
#login .sign-up .frm_form_fields { float: left; padding: 0 4%; width: 92%; }
#login .sign-up .frm_form_field { clear: none; float: left; margin: 0 0 .5em 0; width: 100%; }
#login .sign-up .frm_form_field input[type="email"], #login .sign-up .frm_form_field input[type="text"] { border: none; color: #7f7f7f; font-size: .9em; font-style: normal !important; font-family: "ChronoWebLight", Arial, sans-serif !important; padding: 7px; width: 100% !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#login .sign-up .with_frm_style .submit input[type="submit"], #login .sign-up .frm_form_submit_style { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; background: #009fdf; border: none; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; box-shadow: none; color: white; cursor: pointer; font-family: "ChronoWebMedium", Arial, sans-serif !important; font-size: .9em; font-weight: normal; height: auto; padding: 8px 12px 6px 12px; text-align: center; text-shadow: none; text-transform: uppercase; width: auto; }
#login .sign-up .with_frm_style .submit input[type="submit"]:hover, #login .sign-up .frm_form_submit_style:hover { background: #00364b; }
#login .sign-up .frm_error { font-weight: normal; font-family: "ChronoWebMedium", Arial, sans-serif !important; margin-top: 2px; }
#login .sign-up .frm_message { background: none; border: none; color: white; font-family: "ChronoWebLight", Arial, sans-serif !important; font-size: 1.25em; }

#logo { background: transparent url(../images/logo_bg.png) top right no-repeat; float: left; height: 69px; padding: 0; margin: .6em 0 0 0; width: 288px; }
#logo a { display: block; padding: 20px 29px 0 21px; }
#logo a img { width: 238px; height: 30px; }

/*********************
NAVIGATION STYLES
*********************/
.nav .menu { display: none; }

.menu { margin: 0; /* end .menu ul */ }
.menu ul { /* end .menu ul li */ }
.menu ul li a { border-bottom: 6px solid #009fdf; display: block; text-decoration: none; }

/* end .menu */
/* subnav */
#subnav { border-top: 1px solid #f1f1f1; }
#subnav ul { margin: 0; }
#subnav ul li { margin: 0; }
#subnav ul li a { border-bottom: 1px solid #f1f1f1; color: #009fdf; font-family: "ChronoWebMedium", Arial, sans-serif; display: block; text-decoration: none; text-align: center; padding: .5em 0; }
#subnav ul li a:hover { color: #00364b; }
#subnav ul li.current_page_item a { color: #00364b; }

/*********************
HOMEPAGE STYLES
*********************/
#video { overflow: hidden; margin-bottom: 2.25em; }

.mejs-overlay-button { background: url("../images/play.png") no-repeat scroll 0 0 transparent; background-size: 100% auto; height: 40px; left: 50%; margin: -20px 0 0 -67px; top: 70%; width: 137px; }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -40px; }

/*  Homepage Blocks  */
.home #callouts .block { position: relative; overflow: hidden; padding: 2%; height: 218px; margin-bottom: 1em; }
.home #callouts .block img { position: absolute; max-width: 100%; width: 100%; z-index: 1; top: 0; left: 0; }
.home #callouts .block > div { color: white; position: relative; z-index: 2; padding: 20px; height: 178px; }
.home #callouts .block > div .corner { color: white; cursor: pointer; display: block; position: absolute; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: 1.25em; line-height: 1.25; height: 60px; top: 15px; right: 20px; text-align: right; text-decoration: none; width: 60px; }
.home #callouts .block .detail { background: none; border: none; opacity: 1 !important; height: 100% !important; width: 100% !important; padding: 0; display: none; }
.home #callouts .block .detail h3 { font-family: "ChronoWebMedium", Arial, sans-serif; }
.home #callouts .block .detail a { font-family: "ChronoWebMedium", Arial, sans-serif; color: white; text-decoration: none; }
.home #callouts .block > div:hover .detail { display: block; }
.home #callouts .block > div:hover .corner { display: none; }
.home #callouts .block > div { background: url(../images/blue_bg.png) 100% -1060px no-repeat; }
.home #callouts .block.second > div { background: url(../images/green_bg.png) 100% -1060px no-repeat; }
.home #callouts .block.last > div { background: url(../images/orange_bg.png) 100% -1060px no-repeat; }

/*  Homepage Feature  */
#feature .img-corners { text-align: center; position: relative; padding: 1.2em 0; margin-bottom: 2em 0; }
#feature .img-corners img { vertical-align: middle; width: 84%; }
#feature .img-corners span { background: url(../images/feat_corners.png) 0 0 no-repeat; position: absolute; height: 14px; width: 14px; }
#feature .img-corners .tl { top: 0; left: 0; }
#feature .img-corners .tr { top: 0; right: 0; background-position: -14px 0; }
#feature .img-corners .bl { bottom: 0; left: 0; background-position: 0 -14px; }
#feature .img-corners .br { bottom: 0; right: 0; background-position: -14px -14px; }

.home blockquote { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; background: #f1f1f1; padding: 1.25em 0; margin: 0 0 2em; text-align: center; }
.home blockquote p { font-size: 1.75em; line-height: 1.75; margin: 0 0 .375em 0; }
.home blockquote p a { background: #009fdf; clear: both; color: white; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: .5em; line-height: 1; text-transform: uppercase; text-decoration: none; padding: .75em 1.25em; vertical-align: middle; white-space: nowrap; }

/*********************
LANDING PAGE STYLES
*********************/
.product { margin-bottom: 1.5em; }
.product .copy { padding: 0 0 1.5em 0; }
.product .copy p { color: #282828; font-size: 1em; margin-top: 0; margin-bottom: 1.5em; }
.product .copy p strong { color: #4d4d4d; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: 1.2em; font-weight: normal; }
.product .copy a { float: right; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: 1.1em; text-decoration: none; }
.product .copy a span { background: url(../images/more_bg.png) 0 -22px no-repeat; display: block; float: right; height: 22px; margin: 0 20px 0 5px; width: 22px; }
.product .copy a.green span { background: url(../images/more_bg.png) 0 0px no-repeat; }
.product .copy a.orange span { background: url(../images/more_bg.png) 0 -44px no-repeat; }
.product .flexslider-container { clear: both; position: relative; margin-bottom: 1.5em; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content { background: white; padding: 2em 0 2em 0; }

.hentry { margin-bottom: 1em; }
.hentry header h2 { font-family: "ChronoWebRegular", Arial, sans-serif; text-transform: none; text-align: left; margin-bottom: .375em; }
.hentry header h2 a:hover { color: #7f7f7f; }

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.meta { color: #999; margin: 0 0 .75em 0; }

/* post content */
.post-content p { margin: 0 0 1em 0; }
.post-content strong { font-family: "ChronoWebMedium", Arial, sans-serif; font-weight: normal; }
.post-content h2 { color: #ed6326; text-align: left; font-family: "ChronoWebBold", Arial, sans-serif; font-size: 1.5em; margin: 0 0 .5em 0; text-transform: none; }
.post-content h3 { color: #282828; font-family: "ChronoWebMedium", Arial, sans-serif; }
.post-content ul, .post-content ol, .post-content table, .post-content dl { margin-bottom: 1em; }
.post-content ul { margin-left: 16px; }
.post-content ul li { background: url(../images/bullet.png) left 6px no-repeat; padding-left: 18px; margin-bottom: .5em; }
.post-content ol { margin-left: 34px; }
.post-content ol li { list-style-type: decimal; margin-bottom: .5em; }
.post-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; }
.post-content img { margin: 0 0 1.5em 0; max-width: 100%; }
.post-content .alignleft, .post-content img.alignleft { margin: 0 0 1em 0; }
.post-content .alignright, .post-content img.alignright { margin: 0 0 1em 0; }
.post-content .wp-caption.align-left, .post-content .wp-caption.align-right { float: none; width: 100; }
.post-content video, .post-content object { max-width: 100%; }
.post-content pre, .post-content code { background: #eee; border: 1px solid #cecece; padding: 10px; }

/* end .post-content */
.wp-caption { background: #f1f1f1; padding: 5px; margin-bottom: 1em; width: 100% !important; /* images inside wp-caption */ }
.wp-caption img { margin-bottom: 0; height: auto; width: 100%; }
.wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/* Form Styles */
.post-content .submit { clear: both; float: right; }
.post-content form { background: none !important; border: none !important; }
.post-content .frm_form_field input[type="email"], .post-content .frm_form_field input[type="text"], .post-content .frm_form_field textarea, .post-content .frm_form_field select { background: #f1f1f1; border: 1px solid white; color: #282828; font-size: .9em; font-style: normal !important; font-family: "ChronoWebRegular", Arial, sans-serif !important; padding: 7px; width: 100% !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post-content .frm_form_field input[type="email"]:focus, .post-content .frm_form_field input[type="text"]:focus, .post-content .frm_form_field textarea:focus, .post-content .frm_form_field select:focus { background: white; border: 1px solid #7f7f7f; }
.post-content .frm_form_field select { padding: 4px; }
.post-content .frm_form_field .frm_primary_label { font-family: "ChronoWebRegular", Arial, sans-serif !important; font-weight: normal; margin-bottom: .25em; }
.post-content .with_frm_style .submit input[type="submit"], .post-content .frm_form_submit_style { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box; background: #009fdf; border: none; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; box-shadow: none; color: white; cursor: pointer; font-family: "ChronoWebMedium", Arial, sans-serif !important; font-size: .9em; font-weight: normal; height: auto; padding: 8px 12px 6px 12px; text-align: center; text-shadow: none; text-transform: uppercase; width: auto; }
.post-content .with_frm_style .submit input[type="submit"]:hover, .post-content .frm_form_submit_style:hover { background: #00364b; }
.post-content .frm_error { font-weight: normal; font-family: "ChronoWebMedium", Arial, sans-serif !important; margin-top: 2px; }
.post-content .frm_message { background: none; border: none; color: #7f7f7f; font-family: "ChronoWebLight", Arial, sans-serif !important; font-size: 1.25em; padding: 10px 0; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar #callouts { background: #f1f1f1; padding: 1em 4%; margin-bottom: 1.5em; }
.sidebar #callouts .block { color: #4D4D4D; clear: both; margin-top: 1.5em; }
.sidebar #callouts .block:first-child { margin-top: 0; }
.sidebar #callouts .block.second { margin-bottom: 0; }
.sidebar #callouts h3 { font-family: "ChronoWebMedium", Arial, sans-serif; margin-bottom: 1em; }
.sidebar #callouts .more { float: right; font-family: "ChronoWebMedium", Arial, sans-serif; font-size: 1.1em; text-decoration: none; margin-bottom: .25em; }
.sidebar #callouts .more span { background: url(../images/more_bg.png) 0 -22px no-repeat; display: block; float: right; height: 22px; margin: 0 0 0 5px; width: 22px; }
.sidebar #callouts .more.green span { background: url(../images/more_bg.png) 0 0px no-repeat; }
.sidebar #callouts .more.orange span { background: url(../images/more_bg.png) 0 -44px no-repeat; }
.sidebar .demo-btn a { background: #00364b; color: white; display: block; font-family: "ChronoWebLight", Arial, sans-serif; font-size: 2em; letter-spacing: 1px; line-height: 1.5; padding: 0.5em 0 0.4em; text-align: center; text-decoration: none; margin: 0 auto; text-transform: uppercase; word-spacing: 4px; }
.sidebar .demo-btn a:hover { background: #009fdf; }
.sidebar .side-image { background: #f1f1f1; margin-bottom: 1em; position: relative; }
.sidebar .side-image .zoom { display: none; position: absolute; top: 16px; right: 16px; height: 32px; width: 32px; }
.sidebar .side-image:hover .zoom { display: block; }
.sidebar .side-image img { width: 100%; }
.sidebar .side-image .caption { display: block; padding: .75em 0; }
.sidebar .side-image a { color: #7f7f7f; display: block; text-decoration: none; text-align: center; font-size: .9em; padding: 4px 4px 0 4px; }

.widget ul li { /* deep nesting */ }

/* nav menu widget */
.widget_nav_menu { border-top: 1px solid #f1f1f1; }
.widget_nav_menu ul li { margin: 0; }
.widget_nav_menu ul li a { border-bottom: 1px solid #f1f1f1; color: #009fdf; font-family: "ChronoWebMedium", Arial, sans-serif; display: block; text-decoration: none; padding: .5em 10%; }
.widget_nav_menu ul li a:hover { color: #00364b; }

#sidebar2 .demo-btn { margin-top: 3em; }

/*********************
FOOTER STYLES
*********************/
.footer { color: white; clear: both; padding-bottom: 1em; }

.footer-links ul { padding: 1em 0 0 0; }
.footer-links ul li { font-family: "ChronoWebLight", Arial, sans-serif; font-size: 1em; padding: 0 0 .4em 0; text-transform: uppercase; text-align: center; }
.footer-links ul li a { color: white; padding: .4em 0 .75em; text-decoration: none; }
.footer-links ul li a:hover { color: white; }
.footer-links ul li a:active, .footer-links ul li a:focus { color: #00364b; }

/* end .footer-links */
.copyright { font-size: .9em; font-family: "ChronoWebMedium", Arial, sans-serif; line-height: 1.5; text-align: center; margin-top: 1.2em; }
.copyright img { margin: 0 0 -6px 2px; }