@font-face {
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Regular'), local('Roboto'),
    url('../fonts/Roboto-Regular.ttf');
}
/* roboto-bold */
@font-face {
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto-Bold'),
    url('../fonts/Roboto-Bold.ttf');
}
/* roboto-light */
@font-face {
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto-Light'),
    url('../fonts/Roboto-Light.ttf');
}
/* roboto-thin */
@font-face {
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: local('Roboto-Thin'),
    url('../fonts/Roboto-Thin.ttf');
}

/**
Main theme colors
Convert to SCSS
*/
:root {
    --som-blue: #549FD7;
    --som-light-blue: #7CC1E6;
    --som-orange: #F27C59;
    --som-dark-orange: #E85E35;
    --som-yellow: #FBD97E; /* no uses? */
    --som-gray: #ADAAAA;
    --som-dark-gray: #4A4A4A;
    --som-light-gray: #F7F7F7;
    --som-teal: #3DAA9D;
    --som-green: #A0D16A;
    --som-green-alt: #2AB436;
    --som-red: #E1464E;
    --som-white: #FFFFFF;

    --som-btn-radius: 25px;

    --font-weight-light: 300;
    --font-weight-semi-bold: 600;
    --base-text-color: var(--sp-brand-blue-50);
    --text-size-base: 1rem;

    --form-control-background-color: transparent;
    --form-control-color: var(--base-text-color);
    --form-control-background-color-focus: hsl(232 41% 23%);
    --form-control-color-focus: var(--base-text-color);
    --form-control-background-color-disabled: hsl(232 0% 100% / 5%);
    --form-control-color-disabled: hsl(232 0% 80%);
    --form-control-placeholder-color: hsl(232 0% 50%);
    --form-control-border-color: hsl(226, 10%, 40%);

    /* ScreenPal Brand Blue & variants */
    --sp-brand-blue-h: 232;
    --sp-brand-blue: hsl(232 21% 39%);      /* #4E5377 */
    --sp-brand-blue-950: hsl(232 48% 3%);   /* #04050B */
    --sp-brand-blue-900: hsl(232 46% 10%);  /* #0E1126 */
    --sp-brand-blue-800: hsl(232 44% 17%);  /* #181D3D */
    --sp-brand-blue-700: hsl(232 41% 23%);  /* #222851 */
    --sp-brand-blue-600: hsl(232 32% 33%);  /* #3A4070 */
    --sp-brand-blue-500: hsl(232 21% 39%);  /* #4E5377 */
    --sp-brand-blue-400: hsl(232 26% 41%);  /* #4D5382 */
    --sp-brand-blue-300: hsl(232 43% 79%);  /* #B4BAE1 */
    --sp-brand-blue-200: hsl(232 100% 91%); /* #D0D6FF */
    --sp-brand-blue-100: hsl(232 23% 85%);  /* #D0D3E2 */
    --sp-brand-blue-50: hsl(232 21% 92%);   /* #E6E7EF */

    /* Blues */
    --sp-blue: hsl(207 100% 57%);     /* #239DFF */
    --sp-blue-950: hsl(207 73% 3%);   /* #02080D */
    --sp-blue-900: hsl(207 73% 6%);   /* #04101A */
    --sp-blue-800: hsl(207 75% 17%);  /* #0B2F4C */
    --sp-blue-700: hsl(207 75% 29%);  /* #124F81 */
    --sp-blue-600: hsl(207 75% 43%);  /* #1B76C0 */
    --sp-blue-500: hsl(207 100% 57%); /* #239DFF */
    --sp-blue-400: hsl(217 100% 80%); /* #97BFFF */
    --sp-blue-300: hsl(217 100% 87%); /* #BDD6FF */
    --sp-blue-200: hsl(217 100% 91%); /* #D1E3FF */
    --sp-blue-100: hsl(217 100% 95%); /* #E6EFFF */
    --sp-blue-50: hsl(217 100% 97%);  /* #F0F6FF */

    /* Grays */
    --sp-gray: hsl(227 4% 53%);     /* #82848C */
    --sp-gray-950: hsl(216 6% 9%);  /* #161718 */
    --sp-gray-900: hsl(220 6% 16%); /* #26282b */
    --sp-gray-800: hsl(222 6% 23%); /* #37393E */
    --sp-gray-700: hsl(222 5% 32%); /* #4E5056 */
    --sp-gray-600: hsl(226 5% 40%); /* #61636B */
    --sp-gray-500: hsl(227 4% 53%); /* #7E8291 */
    --sp-gray-400: hsl(229 4% 63%); /* #9D9EA4 */
    --sp-gray-300: hsl(231 4% 72%); /* #B5B6BA */
    --sp-gray-200: hsl(232 3% 83%); /* #D2D3D5 */
    --sp-gray-100: hsl(234 3% 88%); /* #DFE0E1 */
    --sp-gray-50: hsl(228 3% 94%);  /* #EFEFF0 */

    /* White & Black */
    --sp-white: hsl(0 100% 100%); /* #FFFFFF */
    --sp-black: hsl(0 0% 0%);     /* #000000 */

    /* Purples */
    --sp-purple: hsl(271 51% 50%);      /* #803EBF */
    --sp-purple-950: hsl(271 97% 5%);   /* #0D0019 */
    --sp-purple-900: hsl(271 92% 10%);  /* #1A0231 */
    --sp-purple-800: hsl(271 85% 20%);  /* #34085E */
    --sp-purple-700: hsl(271 75% 30%);  /* #4E1386 */
    --sp-purple-600: hsl(271 63% 40%);  /* #6826A6 */
    --sp-purple-500: hsl(271 51% 50%);  /* #803EBF */
    --sp-purple-400: hsl(264 100% 71%); /* #A76DFF */
    --sp-purple-300: hsl(264 85% 75%);  /* #B489F5 */
    --sp-purple-200: hsl(264 60% 80%);  /* #C6ADEB */
    --sp-purple-100: hsl(264 45% 90%);  /* #E3DAF1 */
    --sp-purple-50: hsl(264 25% 95%);   /* #F2EFF5 */

    /* Pinks */
    --sp-pink: hsl(334 69% 49%);     /* #D12771 */
    --sp-pink-600: hsl(334 74% 36%); /* #A01853 */
    --sp-pink-500: hsl(334 69% 49%); /* #D12771 */
    --sp-pink-400: hsl(334 82% 63%); /* #EE5397 */

    /* Reds */
    --sp-red: hsl(355 100% 57%);     /* #FF2438 */
    --sp-red-950: hsl(355 100% 7%);  /* #240003 */
    --sp-red-900: hsl(355 100% 17%); /* #570007 */
    --sp-red-800: hsl(355 100% 27%); /* #8A000B */
    --sp-red-700: hsl(355 100% 37%); /* BD0010 */
    --sp-red-600: hsl(355 100% 47%); /* #F00014 */
    --sp-red-500: hsl(355 100% 57%); /* #FF2438 */
    --sp-red-400: hsl(355 100% 72%); /* #FF717E */
    --sp-red-300: hsl(357 85% 76%);  /* #F68E93 */
    --sp-red-200: hsl(357 70% 80%);  /* #F0A8AC */
    --sp-red-100: hsl(357 55% 84%);  /* #EDC0C2 */
    --sp-red-50: hsl(357 40% 88%);   /* #EDD4D5 */
    --color-danger-text: var(--sp-red-500);
    --color-danger-text-hover: var(--sp-red-400);
    --color-danger-text-active: var(--sp-red-600);

    /* Greens */
    --sp-green: hsl(137 52% 55%);     /* #53C874 */
    --sp-green-950: hsl(137 87% 7%);  /* #02210B */
    --sp-green-900: hsl(137 77% 15%); /* #094419 */
    --sp-green-800: hsl(137 67% 25%); /* #156A2D */
    --sp-green-700: hsl(137 62% 35%); /* #229141 */
    --sp-green-600: hsl(137 57% 45%); /* #31B456 */
    --sp-green-500: hsl(137 52% 55%); /* #53C874 */
    --sp-green-400: hsl(137 47% 65%); /* #7CD094 */
    --sp-green-300: hsl(137 42% 75%); /* #A4DAB4 */
    --sp-green-200: hsl(137 37% 80%); /* #B9DFC4 */
    --sp-green-100: hsl(137 32% 84%); /* #C9E3D1 */
    --sp-green-50: hsl(137 27% 88%);  /* #D8E9DD */
    --color-success-text: var(--sp-green-600);
    --color-success-text-hover: var(--sp-green-500);
    --color-success-text-active: var(--sp-green-700);

    /* Oranges */
    --sp-orange: hsl(14 85% 57%);      /* #EF6034 */
    --sp-orange-950: hsl(14 100% 7%);  /* #240800 */
    --sp-orange-900: hsl(14 100% 17%); /* #571400 */
    --sp-orange-800: hsl(14 100% 27%); /* #8A2000 */
    --sp-orange-700: hsl(14 100% 37%); /* BD2C00 */
    --sp-orange-600: hsl(14 100% 47%); /* #F03800 */
    --sp-orange-500: hsl(14 85% 57%);  /* #EF6034 */
    --sp-orange-400: hsl(14 85% 65%);  /* #F27D5A */
    --sp-orange-300: hsl(14 85% 76%);  /* #F6A68E */
    --sp-orange-200: hsl(14 70% 80%);  /* #F0B9A8 */
    --sp-orange-100: hsl(14 55% 84%);  /* #EDCAC0 */
    --sp-orange-50: hsl(14 40% 88%);   /* #EDDAD4 */
    --color-warning-text: var(--sp-orange-500);
    --color-warning-text-hover: var(--sp-orange-400);
    --color-warning-text-active: var(--sp-orange-600);

    /* Yellows */
    --sp-yellow: hsl(44, 100%, 48%);     /* #F7B500 */
    --sp-yellow-600: hsl(44, 100%, 39%); /* #C79200 */
    --sp-yellow-500: hsl(44, 100%, 48%); /* #F7B500 */
    --sp-yellow-400: hsl(44, 88%, 57%);  /* #F2BF33 */

    /* Counter Component */
    --counter-component-border-color: var(--sp-brand-blue-300);
    --counter-component-input-background-color: var(--sp-brand-blue-600);
    --counter-component-input-text-color: var(--sp-white);
    --counter-component-input-background-color-focus: var(--sp-brand-blue-600);
    --counter-component-input-text-color-focus: var(--sp-white);
    --counter-component-button-background-color: var(--sp-brand-blue-300);
    --counter-component-button-text-color: var(--sp-brand-blue-900);
    --counter-component-button-background-color-hover: var(--sp-brand-blue-400);

    /* Input/Control element focus rings */
    --sp-element-focus-ring-color: hsl(207 100% 57% / 50%);

    --info-text-color: var(--sp-blue-400);
    --info-text-color-hover: var(--sp-blue-300);
    --info-text-color-active: var(--sp-blue-500);
}

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.log_sig .last, .f_icons .last { margin-left: 0; margin-right: 0; }
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:none !important; }
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; appearance: none; border-radius:0; outline:none; }

.wrap-long-urls { overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }


/** http://stackoverflow.com/questions/22196587/how-to-center-align-vertically-the-container-in-bootstrap **/
.vertical-center {
    height:100%;
    width:100%;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}
.vertical-center:before {   /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.vertical-center > div {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; /* <-- reset the font property */
}


/**************************************************************************************/
a { color: var(--sp-blue-400); text-decoration:none; outline:0 none;}
a:hover { color: #7CC1E6/*--som-light-blue*/; text-decoration:none;}
/** ------ HEADINGS ------ **/
h1,h2,h3,h4,h5,h6 {
    color: #FFFFFF;
}
h1,h2,h3,h4 {
    font-family: Roboto, sans-serif;
}
/* Use pixels since ems may override in certain areas */
h1 {
    font-size: 54px;
}
.framed h1 {
    line-height: 1.1;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 24px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: var(--font-weight-light);
    line-height: 1.25;
}
/*----------------------------------------------------------------------------------*/
html 										{padding:0; margin:0;  width:100%; height:100%;font-size: 16px;}
body										{ color:#FFFFFF; font-size:16px; font-family: 'Roboto', sans-serif; height:100%; line-height: 36px; }
.flt_lt										{ float:left; display:inline;}
.flt_rt										{ float:right; display:inline;}
/* ----------------------- layout ----------*/
.container									{ padding:0; }
.body-background-color                      { background-color: var(--sp-brand-blue-700) }
.wrapper									{ margin:0 auto; height:auto; width:100%;}
.row										{ margin:0; }
/* ------------------ HEADER HERE -------------------*/
.header_bg									{ padding:0; margin:0; background: #181d3d; }
.header										{ padding:12px 0; margin:0; }
.header strong                               { font-weight: bold; }
.header_lft									{ padding:7px 0 0 0; margin:0; }
.logo      									{ display: table; }
.logo, .logo a img							{ padding:0; margin:0; width: 100%; }
.logo a										{ padding:0; margin:0; display: table-cell; line-height: 1; vertical-align: middle;}
/*
.record										{ padding:0 0 0 18px; margin:1px 0 0 19px;  display:inline-block; float:left;  border-left:solid 1px #fff6e5; min-height:32px;  }
.record	a									{ padding:0 0 0 23px; margin:7px 0 0 0; display:inline-block; background:url(../images/record_icon.png) no-repeat left center; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal;  }
*/

/** ------ IMAGES ------ **/
img {
    max-width: 100%;
}
img:not(.lazy-hidden) {
    height: auto;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('../images/chevron_down.svg') !important;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%;
    background-size: 1.2em auto;
}

/* ------------------ ANIMATION HERE -------------------*/
a, .header_rgt a:after, button, .tabs_nav ul li:hover {
    -webkit-transition: color .2s ease-in-out,  background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,  background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out,  background-color .2s ease-in-out, border-color .2s ease-in-out;
}
svg * {
    -webkit-transition: fill .2s ease-in-out;
    -moz-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
}

/* ------------------------- NAVIGATION HERE ---------------*/
.header-top {
    background-color: #549FD7/*--som-blue*/;
}
.header-top .nav > li {
    margin: 0;
    padding: 0;
}
.header-top .nav > li > a {
    color: #FFFFFF/*--som-white*/;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.header-top .nav > li > a:hover { background-color: #FFFFFF/*--som-white*/; color: #549FD7/*--som-blue*/; }
.header-top .nav > li > a:focus { background-color: #7CC1E6/*--som-light-blue*/; }

.header_rgt										{ padding:0; margin:0; }
.header_rgt .navbar-default						{ float:left; padding:0; margin:0; min-height:inherit; }
.header_rgt .navbar-nav							{ margin:0 0 0 10px; }
.header_rgt .navbar-default .navbar-nav > li	{ padding:0; margin:0; /*margin:0 16px 0 0; background:url(../images/bullet1.png) no-repeat left center; */}
.header_rgt .navbar-default .navbar-nav > li > a{ margin: 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 16px; color: #FFF; font-weight: 700; font-style: normal;}
.header_rgt .navbar-default						{ background:none; border:0; }
.header_rgt .navbar-default .navbar-toggle, .header_rgt .navbar-default .navbar-toggle:hover {
    border-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none; color:#ffffff;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.current { color: #549FD7/*--som-blue*/; text-decoration: none !important; }
.header_rgt .container-fluid					{ padding:0; margin:0; }
.header_mail									{padding:11px 7% 13px 3.2%; margin:2px 2px 0 0; display:inline-block; float:right; border:solid 1px #ffffff; border-radius:8px; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; background:url(../images/arrow1.png) no-repeat 90% center; letter-spacing:0.1px; }

.loadinglightbox                            { background:white; background-image: url(../images/loading.gif); background-position: center center; background-repeat: no-repeat; }
.loadinglightboxDoneLoading                 { background:white; }

.header_mail:hover							{ color:#ffffff; text-decoration:underline; }
.main_content_bg							{ padding:0; margin:0; }
.main_content								{ padding:0; margin:0; }

.log_sig									{ padding:0; margin:0; display:inline-block; float:right; position:relative; z-index:999;  }
.log_sig ul									{ padding:0; margin:0; }
.log_sig ul	li								{ padding:0; margin:0 0 0 15px; float:left;   }
.log_sig ul li a {
    display: block;
    color: var(--base-text-color);
    position: relative;
    padding: 20px 10px 5px;
    margin: 0;
    font-size: var(--text-size-base);
    line-height: 16px;
    text-decoration: none;
    font-weight: var(--font-weight-semi-bold);
    font-style: normal;
}
.log_sig ul	li a:hover,
.log_sig ul li a.active	{
    color: var(--sp-pink);
}
.log_sig ul	li.last:hover > a:after	{
    width: 100%;
}
.log_sig ul	li .btn {
    background-color: var(--sp-pink-500);
    border-radius: var(--som-btn-radius);
    color: var(--som-white) !important;
    padding: 14px 18px;
}

.log_sig ul	li .btn:hover, .log_sig ul	li .btn:active {
    background-color: var(--sp-pink-600);
}
.navbar-collapse{padding:0; }
/* ------------------ NAVIGATION - LANGUAGE MENU -------------*/
.dropdownMenu{
  position: relative;
  display: inline-block;
  padding: 2px 0;
}
.header_rgt .navbar-default .navbar-nav .dropdownMenu > a:hover {
  cursor: pointer;
  text-decoration: none;
}
.dropdownMenuOptions{
  display: none;
  position: absolute;
}
.dropdownMenuOptions ul{
  background-color: #f9f9f9;
  min-width: 150px;
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  margin-top: 8px;
  margin-left: 0;
}
.dropdownMenuOptions li{
  line-height: 150%;
  float: none !important;
  list-style-type: none !important;
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
.dropdownMenuOptions li a{
  color: #428bca !important;
  text-decoration: none;
}
.dropdownMenu:hover .dropdownMenuOptions {
  display: block;
  z-index: 999;
}
.form-control {
    background-color: var(--form-control-background-color);
    color: var(--form-control-color);
    border-radius: 20px;
    border: 1px solid var(--form-control-border-color);
}
.form-control::placeholder {
    color: var(--form-control-color);
}
.form-control:focus {
    background-color: var(--form-control-background-color-focus);
    color: var(--form-control-color-focus);
}
.form-control:disabled, .form-control.disabled, .form-control[readonly] {
    background-color: var(--form-control-background-color-disabled);
    color: var(--form-control-color-disabled);
}
.form-control::placeholder {
    color: var(--form-control-placeholder-color);
}

/** ------ BRANDED BUTTONS ------ **/
.som-btn {
    background-color: #549FD7/*--som-blue*/;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #FFFFFF/*--som-white*/;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
}
.som-btn-primary {
    background-color: var(--sp-brand-blue-400);
    border: 2px solid transparent;
    border-radius: 25px;
    color: var(--sp-brand-blue-50);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1rem;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
}
.som-btn-primary:hover {
    background-color: var(--sp-brand-blue-300);
    border-color: var(--sp-brand-blue-300);
    color: var(--sp-brand-blue-950);
}
.som-btn-secondary {
    background-color: var(--sp-brand-blue-500);
    border-color: var(--sp-brand-blue-500);
    color: #FFFFFF;
}
.som-btn-pink {
    background-color: var(--sp-pink);
}

.som-btn-cta {
    background-color: #F27C59/*--som-orange*/;
}
.som-btn:hover, .som-btn:active {
    background-color: var(--sp-brand-blue-300);
    border-color: transparent;
    color: var(--sp-brand-blue-600);
}
.som-btn-pink:hover {
    background-color: var(--sp-pink-400);
    color: var(--sp-white);
}

.som-btn-cta:hover, .som-btn-cta:active {
    background-color: #E85E35/*--som-dark-orange*/;
}

.som-btn:focus {
    background-color: var(--sp-brand-blue-300);
    border-color: transparent;
    box-shadow: 0 0 0 5px #F7F7F7/*--som-light-grey*/;
    color: var(--sp-white);
    outline: none;
    text-decoration: none;
}

.som-btn-cta:focus {
    background-color: #E85E35/*--som-dark-orange*/;
    border-color: transparent;
    box-shadow: 0 0 0 5px #F7F7F7/*--som-light-grey*/;
    color: #FFFFFF/*--som-white*/;
    outline: none;
}

/* ------------------ WORDPRESS CONTENT ------------------ */
.entry-content ol {
    list-style: decimal;
}
.entry-content ul {
    list-style: disc;
}

/* ------------------ HOME PAGE CONTENT HERE ------------- */
.noscroll { position: fixed; overflow-y: scroll; width: 100%; }

.banner_bg									{ padding:160px 0 75px 0; margin:0; background:url(../images/banner_bg.jpg) no-repeat center top; background-size:cover; position:relative; }
.banner										{ padding:0; margin:0; }
.banner_lft									{ padding:0 6.9% 0 0; margin:0 -1% 0 0; position:relative; }
.banner_lft	a								{ padding:0; margin:0; }
.banner_lft	a img							{ padding:0; margin:0; width:100%;  }
.banner_lft	a span							{ width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:37%; left:39%;  cursor:pointer; }

.banner_rgt									{ padding:40px 0 0 0; margin:0; }
.banner_rgt h2								{ padding:0; margin:0; font-size:42px; line-height:42px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.4px; text-shadow: 1px 1px #000;}
.banner_rgt p								{ padding:19px 6% 25px 0; margin:0; font-size:16px; line-height:25px; color:#dadada; font-weight:normal; font-style:normal; word-spacing:2px; text-shadow: 1px 1px #000;}
.banner_rgt a.button						{ padding:15px 50px 15px 50px; margin:0; display:inline-block; float:left;  font-size:26px; line-height:26px; color:#fff6e5; font-weight:bold; font-style:normal; background:#549fd7; border:none;  box-shadow:1px 1px 0 0 #315c7d; border-radius:8px; letter-spacing:0.5px; outline:none;  }
.banner_rgt a.button:hover					{ background:#417ca7; }
.banner_rgt ul								{ padding:0; margin:0; display:inline-block; float:left; }
.banner_rgt ul li							{ padding:0; margin:0 15px 0 0; display:inline-block; float:left; }
.banner_rgt ul li label						{ padding:0; margin:0; font-size:16px; line-height:48px; color:#ffffff; font-weight:normal; font-style:normal; letter-spacing:0.4px;  }
.banner_rgt ul li a							{ padding:0; margin:11px 0 0 0; display:inline-block; }
.banner_rgt ul li a img						{ padding:0; margin:0; }
.screen										{ padding:35px 0 32px 0 !important; }
.presentation_con							{ padding:70px 0 30px 0; margin:0; }
.presentation_lft							{ padding:4px 0 0 0; margin:0; }
.presentation_lft h2						{ padding:0; margin:0; padding:0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.2px; }
.presentation_lft h2 span					{ color:#7c8997; }
.presentation_lft p							{ padding:19px 1% 25px 0; margin:0; font-size:16px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:normal; word-spacing:2px; }
.presentation_user							{ padding:10px 0 0 0; margin:0; }
.presentation_user_lft						{ padding:0; margin:0; width:27%; display:inline-block; float:left; text-align:center; }
.presentation_user_lft a					{ padding:0; margin:0; }
.presentation_user_lft a img				{ padding:0; margin:0; border-radius: 50%;}
.presentation_user_lft a span				{ padding:7px 0 0 0; margin:0; font-size:16px; line-height:25px; color:#549fd7; font-weight:bold; font-style:normal; display:inline-block; }
.presentation_user_rgt						{ padding:23px 5% 27px 5%; margin:0; display:inline-block; float:none;  background:#d4efff; font-size:15px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:italic; width:70%; box-shadow:5px 5px 0 0 #d3d3d3; text-align:center; position:relative; }
.presentation_user_rgt a					{ color:#549fd7; }
.presentation_user_rgt .arrow				{ position:absolute; top:34%; left:-22px; }
.presentation_social						{ padding:20px 0 0 0; margin:0; }
.presentation_social ul						{ padding:0; margin:0; display:inline-block; }
.presentation_social ul li					{ padding:0; margin:0 0 0 8px; display:inline-block; float:left; }
.presentation_social ul li a				{ padding:0; margin:0; }
.presentation_social ul li a img			{ padding:0; margin:0; }
.presentation_rgt							{ padding:0 0 0 0; margin:0; float:right; }
.presentation_rgt ul						{ padding:0; margin:0;}
.presentation_rgt ul li						{ padding:0; overflow:hidden; margin:0 10px 0 0; display:inline-block; float:left; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; position:relative; }
.presentation_rgt ul li p					{ padding:0; margin:0;}
.presentation_rgt ul li p img				{ padding:0; margin:0; width:100%; height:auto; }
.presentation_rgt ul li p span				{ padding:14px 5% 19px 2%; margin:0 0 0 0; position:absolute; top:26px; left:0; background:url(../images/transperent.png) repeat; display:inline-block; }
.presentation_rgt ul li p span small		{ padding:0 0 0 24px; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; width:100%; display:block;   display:inline-block; background-position:left center; }
/*.presentation_rgt ul li:hover p span small	{  margin:0 0 0 10px; transition:all 0.5s ease-in-out; cursor:pointer; -webkit-transition:all 0.5s ease-in-out;  -ms-transition:all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;	background:url(../images/eye_icon.png) no-repeat left center; }*/

.recorder_con .recorder_bottom_home			{ padding:6px 0 9px 1px; }
.recorder_con .upgrade						{ margin:0 0 29px 0; padding:11px 20px 13px 22px;  }
.news_offers_bg								{ padding:0; margin:0; background:#549fd7; border-bottom:solid 5px #d3d3d3; text-align:center;  }
.news_offers								{ padding:31px 0 24px 0; margin:0; display:inline-block; width:590px; }
.news_offers label							{ padding:0; margin:0; font-size:28px; line-height:35px; color:#ffffff; font-weight:normal; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px; }
.news_offers input							{ padding:10px 2.9% 10px 2.9%; margin:0 10px 0 10px; font-size:16px; line-height:16px; color:#6d7985; font-weight:normal; font-style:normal; border:none; border-radius:5px; display:inline-block; float:left; text-align:left; letter-spacing:0.5px; width:34%;  }
.news_offers .sign_up						{ padding:12px 20px 12px 20px; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; border:none; border-radius:5px; background:#32373d; width:auto; display:inline-block; float:left; }
.news_offers .sign_up:hover					{ background:#1c1f22; }
.free_block_bg								{ padding:0; margin:0; background:url(../images/try_freebg.png) repeat; height:250px; display:table; text-align:center; width:100%;  }
.free_block_in								{ padding:0; margin:0; display: inline-block; float:none; width:480px;  }
.free_block									{ padding:0; margin:0; display:table-cell; float:none; vertical-align:middle;  }
.free_block label							{ padding:0 3% 0 0; margin:0; font-size:38px; line-height:42px; color:#ffffff; font-weight:bold; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px; }
.free_block a								{ padding:16px 20px 15px 20px; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; border:none; border-radius:5px; background:#549fd7; display:inline-block; float:left; letter-spacing:0.5px; box-shadow: 1px 1px 0 0 #315c7d;}
.free_block a:hover							{ background:#417ca7; }
/* ------------------ CHANNEL PAGE CONTENT HERE -------------*/

.channels_con								{ padding:0; margin:0; }
.channels_lft								{ padding:0 0 0 0; margin:0; width:20.2%; display:inline-block; float:left; }
.channels_lft ul							{ padding:0; margin:0; }
.channels_lft ul li							{ padding:0; margin:0;  border-bottom:solid 1px #cccccc; }
.channels_lft ul li .al_uplodes				{ padding:15px 0 16px 12px; margin:0 0 1px 0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:block; letter-spacing:0.5px; position:relative; }
.channels_lft ul li .addchannel				{ padding-bottom:8px; }
.nochannels ul li .dd				        { display:none; }
.channels_lft ul li .al_uplodes:hover,
.channels_lft ul li .al_uplodes.active      { color:#65A5CA;}
.channels_lft ul li .al_uplodes em			{ position:absolute; right:0; top:20px;  font-size:14px; line-height:14px; color:#2185c5; font-weight:bold; font-style:normal; letter-spacing:0.3px; display:none; }
.channels_lft ul li .al_uplodes:hover em	{ display:block; }
.channels_lft ul li ul						{ padding:1px 0 13px 0; margin:0; }
.channels_lft ul li ul li					{ padding:0; margin:0; position:relative; border:none; }
.channels_lft ul li ul li.nochannels		{ padding:0 0 0 12px; margin:0; display:block; font-size:14px; line-height:25px; color:#3e454c; font-weight:normal; font-style:normal; }
.channels_lft ul li ul li.nochannels:hover	{ background:none; }
.channels_lft ul li ul li:hover				{ background:#e1e1e1; color:#3e454c; }
.channels_lft ul li ul li a.title		    { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.channels_lft ul li ul li:hover a.title img { display:none; }
.channels_lft ul li ul li:hover a.title		{ padding-right:75px; }
.channels_lft ul li ul li a     			{ padding:0 0 0 12px; margin:0; display:block; font-size:14px; line-height:25px; color:#3e454c; font-weight:normal; font-style:normal;  cursor:pointer; }
.channels_lft ul li ul li a:hover			{ color:#65A5CA; }
.channels_lft ul li ul li a.active			{ background:#e1e1e1; color:#3e454c; }
.channels_lft ul li ul li ul 				{ padding:0; margin:0; position:absolute; top:7px; right:8px; display:none; }
.channels_lft ul li ul li:hover ul 			{ display:block; }
.channels_lft ul li ul li ul li				{ padding:0; margin:0 0 0 8px; display:inline-block; float:left; border:none; }
.channels_lft ul li ul li ul li a			{ padding:0; margin:0; }

.channels_lft ul li ul li.shared .channelRemove { display:none; }
.channels_lft ul li ul li a .detail-icon	  { width:16px; vertical-align: text-top; margin-left: 6px; }
.channels_lft ul li ul li a .detail-icon-user { background-image: url(../images/hosting_icon7.png); background-size: contain; background-repeat: no-repeat; }

.channels_lft ul li ul li.nochannels a    	{ padding:0; margin:0; display:inline; color:#65A5CA; font-size:14px; font-weight:normal; font-style:normal; cursor:pointer; }

.channels_lft ul li .gopro					{ padding:0 0 0 25px; margin:11px 0 0 10px; font-size:14px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/record_ico2.png) no-repeat left center; display:inline-block; letter-spacing:0.2px; }

.channels_rgt								{ padding:0; margin:0; width:77%; display:inline-block; float:right; }
.channels_rgt_in							{ padding:0; margin:0; }
.channels_rgt_top							{ padding:0 0 15px 0; margin:0; }
.channels_rgt_top h2						{ padding:0; margin:0; float:left; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; }
.channels_rgt_top a							{ padding:0 0 0 23px; margin:8px 0 0 0; float:right; font-size:15px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/question_icon.png) no-repeat left center; letter-spacing:-0.2px; }
.channels_rgt_top p							{ padding:5px 0 0 0; margin:0 0 -4px 0; font-size:14px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; word-spacing:-0.6px; }
.channels_rgt_top ul						{ padding:8px 0 0 2.3%; margin:0; display:inline-block; float:left; }
.channels_rgt_top ul li						{ padding:0; margin:0 13px 0 0; display:inline-block; float:left; }
.channels_rgt_top ul li a					{ padding:0 0 0 24px; margin:0; display:inline-block; font-size:14px; line-height:28px; color:#7d7d7d; font-weight:normal; font-style:normal; background:url(../images/uplode_icon.png) no-repeat left center; letter-spacing:0.2px;  }
.channels_rgt_top ul li .lock				{ background:url(../images/lock_icon2.png) no-repeat left center;  padding:0 0 0 19px; }
.channels_rgt_top #channeltitle .title      { padding:0 20px 0 0; }
.channels_rgt_top #channeltitle a           { padding:0; margin:0; font-weight:normal; float: none; background: none; white-space: nowrap; color:#65A5CA; }


.channels_videobar							{ padding:0; margin:0 1px 0 0; background:#282a2f; min-height:50px;  }
.channels_videobar h4						{ padding:18px 2% 18px 2%; margin:0; float:left; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; background:url(../images/border.jpg) no-repeat right top; }

.channels_videobar_rgt1						{ padding:0; margin:0; float:left; display:block; width:100%; }
.channels_videobar_rgt1	label				{ padding:2px 0 0 22px; margin:16px 0 0 21px; float:left; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; }
.channels_videobar_rgt1	select				{ padding:0; margin:0; float:left; font-size:14px; line-height:14px; color:#272a2f; font-weight:normal; font-style:normal; }
.channels_videobar_rgt1 ul					{ padding:11px 0 0 8px; margin:0; float:left;  }
.channels_videobar_rgt1 ul li				{ padding:0; margin:0 8px 0 0; display:inline-block; float:left;    }
.channels_videobar_rgt1 ul li a				{ padding:4px 8px 6px 8px; display:inline-block; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; border:solid 1px #ffffff; border-radius:8px; }
.channels_videobar_rgt1 ul li a:hover		{ background:#fff; color:#282a2f; }

.channels_videobar_rgt2						{ padding:0; margin:0; float:left; width:100%; display:block; }
.channels_videobar_rgt2 .button				{ padding:5px 10px 7px 8px; margin:11px 0 0 13px; display:inline-block; float:left; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; border:solid 1px #fff; border-radius:5px; background:none; letter-spacing:0.3px;  }
.channels_videobar_rgt2 input.over		    { color:#282a2f; background:#ffffff; }

.channels_videobar_rgt3						{ padding:0; margin:0; float:left; display:block; width:100%; }
.channels_videobar_rgt3 h4					{ background:none; }
.channels_videobar_rgt3 ul					{ padding:11px 5px 0 8px; margin:0; float:right;  }
.channels_videobar_rgt3 ul li				{ padding:0; margin:0 8px 0 0; display:inline-block; float:left;    }
.channels_videobar_rgt3 ul li a				{ padding:4px 8px 6px 8px; display:inline-block; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; border:solid 1px #ffffff; border-radius:8px; }
.channels_videobar_rgt3 ul li a:hover		{ background:#fff; color:#282a2f; }
.channels_videobar_rgt3 ul li a.disabled	    { color:#aaaaaa; border:solid 1px #aaaaaa; border-radius:8px; }
.channels_videobar_rgt3 ul li a.disabled:hover	{ color:#aaaaaa; background: none; }

.channels_videobar_rgt4						{ padding:0; margin:0; float:left; display:block; width:100%; }
.channels_videobar_rgt4 h4 img				{ padding:0 10px 0 0; vertical-align: sub; }
.channels_videobar_rgt4 h4					{ background:none; }

#showupgradeoffer.channels_videobar_rgt4    { background:#d4efff; border-top:1px solid white; }
#showupgradeoffer.channels_videobar_rgt4 h4 { color:#3d444c; text-align:center; width:100%; font-size:21px; letter-spacing:2px; line-height:1.3em; }

.search_sort								{ padding:0px 15px 10px 0px; margin:0; display:inline-block; float:right; line-height:20px; }
.search_sort input							{ margin:11px 10px 0 0; padding:4px 0 4px 10px; display:inline-block; float:left; font-size:14px; font-style:normal; color:#000000; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:none; }
.search_sort label							{ margin:11px 12px 0 0; padding:0 0 0 10px; display:inline-block; float:left; font-size:14px; line-height:27px; font-style:normal; font-weight:normal; color:#ffffff; }

.list_grids									{ padding:17px 15px 17px 8px; margin:0; display:inline-block; float:right; background:url(../images/border.jpg) no-repeat left top; }
.list_grids a								{ padding:0; margin:0 0 0 11px; display:inline-block; float:left; cursor:pointer; }

.uplodes ul.list li { width: 100% !important; cursor: pointer; border-bottom: 1px solid #464646; border-right: none; }
.uplodes ul.list li:hover .lay a { color: #65A5CA !important; }
.uplodes ul.list li:nth-child(odd){background:#ebebeb !important; }


.list li .lay{position:static !important; display:inline-block; float:right; width:75% !important;transition:none !important; background:none !important; padding:15px 15px 15px 2% !important; }
.list li .uplodes ul li img	{display:inline-block; float:left; margin:0;  }
.list li .lay a{color:#272a2f !important; font-size:21px !important; line-height:22px !important;}
.list li p{display:block !important; padding:4px 0 0 0 !important;  }
.list li h6{color:#272a2f !important; font-size:14px !important; line-height:14px !important; position: absolute; bottom: 17px;}
.list li .options{ position:absolute; bottom:0 !important; right:0 !important; background:url(../images/transperent1.png) repeat !important; padding:13px 5px 12px 16px !important; }
.list li h6 .detail-icon			   { width:18px !important; }
.list li h6 .detail-icon-channelupload { background-image: url(../images/hosting_icon9.png) !important;  background-repeat: no-repeat; }
.list li h6 .detail-icon-user { background-image: url(../images/hosting_icon7.png) !important;  background-repeat: no-repeat; }

.list li .video_bg	{width:25%; float:left; }

.uplodes									{ padding:0; margin:1px 0 0 0; min-height:605px;}
.uplodes ul									{ padding:0; margin:0; }
.uplodes ul li								{ padding:0; margin:0; display:inline-block; float:left; position:relative; border-right:solid 1px #fff; border-bottom:solid 1px #fff; overflow:hidden; min-height:126px;  }
.uplodes ul li .lock-icon                   { display:block; position: absolute;top: 7px;right: 7px;width: 13px;height: 14px;background-image: url(../images/lock_icon.png); }
.uplodes ul.list li .lock-icon              { background-image: url(../images/lock_icon2.png); }
.uplodes ul li .video_bg					{ padding:0; margin:0; height:125px; background-color:black; display:flex; }
.uplodes ul li img						{ padding:0; margin:auto; max-width:100%; max-height:100%; }
.uplodes ul li p							{ display:none; font-size:14px; color:#272a2f; font-weight:normal; font-style:normal; max-height: 42px; overflow: hidden; text-overflow: ellipsis;}

/*.uplodes ul li .lay							{ padding:8px 0 14px 8%; width:99.7%; margin:0 0 -32px 0; background:url(../images/transperent1.png) repeat; position:absolute; bottom:0; left:0; transition:all 0.5s ease-in-out; cursor:pointer; -webkit-transition:all 0.5s ease-in-out;  -ms-transition:all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;	 }*/
.uplodes ul li .lay							{ padding:10px 0 0 14px; width:100%; height:100%; position:absolute; top:0; left:0;
    cursor: pointer;
    background: -moz-linear-gradient(top,  rgba(69,72,77,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.85)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d945484d', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
}

.uplodes ul li .lay a						{ padding:0 12px 0 0; margin:0; font-size:16px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.uplodes ul.list li .lay a.title        	{ margin:0; }
.uplodes ul.multiaction a.title          	{ margin:0 0 0 28px; }
.uplodes ul.grid li:hover .lay a			{ color:#65A5CA; }
.uplodes ul li.selectedScreencast .lay a	{ color:#65A5CA !important; }
.uplodes ul li .lay a:hover					{ color:#65A5CA; }
.uplodes ul li .lay h6						{ padding:7px 0 0 0 ; margin:0; font-size:11px; line-height:11px; color:#ffffff; font-weight:normal; font-style:normal; letter-spacing:0.2px; }
.uplodes ul li .lay img						{}
.uplodes ul li .lay h6 .detail-icon			{ width:14px; height:14px; vertical-align: text-top; margin-left: 4px; }
.uplodes ul li .lay h6 .detail-icon-channelupload { background-image: url(../images/hosting_icon9_light.png); background-size:contain; background-repeat: no-repeat; }
.uplodes ul li .lay h6 .detail-icon-user { background-image: url(../images/hosting_icon7_light.png); background-size:contain; background-repeat: no-repeat; }

.uplodes ul li:nth-last-child(1)			{ border-right:none;}

/*.uplodes ul li .options						{ padding:13px 0 0 0; margin:0; display:block;}*/
.uplodes ul li .options						{ padding:0; margin:0; display:block; }
.uplodes ul li .options .move_icon			{ display:none; }
.uplodes ul li .options a					{ padding:0; margin:0 12px 0 0; display:inline-block; float:left; }
.uplodes ul li .options a img				{ padding:0; margin:0; }
.uplodes ul.grid li .options				{ cursor:auto; position: absolute; bottom: -40px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out; }
.uplodes ul.grid li .options				{ padding:10px 10px 20px 20px; left: -5px;}
.uplodes ul.grid li:hover .lay				{ margin:0; }
.uplodes ul.grid li:hover .options			{ bottom:-5px; }
.uplodes ul.multiaction li:hover .options	{ bottom:-40px; }
.uplodes ul.reordering li:hover .options	{ bottom:-40px; }
.channelview ul li .options	                { display:none; }

.uplodes ul li .show_more					{ padding:0; margin:0; background:#2185c5;  width:100%; height:100%;  position:absolute; left:0; top:0; text-align:center; }
.uplodes ul li .show_more_in				{ padding:0; margin:0; display:table; width:100%; height:100%;  }
.uplodes ul li .show_more a					{ padding:0; margin:0; display:table-cell; vertical-align:middle;  }
.uplodes ul li .show_more a	em				{ padding:0 15px 0 30px; margin:0; background:url(../images/eye_icon2.png) no-repeat left center; font-size:21px; line-height:21px; color:#ffffff; font-weight:normal; font-style:normal;}
.uplodes ul li .cheack						{   }
.uplodes ul li .custom-checkbox				{ display:none; position:absolute; top:9px; left:9px; width:20px; height:20px; z-index:99999; }
.uplodes ul li .custom-checkbox label       { display:none; background:url(../images/uncheached2.jpg) no-repeat; width:16px; height:18px; border:1px solid #464646; }
.uplodes ul li .custom-checkbox label.checked{ background:url(../images/cheached2.jpg) no-repeat; width:16px; height:18px;  }
.uplodes ul.multiaction li .custom-checkbox	{ top:12px; left:15px; }

.uplodes ul.multiaction li .custom-checkbox				{ display:block; }
.uplodes ul.multiaction li .custom-checkbox label       { display:block; }

.uplodes ul.reordering li .lay							{ cursor: move; }

/* -------------------- LOGOUT PAGE CONTENT HERE --------------*/

.log_out_con								{ padding:0; margin:0; display:table; width:100%;  }
.log_out_lft								{ float:none; padding:0 3.55% 0 0; width:100%; }
.log_out_rgt								{ width:20%; background:#272a2f; display:table-cell; vertical-align:top; }

/* -------------------- TABS CONTENT HERE --------------*/
.tabs_nav									{ padding:30px 0 0 0; margin:0;  }
.tabs_nav ul								{ padding:0; margin:0; }
.tabs_nav ul li								{ padding:2px 0; margin:0 1px 0 0; float:left; display:inline-block; background: #858f99; }
.tabs_nav ul li:hover                       { background:#7CC1E6/*--som-light-blue*/; }
.tabs_nav ul li.current						{ background:#eeeeee; }
.tabs_nav ul #tab2							{ background:#3DAA9D/*--som-teal*/; }
.tabs_nav ul #tab2:hover					{ background:#7CC1E6/*--som-light-blue*/; }
.tabs_nav ul #tab2.current					{ background:#eeeeee; }
.tabs_nav ul #tab4							{ background:transparent; }
.tabs_nav ul #tab4.current					{ background:#eeeeee; }
.tabs_nav ul li a							{ padding:14px 25px; margin:0; display:inline-block; font-size:21px; line-height:22px; color:#ffffff; font-weight:400; font-style:normal; letter-spacing:0.1px; cursor:pointer;  }
.tabs_nav ul li a i, .tabs_nav ul li a svg  { margin-right: 3px; }
.tabs_nav ul li a:hover                     { color:#fff; }
.tabs_nav ul li.current a, .tabs_nav ul li.current { color:#4A4A4A/*--som-dark-gray*/; }
.tabs_nav ul li.current svg * { fill: #4A4A4A/*--som-dark-gray*/; }
.tabs_nav ul li a.log_in					{ background:url(../images/log_in_icon.png) no-repeat 13px 12px; }
.tabs_nav ul li a.log_in:hover,.tabs_nav ul li.log_in.current	{ background:url(../images/log_in_icon_over.png) no-repeat 13px 12px #eeeeee; }
.tabs_nav ul li.no_bg span					{ padding:14px 13px 0 0; margin:0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:inline-block; letter-spacing:0.5px;}

.tabs_nav ul li a.prorecorder				{  }
.tabs_nav ul li.current .prorecorder	    {  }
.tabs_nav ul li a.basket					{  }
.tabs_nav ul li.current .basket				{  }
.tabs_nav ul li a.cloud						{  }
.tabs_nav ul li.current .cloud 				{  }
.tabs_nav ul li a.friend					{ color: #549FD7/*--som-blue*/; }
.tabs_nav ul li:hover a.friend				{ color: #7CC1E6/*--som-light-blue*/; }
.tabs_nav ul li.current a.friend			{ color: #4A4A4A/*--som-dark-gray*/; }
.tabs_nav ul li a.wbap						{ background:url(../images/web_icon.png) no-repeat 13px 12px transparent; }
.tabs_nav ul li.current .wbap				{ background:url(../images/watermark_icon_over.png) no-repeat 13px 12px transparent; }

.tabs_nav ul li .host:hover					{ color:#fff !important;  background:url(../images/cloud.png) no-repeat 13px 15px !important;}
.tabscontent { display:none; } /* start hidden until tab is selected */


.tabs_con_bg								{ padding:54px 0 110px 0; margin:0; box-shadow:0 0 0 0 #ededed; background: -webkit-linear-gradient(top, #eeeeee, #ffffff 76px); background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px);   background: linear-gradient(top, #eeeeee, #ffffff 76px); }
.tabs_con									{ padding:56px 0 0 0; margin:0; }

.pro_recorder, .invite_friend				{ padding:0; margin:0; }

/* ------------------ LOGIN PAGE CONTENT HERE -------------*/
.log_in_bg									{ padding:0; margin:0; }
.log_in_con									{ padding:0; margin:0; display:table; float:none; width:100%;  }
.log_in_lft									{ padding:0; margin:0; width:93.6%;   }

.log_in_con .log_in_lft_rgt					{ padding:0 0 0 3.9%; margin:0;  float:right;}
.log_in_lft_con								{ padding:0 3.8% 0 0; margin:0; }
.log_in_lft_con	h2							{ padding:0 0 19px 0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc; }
.log_in_lft_con ul							{ padding:20px 0 0 0; margin:0; }
.log_in_lft_con ul li						{ padding:0; margin:0 0 16px 0; }
.log_in_lft_con	ul li span					{ padding:6px 0 0 0; margin:0; width:26.5%; display:inline-block; float:left; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; }
.log_in_lft_con	ul li input					{ padding:5px 3.2% 9px 3.2%; margin:0; width:72.6%; display:inline-block; float:left; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:5px; }
.log_in_lft_con	ul li a						{ padding:0; margin:-2px 2px 1px 0; font-size:14px; line-height:14px; color:#2185c5; font-weight:bold; font-style:normal; text-decoration:none; float:right; letter-spacing:0.3px;  }
.log_in_lft_con	ul li a:hover				{ text-decoration:underline; }
.log_in_lft_con	ul li.log_butcon			{ padding:20px 0 0 0; margin:0; border-top:solid 1px #cccccc;  }
.log_in_lft_con	ul li .login				{ padding:14px 18px 12px 20px; margin:0 3px 0 0; background:#549fd7; width:auto; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; border-radius:8px; float:right; border:none; letter-spacing:0.3px; box-shadow:1px 1px 0 0 #315c7d; }
.log_sidebar								{ padding:0; margin:0 0 0 0; display:table-cell; vertical-align:top; float:none; background:#e1e1e1; width:20%;  }
.log_in_lft_con	ul li .login:hover			{background:#417ca7; }
/* ------------------ HOSTING PAGE CONTENT HERE -------------*/
.hosting_block1								{ padding:13px 0 0 0; margin:0 0 0 0; }
.hosting_block1_lft							{ padding:0; margin:0; }
.hosting_block1_lft h2						{ padding:0 0 20px 0; margin:0; font-size:38px; line-height:38px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.6px; }
.hosting_block1_lft p						{ padding:0 0 13px 0; margin:0; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; }
.hosting_block1_lft a						{ padding:11px 16px 13px 22px; margin:30px 0 0 0; display:inline-block; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; }
.hosting_block1_lft a:hover					{ background:#417ca7 }

.hosting_block1_rgt							{ padding:0 0 0 7.45%; margin:0; float: right; position:relative; }
.hosting_block1_rgt	a						{ padding:0; margin:0; }
.hosting_block1_rgt	a img					{ padding:0; margin:0; width:100%; }
.hosting_block1_rgt	a span					{ width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; cursor:pointer; position:absolute; top:41%; left:50%; }

.hosting_block_channel{padding:0 0 0 9% !important; }

.in_gopro .hosting_block2_bg				{ padding:0; background: none; }
.hosting_block2_bg, .invite_block2_bg		{ padding:50px 0 50px 0; background: -webkit-linear-gradient(top, #eeeeee, #ffffff 76px); background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px);   background: linear-gradient(top, #eeeeee, #ffffff 76px);  }
.hosting_block2								{ padding:0; margin:0 auto;  width:82.5%;  }
.hosting_block2 h2							{ padding:0; margin:0; font-size:36px; line-height:36px; color:#3e454c; font-weight:bold; font-style:normal; }
/*.hosting_block2 h4					        { padding:32px 0 16px 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.4px; }*/
.hosting_block2 h4							{ padding:20px 0 16px 0; margin:0; font-size:21px; line-height:30px; color:#272a2f; font-weight:normal; font-style:normal; letter-spacing:0.3px; }
.hosting_block2 ul							{ padding:0; margin:0; }
.hosting_block2 ul.no						{ padding:0; margin:32px 0 0 0; }
.hosting_block2 ul.no-team-subscribed li.no-team-subscribed-entry { width: 370px; max-width: 100%; }

.hosting_block2 ul.no li					{ padding:0; margin:0 4.2% 0 0; background:#d4efff; width:30.5%; display:inline-block; float:left; box-shadow:5px 5px 0 0 #d3d3d3;  }
.hosting_block2 ul.no li h4					{ padding:17px 0 21px 0; margin:0; text-align:center; font-size:37px; line-height:37px; color:#ffffff; font-weight:bold; font-style:normal; background:#3e454c; }
.hosting_block2 ul.no li p					{ padding:30px 4% 0 4%; margin:0; min-height:116px; font-size:21px; line-height:30px; color:#272a2f; font-weight:normal; font-style:normal; text-align:center; word-spacing:1px;  }
.hosting_block2 ul.no li ul					{ padding:0; margin:0; min-height:160px; }
.hosting_block2 ul.no li ul li				{ padding:0; margin:0; float:none; width:100%; box-shadow:0 0 0 0 #d3d3d3 !important;  }
.hosting_block2 ul.no li ul li a			{ padding:7px 0 8px 21%; margin:0; display:block; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:url(../images/hosting_icon1.png) no-repeat 13% 9px; letter-spacing:-0.7px; }
.hosting_block2 ul.no li ul li span			{ padding:7px 0 8px 21%; margin:0; display:block; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:url(../images/hosting_icon1.png) no-repeat 13% 9px; letter-spacing:-0.7px; }
.hosting_block2 ul.no li ul li:hover		{ background:#bad3e2; }
.hosting_block2 ul.no li ul li h6			{ padding:0; margin:0; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:#bad3e2; }
.hosting_block2 ul.no li .branding 			{ background:url(../images/hosting_icon2.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .screencast 		{ background:url(../images/hosting_icon3.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .uploads 			{ background:url(../images/hosting_icon4.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .channels			{ background:url(../images/hosting_icon5.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .restrict			{ background:url(../images/hosting_icon6.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .track 			{ background:url(../images/hosting_icon7.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li .embed 			{ background:url(../images/hosting_icon8.png) no-repeat 13% 9px;}
.hosting_block2 ul.no li ul li h6			{ padding:7px 0 8px 10.5%; margin:0; display:block; font-size:16px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal;  letter-spacing:-0.7px; }
.hosting_block2 ul.no h3					{ padding:16px 0 15px 0; margin:32px 0 0 0; font-size:18px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal;  word-spacing:0; background:#42c498; text-align:center; text-transform:uppercase; position:relative; }
.hosting_block2 ul.no h3 strong				{ background:url(../images/arrow3.png) no-repeat; width:39px; height:20px; position:absolute; top:-20px; right:62%; }
.hosting_block2 ul.no h3.annual strong		{ right:25%; }

.hosting_block2 .ph-logo          		        	{ padding:0 20px 0 0; }
.hosting_block2 .recorder_setting a.button			{ padding:11px 20px 13px 20px; margin:-8px 20px 0 0; display:inline-block; float:right; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; }
.hosting_block2 .recorder_setting a.button:hover	{ background:#417ca7;}

.recorder_setting ul li.propage_setup                      { padding-bottom: 50px; border-bottom: 1px solid #ccc; }

.recorder_setting ul li.prohosting_setup                      { padding-bottom: 50px; border-bottom: 1px solid #ccc; }
.recorder_setting ul li.prohosting_setup p                    { padding:25px; line-height:37px; }
.prohosting_setup .ph-logo img                                { max-width: 200px; max-height: 100%; }
.hosting_block2 .recorder_setting .prohosting_setup a.button  { margin: 0 0 0 20px; }
.ph_setup_owner .disablebutton              { display: none !important; }
.ph_setup_shared .usersbutton               { display: none !important; }
.ph_setup_shared .settingsbutton            { display: none !important; }
.ph_setup_shared h3                         { display: none !important; }
.recorder_setting ul li.ph_setup_shared     { border-top: 0; }
.recorder_setting ul li.ph_setup_shared p   { margin: 0; }

.hosting_block3								{ padding:0 0 47px 0; margin:0 auto;  width:82.5%;  }
.hosting_block3_in a						{ color:#65A5CA;}
.hosting_block3_in							{ padding:0 1.5% 0 0; margin:0; }
.hosting_block3 h4, .invite_block3 h2		{ padding:40px 0 31px 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.2px; }
.hosting_block3 h6							{ padding:0; margin:0; font-size:16px; line-height:16px; color:#272a2f; font-weight:bold; font-style:normal;  }
.hosting_block3 p							{ padding:6px 0 28px 0; margin:0; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal;  }
.hosting_block3 .rgt_con					{ padding:0  0 0 1.6%; }

.invite_block3                              { width:82.5%; margin:0 auto; padding:0 15px; }

/*.recorder_page                              { background: -webkit-linear-gradient(top, #ffffff, #eeeeee 76px); background: -ms-linear-gradient(top, #ffffff, #eeeeee 76px); background: -o-linear-gradient(top, #ffffff, #eeeeee 6px); background: -moz-linear-gradient(top, #ffffff, #eeeeee 76px); background: linear-gradient(top, #ffffff, #eeeeee 76px); }*/

.recorder_page .hosting_block2_bg           { margin: 0 0 0 0; padding-bottom: 150px; }
.recorder_page .hosting_block3				{ width: auto; }
.recorder_page .hosting_block3 a			{ font-weight: bold; }
.recorder_page .hosting_block3 h4			{ padding:0px 0 31px 0; }
.recorder_page .hosting_block_channel       { padding:0 20px !important; }

.hosting_doller								{ padding:19px 0 0 0; margin:0; text-align:center; }
.hosting_doller ul							{ padding:0; margin:0; display:inline-block; min-height:inherit !important; }
.hosting_doller	ul li						{ padding:0; margin:0 12px 0 0 !important; float:left !important; display:inline-block; width:auto !important; background:none !important; box-shadow:5px 5px 0 0 #d3d3d3 !important; }
.hosting_doller	ul li:last-child			{ margin:0 !important; }
.hosting_doller	ul li a						{ padding:6px 17px 9px 17px !important; margin:0; text-align:left; font-size:16px; line-height:16px; color:#ffffff !important; font-weight:normal; font-style:normal; background:#549fd7 !important; box-shadow: 1px 1px 0 0 #315c7d; border-radius:5px }
.hosting_doller	ul li a:hover				{ background:#417ca7 !important;  }
.hosting_doller	ul li a.current				{ background:#417ca7 !important; cursor:default; }
.hosting_doller	ul li a.current:hover		{ background:#417ca7 !important; }

.invite_block2								{ border-bottom: 1px solid #cccccc; padding-bottom:35px; width:82.5%; margin:0 auto; }
.invite_block2 h1							{ font-size: 2.5em; margin-bottom:25px; color:#3e454c; }
.friend_icon								{ border:1px solid #858f99; height:40px; width:40px; background-color:#eeeeee; border-radius:20px; margin-bottom:7px; display:inline-block; }
.friend_item								{ width:20%; float:left; text-align:center; color:#3DAA9D/*--som-teal*/; }
.friend_name								{ font-size:13px; font-weight:bold; line-height:16px; letter-spacing:0.3px; }
.friend_icon:hover							{ box-shadow: 0 0 2px 2px #3DAA9D/*--som-teal*/; }
.friend_icon + .friend_name					{ visibility: hidden; }
.friend_icon:hover + .friend_name			{ visibility: visible; }

/* ------------------ PRORECORDER PAGE CONTENT HERE -------------*/

.recorder_topbuttons                        { padding:45px 0 22px 0; }
.recorder_topbuttons ul li                  { padding:0 20px; margin:0; width:33.3%; float:left; }
.recorder_topbuttons ul li a	    		{ padding:18px; margin:0; display:block; width:100%; text-align:center; font-size:18px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recorder_topbuttons ul li a:hover			{ background: #417ca7;}

.propage .recorder_topbuttons               { padding:50px 0 60px 0; }

.launch_recorder_display                    { padding: 54px 0 65px 0; width:332px; margin: auto; }
.launch_recorder_display_inner              { border: 2px solid #d3d3d3; padding: 10px 23px 14px 14px; border-radius: 5px; background: white; }

.launch_with_message                          { padding: 54px 0 65px 0; }
.launch_with_message .launch_recorder_display { padding: 0; margin-top: 24px; }
.launch_with_message .launch_message          { color: #272a2f; }
.launch_with_message h1                       { color: black; margin-bottom: 10px; }

.launch_recorder_buttons                    { margin-top: 24px; }
.launch_recorder_buttons li                 { width:46%; max-width:230px; display:inline-block; }
.launch_recorder_buttons li:first-child     { margin-right:24px; }
.launch_recorder_buttons a.button           { padding:15px 3px; text-align:center; display:inline-block; width: 100%; font-size:18px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal; background:#27c197; border:none; box-shadow:1px 1px 0 0 #315c7d; border-radius:5px; outline:none;  }
.launch_recorder_buttons a.button:hover     { background:#1e9272; }
.launch_recorder_buttons li a.gopro_button  { background:#549fd7; }
.launch_recorder_buttons li a.gopro_button:hover { background:#417ca7; }

.locale_select_container .dd                { width:274px !important; }
.locale_select_container .dd .ddTitleText   { padding: 6px 24px 7px 27px !important; background: url(../images/locale_globe.png) 6px 5px no-repeat; }

.home .recorder_con	   			            { padding:13px 0 0 0; margin:0; border:none; }
.recorder_con, .prorecorder_features                        { padding: 30px 0 30px 0; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-top: 30px;}

.info_bar {
    padding: 30px 0 30px 0;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    margin: 30px 0;
    text-align: center;
    background: #fafafa;
}

.recorder_block1							{ padding:0 0 2px 0; margin:0; }
.recorder_lft								{ padding:0 7% 0 0; margin:0; }
.recorder_lft h2							{ padding:0; margin:0; font-size:38px; line-height:38px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.6px; }
.pro_recorder_header .recorder_lft h2       { padding:0 0 24px 0; border-bottom: 1px solid #cdcdcd; margin: 0 0 24px 0; }
.recorder_lft p								{ padding:20px 0 25px 0; margin:0 0 25px 0; font-size:16px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:normal; border-bottom:solid 1px #acacac; word-spacing:2px; }
.recorder_lft ul							{ padding:0; margin:0; float:left; }
.recorder_lft ul li							{ padding:0; margin:0; }
.recorder_lft ul li h4						{ padding:0 0 19px 2px; margin:0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.5px; }
.recorder_lft ul li a, ul.features a		{ padding:0; margin:0 0 12px 0; display:inline-block; position:relative; cursor:default;}
.recorder_lft ul li a img, ul.features a > img { padding:0; position:absolute; left:0; width:20px; }
.recorder_lft ul li a span, ul.features span { padding:0; margin:0 0 0 30px; display:inline-block; font-size:14px; line-height:20px; color:#5f6a75; font-weight:normal; font-style:normal;}
.recorder_lft ul li a span em				{ color:#ff0000; }
.recorder_lft ul li a:hover					{ text-decoration:underline; }
.recorder_lft .features						{ padding:0 0 0 3.9%; }
.recorder_lft .recorder_lft_bottom p	    { margin:20px 0 0 0; border-top:solid 1px #acacac; border-bottom:0; }
.recorder_rgt								{ padding:0 0 0 0; margin:9px 0 0 -1%; }
.recorder_rgt a								{ padding:0; margin:0;}
.recorder_rgt a	span						{ width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:40%; left:44%; cursor:pointer; }
.recorder_rgt a img							{ width:100%; }


.recorder_bottom							{ padding:14px 0 0 2px; margin:0; float:none;  }
.recorder_bottom ul							{ padding:0; margin:0; }
.recorder_bottom ul li						{ padding:0 0 0 8px; margin:0; background:url(../images/pointer.png) no-repeat left 6px; }
.recorder_bottom ul li span					{ padding:0; margin:0; font-size:14px; line-height:24px; color:#5f6a75; font-weight:normal; font-style:normal; word-spacing:1.5px; }
.home .recorder_bottom  a							{ padding:11px 16px 13px 22px; display:inline-block; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; }
.home .recorder_bottom  a:hover					{ background:#417ca7;}

#firstLoading                               { padding: 25px 0 0 0; }
.loading                                    { padding: 16px 0 16px 58px; margin:auto; width:175px; font-size:16px; line-height:16px; color:#aaaaaa; font-weight:normal; font-style:normal; background: url(../images/loading.gif) no-repeat;}
.loadingContainer                           { padding-top: 70px;}

.recorder_block2_bg							{ padding:50px 0 50px 0; margin:0; background:-webkit-linear-gradient(top, #eeeeee, #ffffff 76px);  background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px);   background: linear-gradient(top, #eeeeee, #ffffff 76px); }
.recorder_block2							{ padding:0; margin:0; }
.recorder_block2 ul li span em			    { color:#ff0000; }
.recorder_block2_nav						{ padding:4px 0 0 0; margin:0; display:inline-block; float:left; width:20%; }
.recorder_block2_nav ul						{ padding:0; margin:0; }
.recorder_block2_nav ul li					{ padding:0; margin:0; border-bottom:solid 1px #cccccc; }
.recorder_block2_nav ul	li a				{ padding:10px 0px; margin:0; display:inline-block; width:100%; cursor:pointer; font-size:21px; line-height:25px; color:#3e454c; }
.recorder_block2_nav ul	li a i				{ min-width: 1.5em; text-align: center; }
.recorder_block2_nav ul	li a img			{ padding:0; margin:0 10px 0 0; display:inline-block; }
.recorder_block2_nav ul	li a span			{ padding:0; margin:0; margin-left: 1px; display:inline-block; font-weight:bold; font-style:normal; }
/*.recorder_block2_nav ul	li:hover a span,.recorder_block2_nav ul	li.active a span		{ color:#65A5CA; }*/
.recorder_block2_nav ul	li a:hover,.recorder_block2_nav ul li a.active { color:#65A5CA; }


.recorder_block2_nav ul li.current a span	{color:#65A5CA;}

.recorder_block2_con						{ padding:0; margin:0; display:inline-block; float:right; width:77%; }
/*Tab1 Content*/
.recorder_block2_con1						{ padding:0; margin:0; }
.recorder_block2_con1 h2					{ padding:0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; }
.recorder_block2_con1 h4					{ padding:32px 0 16px 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.4px; }
.recorder_block2_con1 .question				{ padding:35px 0 31px 0; font-weight: bold; color: #3e454c;}
.recorder_modify							{ padding:0; margin:0; background:#3e454c; }
.recorder_modify span						{ padding:24px 0 0 31px; margin:0; display:inline-block; float:left; font-size:21px; line-height:21px; color:#ffffff; font-weight:normal; font-style:normal; background:url(../images/border.jpg) no-repeat right top; min-height:75px; letter-spacing:0.3px; width:48.5%; }
.recorder_modify .auto						{ padding-left:0; text-align:center; width:34%; }
.recorder_modify a, a.account-tooltip	    { padding:11px 20px 13px 20px; margin:17px 0 0 3.5%; display:inline-block; float:left; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; }
.recorder_modify a:hover                    { background:#417ca7; text-decoration: none; }
.recorder_modify a.bandwidthhelp, .recorder_modify a.renewhelp, a.account-tooltip { float:none; display:inline; padding: 2px 8px; margin: 0 0 0 10px; background: #ffffff; color: #000000; text-decoration: none;}
.recorder_modify_lft						{ padding:0 1.5% 0 0; margin:0; display:inline-block; float:left;}
.recorder_modify_lft h5						{ padding:0 0 5px 0; margin:0; font-size:16px; line-height:16px; font-weight:bold; font-style:normal; }
.recorder_modify_lft p						{ padding:0 0 29px 0; margin:0; font-size:16px; line-height:23px; font-weight:normal; font-style:normal; }
.recorder_modify_rgt						{ padding:0 1.5% 0 2.1%; }
.recorder_block2_con2						{ padding:0; margin:0; }
.bandwidthHelpTip                           { width: 150px; }

.with_premier .recorder_modify span			{ background:none; }
.with_premier .recorder_modify .auto		{ display:none; }
.with_premier h4                            { display:none; }
.with_premier .recorder_modify              { margin:26px 0 0 0;}

.recorder_block2_con1 .site_licensing       { border-top:0; margin-top:0; text-align:center; background: #fafafa;}
.recorder_block2_con1 .site_licensing a     { white-space:nowrap; }

.sign_in									{ display:block; }
.sign_out									{ padding:0; margin:0; }
.sign_out h2								{ padding:0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:1px;  }
.sign_out h4								{ padding:32px 0 16px 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:normal; font-style:normal; letter-spacing:0.3px; }
.upgrades									{ padding:10px 0 12px 0; margin:0; }
.upgrades ul								{ padding:0; margin:0; }
.upgrades ul li								{ padding:0; margin:0 2.25% 0 0; display:inline-block; float:left; box-shadow:5px 5px 0 0 #d3d3d3; min-height:182px; width:31.7%; background:#d4efff;  text-align:center; position:relative;  }

div.recorder_block2_con .upgrades ul li.last {
   width: 58%;
}
div.recorder_block2_con .upgrades ul li
{
   min-height: 220px;
}

.upgrades ul li h3							{ padding:40px 0 0 4px; margin:0; font-size:37px; line-height:37px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:1px;}
.upgrades ul li a, .upgrade-button			{ padding:11px 28px 13px; margin:16px 0 0 0; display:inline-block; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; }
.upgrades ul li  a:hover					{ background:#417ca7;}
.upgrades ul li small						{ padding:8px 23px 9px; margin:0 0 0 0; display:inline-block; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#42c498; letter-spacing:0.7px;  display:block; position:absolute; left:0; border:0; width:100%; bottom:0;   }

div.recorder_block2_con .upgrades ul li small
{
   line-height: 22px;
}

.upgrades ul li.computers					{ background:#5f6a75; }
.upgrades ul li h5							{ padding:28px 8% 0 10%; margin:0; font-size:21px; line-height:25px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; text-align:left; }

.multi_upgrades								{ padding:10px 0 35px 0; margin:0 0 -18px 0; border-bottom:solid 1px #cccccc;  }
.multi_upg_lft								{ padding:57px 0 69px 0; margin:0; display:inline-block; float:left;  width:59%; background:#5f6a75;  box-shadow:5px 5px 0 0 #d3d3d3; text-align:center; }
.multi_upg_lft_user							{ padding:0 0 0 19%; margin:0; display:block; text-align:left;}
.multi_upg_lft_user input					{ padding:7px 0 7px 0; margin:0; display:inline-block; float:left; font-size:21px; line-height:21px; color:#a0a0a0; font-weight:bold; font-style:normal; border-radius:8px; background:#ffffff; border:none; width:60px; text-align:center; }
.multi_upg_lft_user p						{ padding:0 0 0 10px; margin:0; display:inline-block; float:left; font-size:37px; line-height:37px; color:#ffffff; font-weight:bold; font-style:normal; }
.multi_upg_lft_user p em					{ font-size:21px; line-height:38px; display:inline-block;float:left; }
.multi_upg_lft_user p small					{ display:inline-block; float:left; font-size:37px; line-height:37px; padding:0 0 0 8px; }

.multi_upg_lft  a							{ padding:11px 20px 13px 20px; margin:25px 0 0 0; display:inline-block; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; }
.multi_upg_lft  a:hover						{ background:#417ca7;}

.multi_upg_rgt								{ padding:0 0 0 0; margin:0; display:inline-block; float:right;  width:33.5%; }
.multi_upg_rgt h3							{ padding:3px 0 0 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.3px;  }
.multi_upg_rgt ul							{ padding:26px 0 0 0; margin:0; }
.multi_upg_rgt ul li						{ padding:0 0 13px 0; margin:0 0 12px 0; border-bottom:solid 1px #e1e1e1; }
.multi_upg_rgt ul li a						{ padding:0; margin:0; }
.multi_upg_rgt ul li a small				{ padding:4px 0 0 0; margin:0; display:inline-block; float:left; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; }
.multi_upg_rgt ul li a span					{ padding:7px 9px 5px 8px; margin:0; display:inline-block; float:right; font-size:12px; line-height:12px; color:#ffffff; font-weight:normal; font-style:normal; background:#5eb1ee; letter-spacing:0.2px; }
.multi_upg_rgt ul li:nth-last-child(1)		{ border:none; }
.multi_upg_rgt ul li a span:hover			{ background:#417ca7; }



/*Tab2 Content*/
.recorder_invited							{ padding:26px 0 0 0; margin:38px 0 0 0; border-top:solid 1px #cccccc; }
.recorder_invited h3						{ padding:0 0 27px 0; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; }
.recorder_invited h3 small					{ color:#7c8997;font-size:21px; line-height:21px; }
.recorder_serchbg							{ padding:0; margin:0; }
.recorder_serchbg_lft						{ padding:0; margin:0; display:inline-block; float:left;  width:43%; }
.recorder_serchbg_lft input					{ padding:2px 2% 2px 2%; margin:0;display:inline-block; float:left;  border:solid 2px #cccccc; font-size:14px; line-height:18px; color:#a0a0a0; font-weight:normal; font-style:italic; width:77%;  }
.recorder_serchbg_lft .invit				{ padding:4px 14px 6px 12px; margin:0 0 0 3%; display:inline-block; float:left; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; width:auto; border:none; }
.recorder_serchbg_lft .invit:hover			{ background:#417ca7;}

.recorder_serchbg_rgt						{ padding:0; margin:0; display:inline-block; float:right; width:22.5%; border:solid 2px #cccccc; }
.recorder_serchbg_rgt input					{ padding:2px 2% 2px 2%; margin:0;display:inline-block; float:left;  border:solid 0 #cccccc; font-size:14px; line-height:18px; color:#a0a0a0; font-weight:normal; font-style:italic; width:85%;  }
.recorder_serchbg_rgt .search_icon			{ display:inline-block; float:right; padding:0; margin:3px 5px 0 0; width:16px; height:16px; background:url(../images/search_icon.png) no-repeat; }
.recorder_serchbg_in						{ padding:25px 0 36px 0; margin:0; }
.recorder_serchbg_in ul						{ padding:0 2% 0 0; margin:0 1% 0 0; }
.recorder_serchbg_in ul li					{ padding:0; margin:0; border-bottom:solid 1px #cccccc; }
.recorder_serchbg_in ul li a				{ padding:16px 0 13px 0; margin:0; display:inline-block; width:100%;  }
.recorder_serchbg_in ul li a img			{ padding:0; margin:0; display:inline-block; float:left;  }
.recorder_serchbg_in ul li a span			{ padding:0 0 0 10px; margin:0; display:inline-block; float:left; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.2px;  }
.recorder_serchbg_in .mar_la				{ margin:0 -2.5% 0 0; float:right; }
.recorder_serchbg_in ul li a em				{ font-size:16px; line-height:16px; color:#549fd7; font-weight:normal; font-style:normal;   padding:0 0 0 4%;  display:none; float:left; }
.recorder_serchbg_in ul li:hover a em,.recorder_serchbg_in ul li a em.active  {display:block; }

.user_pages									{ padding:0; margin:0; position:relative; }
.user_pages ul								{ padding:0; margin:0; display:inline-block; float:right; }
.user_pages ul li							{ padding:0; margin:0 0 0 5px; display:inline-block; float:left; font-size:16px; line-height:16px; color:#549fd7; font-weight:normal; font-style:normal;  }
.user_pages ul li a							{ padding:0; margin:0; color:#549fd7; }
.user_pages ul li a:hover					{ text-decoration:underline; }

/*Tab3 Content*/
.recorder_setting							{ padding:0; margin:38px 0 0 0;  }
.recorder_setting ul						{ padding:0; margin:0;  }
.recorder_setting ul li						{ padding:0; margin:0 0 24px 0; display:inline-block; width:100%;  border-top:solid 1px #cccccc; }
.recorder_setting ul li h3					{ padding:25px 0 0 2px; margin:0; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.3px;  }
.recorder_setting ul li p					{ padding:25px; margin:15px 0 0 0; font-size:21px; line-height:45px; color:#3e454c; font-weight:normal; font-style:normal; background:#d4efff; box-shadow:5px 5px 0 0 #d3d3d3; letter-spacing:0.4px; }
.recorder_setting ul li .con				{ padding:16px 0 0 0; margin:0; }
.recorder_setting ul li .matrix				{ padding:0; margin:3px 5px 0 0; display:inline-block; float:left; font-size:16px; line-height:16px; color:#5f6a75; font-weight:normal; font-style:normal; letter-spacing:0.3px;  }
.recorder_setting ul li .password			{ width:299px; margin:10px 0 0 0;  }
.recorder_setting ul li:nth-child(1)		{ margin:0 0 36px 0;}
.recorder_setting ul li.prohosting_setup:nth-child(1)		  { margin:0;}
.recorder_setting ul li.propage_setup:nth-child(1)		  { margin:0;}
.recorder_setting ul li:nth-child(3)		{ margin:0 0 37px 0; }
.recorder_setting ul li .re_password		{ width:269px; margin:0 8px 0 2px; }

.recorder_setting ul li ul 					{ padding:14px 0 0 5px; margin:0; border:0;}
.recorder_setting ul li ul li				{ padding:0 15px 0 0 !important; margin:0 18px 0 0 !important; display:inline-block; float:left; border:none; border-right:solid 2px #cccccc; width:auto; }
.recorder_setting ul li ul li span			{ padding:0; margin:0; font-size:14px; line-height:14px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.3px;  }

.recorder_setting ul li .settings			{ padding:11px 16px 13px 22px; margin:31px 0 0 0; display:inline-block; float:right; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; border:none; width:auto; cursor:pointer; outline:none; }
.recorder_setting ul li .settings:hover		{ background:#417ca7;}

.formui a.button                        { padding:0 10px; text-align:center; vertical-align:middle; display:inline-block; line-height:34px; height:34px; margin-bottom:-1px; font-weight:normal; margin-right:15px; }
.formui span.button                     { cursor:pointer; }

.recorder_setting a.button			        { padding:11px 20px 13px 20px; margin: 2px 0 0 0; display:inline-block; float:right; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; }
.recorder_setting a.button:hover	        { background:#417ca7;}


.block1,.block2,.block3						{ display:none; }
/* ------------------ VIDEO PAGE CONTENT HERE -------------*/

.task_bar_bg								{ padding:0; margin:0; background:#3e454c; }
.task_bar									{ padding:17px 0 16px 0; margin:0; position:relative;  }
.viewAsPublic .task_bar						{ padding:12px 0 12px 0; margin:0; font-size:14px; line-height:14px; color:#ffffff; position:relative; }
.viewAsPublic .task_bar a	             	{ padding:5px 10px 7px 10px; margin: 0 0 0 10px; display:inline-block; font-size:16px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.viewAsPublic .task_bar a:hover		   	    { background: #417ca7;}
.task_bar ul								{ padding:0; margin:0; display:inline-block; float:left; }
.task_bar ul li								{ padding:0; margin:0 19px 0 0; display:inline-block; float:left; }
.task_bar p									{ padding:0;margin:0 19px 0 0; display:inline-block; font-size:14px; line-height:14px; color:#ffffff; font-weight:bold; font-style:normal; float:left;  }
.task_bar ul li a							{ padding:0; margin:0; display:block; cursor:pointer; }
.task_bar ul li a img						{ padding:0; margin:0; display:inline-block; float:left; }
.task_bar ul li a span						{ padding:0 0 0 9px; margin:0; display:inline-block; float:left; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal;  }
.task_bar ul li a:hover span				{ text-decoration:underline; }
.task_bar h6								{ padding:0; margin:0; display:inline-block; float:right; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal;   }
.task_bar h5	  						    { padding:0;margin:0 19px 0 0; display:inline-block; font-size:17px;  color:#ffffff; font-weight:bold; font-style:normal; float:left; line-height: 1em; }

.task_bar_msg                               { padding:17px 0 16px 0; margin:0; position:relative; color:white; line-height: 1em;}

.task_menu									{ display:none; position:absolute; top:0; /*right:0;*/ }

.video_con_bg								{ padding:64px 0 0 0; margin:0; background:-webkit-linear-gradient(top, #eeeeee, #ffffff 40px);  background: -o-linear-gradient(top, #eeeeee, #ffffff 40px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 40px);   background: linear-gradient(top, #eeeeee, #ffffff 40px);}
.video_con									{ padding:0; margin:0; display:block; }
.video_lft									{ padding:0; margin:0; display:inline-block; float:left; width:77%; }
.video_lft h2								{ padding:0 0 8px 0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.7px; }
.video_lft h2 span							{ float:right; font-size:14px; line-height:52px; font-weight:normal; letter-spacing:0.3px; }
.video_in									{ padding:0; margin:0; position:relative; }
.video_lft a								{ cursor:pointer; }
.video_lft a img							{ width:100%; height:auto; }
.video_lft a span							{ background:url(../images/play_icon1.png) no-repeat; width:74px; height:74px; position:absolute; top:43%; left:43%; }

.video_rgt									{ padding:60px 0 0 0; margin:0; display:inline-block; float:right; width:20%; }
.video_rgt ul								{ padding:0; margin:0; }
.video_rgt ul li							{ padding:0 0 32px 0; margin:0 0 25px 0; border-bottom:solid 1px #cccccc; position:relative; }
.video_rgt ul li h3							{ padding:0 0 12px 0; margin:0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; }
.video_rgt ul li input						{ padding:6px 4% 8px 4%; margin:0; font-size:14px; line-height:14px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:8px; width:100%;   word-spacing:1px; outline:none; }
.video_rgt ul li .note_video				{ padding:8px 4% 8px 4%; margin:0; font-size:14px; line-height:14px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:8px; width:100%;   resize:none; min-height:79px; word-spacing:1px; }
.video_rgt .note							{ padding:11px 0 0 0; margin:0; }
.video_rgt .note span						{ padding:0; margin:0; display:inline-block; float:left; font-size:14px; line-height:26px; color:#272a2f; font-weight:normal; font-style:normal;}
.video_rgt .num								{ width:21%; display:inline-block; float:left; padding:4px 4% 4px 4%; margin:0 0 0 4%; }
.video_rgt .add_note						{ padding:5px 5% 7px 5%; margin:0 0 0 0; display:inline-block; float:right; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; background:#549fd7; letter-spacing:-0.6px; border-radius:9px; border:none; width:auto; cursor:pointer; outline:none; }
.video_rgt .add_note:hover					{ background:#417ca7;}
.video_rgt ul li.note_pad					{ padding:0 0 24px 0; }
.video_rgt ul li ul 						{ padding:10px 0 4px 0; margin:0; }
.video_rgt ul li ul li 						{ padding:0; margin:0 0 6px 0; border:0; }
.video_rgt ul li ul li label				{ padding:0; margin:0; font-size:14px; line-height:26px; color:#272a2f; font-weight:normal; font-style:normal; }
.video_rgt ul li.option_mar					{ padding:0 0 17px 0; margin:0 0 17px 0;  }
.video_rgt .sav_can							{ padding:0; margin:0; }
.video_rgt ul li .save						{ padding:11px 16px 13px 22px; margin:0 14px 0 0; display:inline-block; float:right;  font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; border:none; width:auto; cursor:pointer; outline:none; }
.video_rgt ul li .save:hover				{ background:#417ca7;}
.video_rgt .sacan							{ padding:0; margin:0; display:inline-block; float:right; font-size:16px; line-height:40px; color:#2185c5; font-weight:normal; font-style:normal; width:auto; background:none; border:0; }
.video_rgt_lock								{ margin: 11px 0 0 0; float:right; width:37px; }
.video_rgt_lock .lock_icon					{ padding:0; margin:0; display:inline-block; float:right; }

.video_captionselect                        { float: right; }

.video_wrapper                              { border:1px solid #3e454c; }

.adwrapper                                  { border:1px solid #3e454c; background: white; }
.adheader                                   { text-align: center; background:#3e454c; color:white;}

.edit_mode									{ padding:0; margin:0;  }
.edit_mode_main								{ padding:0; margin:0; display:table; width:100%;  }
.edit_mode_in								{ padding:0; margin:0; }
.edit_lft_main								{ padding:0; margin:0; width:96.5%; }
.edit_rgt_main								{ padding:0 0 36px 0; margin:0; display:table-cell; vertical-align:top; width:160px; }

.edit_mode_lft								{ padding:0; margin:0; display:inline-block; float:none; width:100%; /*width:94%;*/ }
.edit_mode_rgt								{ padding:0; margin:0; display:table-cell; 	width:10%; background:#272a2f;  }
.edit_mode_lft h2							{ padding:0 0 18px 0; margin:0; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.7px; float:left; }
.edit_mode_lft h6							{ padding:24px 0 0 0; margin:0; font-size:14px; line-height:14px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.3px; float:right; }

.edit_mode_lft h2.watchtitle                { max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.edit_mode_lft_block1						{ padding:0; margin:0; text-align:center; }
.edit_mode_lft_block1 .video_wrapper		{ display:inline-block; }
.edit_mode_lft_block1 a						{ padding:0; margin:0; }
.edit_mode_lft_block1 a img					{ padding:0; margin:0; width:100%; }
.edit_mode_lft_block1 a	span				{ width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:33.3%; left:37.6%; cursor:pointer; }

.edit_mode_lft_block2						{ padding:21px 0 21px 0; margin:0; }
.edit_mode_lft_block2 span em		    	{ color:#2185c5; font-style:normal; margin:0 7px 0 0;  }
.edit_mode_lft_block2 span em a 	    	{ color:#2185c5; }

.edit_mode_lft_block2_lft					{ padding:0 4% 0 0; margin:0; float:left; display:inline-block; }
.no_notes	                				{ padding:0 0 0 0 !important; }
.edit_mode_lft_block2_lft .captionslist span em { margin:0 7px 0 0;  }
.edit_mode_lft_block2_lft .captionslist span	 { padding:7px; margin:0 0 0 0; display:block; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; }
.edit_mode_lft_block2_lft .captionslist span:nth-child(odd) {background:#f8f8f8 !important; }
.edit_mode_lft_block2 h3					{ padding:0 0 15px 0; margin:0 0 17px 0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc;  }
.edit_mode_lft_block2 p						{ padding:0 0 36px 0; margin:0; font-size:14px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; }

.edit_mode_lft_block2_rgt					{ padding:0 0 0 0; margin:0; float:right; display:inline-block; }
.edit_mode_lft_block2_rgt .noteslist span em { margin:0 7px 0 0;  }
.edit_mode_lft_block2_rgt .noteslist span p { margin:0; padding:0; display:inline; }
.edit_mode_lft_block2_rgt .noteslist span	 { padding:7px; margin:0 0 0 0; display:block; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; }
.edit_mode_lft_block2_rgt .noteslist span:nth-child(odd) {background:#f8f8f8 !important; }
.edit_mode_lft_block2_rgt span		    	{ padding:0; margin:0 0 0 0; display:block; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; }
.edit_mode_lft_block2_rgt ul				{ padding:11px 1px 0 0; margin:0; display:inline-block; float:right; }
.edit_mode_lft_block2_rgt ul li				{ padding:0; margin:0 0 0 9px; display:inline-block; float:left; }
.edit_mode_lft_block2_rgt ul li label		{ padding:0; margin:0; display:inline-block; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal;  }
.edit_mode_lft_block2_rgt ul li input		{ padding:3px 0 5px 0; margin:0 0 0 0; display:block; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal;  border:solid 1px #a1a1a1; border-radius:5px; width:48px; resize:none;  text-align:center; }
.edit_mode_lft_block2_rgt ul li a			{ padding:6px 0 8px 0; margin:0 0 0 0; display:block; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal;   border-radius:5px; width:82px; resize:none; background:#2185c5; text-align:center; }
.edit_mode_lft_block2_rgt h3 a		  	    { padding:6px 0 8px 0; margin:-3px 0 0 0; float:right; display:block; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal;   border-radius:5px; width:82px; resize:none; background:#2185c5; text-align:center; }

.noteLink                                      { padding: 0; margin:4px 0 0 10px; float:right; width:16px; }

.edit_mode_lft_bot							{ padding:56px 5.9% 87px 0; margin:0; }
.edit_mode_lft_bot h3						{ padding:0 0 16px 0; margin:0 0 26px 0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc; letter-spacing:0.4px; }
.edit_mode_lft_bot h3  span					{ color:#2185c5; }
.edit_mode_lft_bot ul						{ padding:0; margin:0; }
.edit_mode_lft_bot ul li					{ padding:0 0 0 0; margin:0; position:relative; display:inline-block; float:left;  border-right:solid 1px #fff; border-bottom:solid 1px #fff;   }
.edit_mode_lft_bot ul li img				{ padding:0; margin:0; width:100%; height:auto; }
.edit_mode_lft_bot ul li .layer				{ padding:0; width: 99.7%; margin: 0 0 0 0; background: url(../images/transperent1.png) repeat; position: absolute; bottom: 0; left: 0;}
.edit_mode_lft_bot ul li .layer a			{ padding:10px 0 14px 6%; display:inline-block; margin:0; font-size:16px; line-height:19px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; }
.edit_mode_lft_bot ul li .layer a:hover		{ color:#65A5CA; }
.edit_mode_lft_bot ul li:nth-last-child(1)	{ border:none; }

/* ------------------ EMBED LIGHTBOX --------------------------*/
#more-options {position: relative;float:right;line-height: 18px;padding-top:8px;}
#more-options:before {content: ">";position: absolute;top: 8px;left: -15px;}
#more-options.down:before {transform: rotate(90deg);}
.more-options {display: none;width: 100%;padding-bottom: 10px;}
.more-options li {margin:10px 5px 5px;float:left;}
.more-options li label { font-weight: normal; }

/* ------------------ FOOTER HERE --------------------------*/
.pro_call									{ padding:30px 0 30px 0; margin:0; background:#d4efff; border-bottom:solid 5px #d3d3d3; }
.pro_call p									{ padding:0; margin:0; font-size:21px; line-height:28px; color:#5f6a75; font-weight:normal; font-style:normal; text-align:center; letter-spacing:1.5px; word-spacing:1px;  }
.pro_call p	span							{ color:#ff563a; }
.pro_call p	a								{ color:#ff563a;  cursor:pointer; text-decoration: underline; }
.pro_call p	a:hover							{ color:#3e454c; }
.pro_call p:hover							{ color:#3e454c; }
.recorder_page .pro_call                    { padding: 20px !important; border-bottom:solid 2px #d3d3d3; border-top:solid 2px #d3d3d3;}
.recorder_page .pro_call p                  { color:#3e454c;}

/*.home_screen								{ cursor:pointer; }*/

.pro_login									{ padding:63px 0 60px 0; }

.push										{ padding:0; margin:0; height:75px; }
.footer_bg {
    background: linear-gradient(#06118A, #3E63D4);
    border-top:3px solid #549fd7;
    box-shadow: 0 -10px 30px 10px rgba(0, 0, 0, 0.1);
    color: #FFF;
    margin: 0;
    padding-top: 40px;
}
.footer-logo-cta {
    text-align: center;
    padding: 40px 0;
}

.footer-logo-cta svg {
    width: 240px;
    height: auto;
}

.footer-logo-cta h3 {
    color: #FFF;
    margin-top: 15px;
    font-size: 34px;
}
.footer_bg .footer p, .credits                  { padding:0; margin:0 0 20px; display:block; float:none; font-size:16px; line-height:1.25; letter-spacing:0.25px; }
.credits                                        { margin:25px 0; text-align: right;}
.footer_bg .footer p a, .credits > a            { color: #878D96/*--som-grey*/; text-decoration:none; }
.footer_bg .footer p a:hover, .credits > a:hover{ color: #4A4A4A/*--som-dark-grey*/; text-decoration:none; }
.footer_rgt									    { padding:0; margin:0; display:inline-block; float:right; width:365px; }
.footer-bg-credits                              { border-top: 1px solid #ADAAAA/*--som-grey*/; background-color: #FFF; color: #878D96; margin-top: 40px; }

.f_nav										    { padding:3px 0 0 0; margin:0; display:inline-block; float:left; }
.f_nav	ul									    { padding:0; margin:0; }
.f_nav	ul li								    { padding:0 0 0 17px; margin:0 0 0 17px; background:url(../images/bullet1.png) no-repeat left center;  float:left; display:inline-block; }
.f_nav	ul li a								    { padding:0; margin:0; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal;}
.f_nav	ul li a:hover						    { text-decoration:underline; }

.f_icons									    { padding:0 0 0 17px; margin:0; display:inline-block; float:left; }
.f_icons ul									    { padding:0; margin:0; }
.f_icons ul li								    { padding:0; margin:0 8px 0 0; display:inline-block; float:left; }
.f_icons ul	li a							    { padding:0; margin:0; }
.f_icons ul	li a img						    { padding:0; margin:0; }

.footer_bg .nav { margin: 0; }
.footer_bg .nav > li { padding: 0; }
.footer_bg .nav > li > a { color: #FFF/*--som-grey*/; padding: 0; text-decoration: none; font-weight: normal;}
.footer_bg .nav > li > a:hover, .footer_bg .nav > li > a:focus {background-color: transparent; color: #FFF;}
.footer_bg .social { margin: 0 0 0 -5px; }
.footer_bg .social li { margin: .5em 0; padding: .5em 5px; }
.footer_bg .social a { color: #FFFFFF/*--som-white*/; }
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;border-radius:50%;border:1px solid #549fd7;background-color: #fff}
.footer_bg .social a .fa-stack-2x { text-shadow:0 1px #549FD7/*--som-blue*/,0 -1px #549FD7/*--som-blue*/,1px 0 #549FD7/*--som-blue*/,-1px 0 #549FD7/*--som-blue*/; }
.footer_bg .social a .fa-inverse { color:#549FD7/*--som-blue*/; }
.footer_bg .social a:hover .fa-stack-2x, .footer_bg .social a:focus .fa-stack-2x{color:#F7F7F7/*--som-light-grey*/; }
.footer_bg .social .desktoponly{ color:#4A4A4A/*--som-dark-grey*/;text-transform:uppercase; }
.footer_bg h4 { color:#FFF/*--som-dark-grey*/;font:normal 1.25em/1.25em 'Roboto';padding:0;margin-bottom:20px;text-transform: none; }
.footer_bg .social-bar { background-color:#F7F7F7/*--som-light-grey*/;border-bottom:1px solid #549FD7/*--som-blue*/;margin-bottom:40px; }
.footer_bg .footer-menus {
    border-top: solid 1px #FFF;
    padding-top: 40px;
}
.footer_bg .footer-menus .footer-menu {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.credits .pipe { margin: 0 4px; }
/* ---------------Video-Popup-------------------------------*/

.pop-up										{width:47%; margin:0 auto; padding:0; display:block; height:505px; display:none; position:absolute !important; z-index:9999999999999 !important; background:#000;  }
.pop-up_in									{width:100%; height:100%; position:relative; }
.pop-up_in video							{width:100%; height:100%; margin:0; padding:0; display:block; border:none;  }
.close										{position:absolute; top:-6px; right:-55px; cursor:pointer; display:block; margin:0;  opacity:1; }
.close:hover								{}

.play1 										{ border: medium none; height: 73px; left: 45%; position: absolute; top: 55%; width: 72px; cursor:pointer}
.stop1 										{border: medium none; height: 73px; left: 45%; position: absolute; top: 55%; width: 72px; }


/*----------------*/

.map_pop									{ z-index:9999999999 !important; }
.map_pop_header								{ color:#3e454c; }
.map_pop_body label							{ padding:9px 0 9px 0; margin:0 0 1px 0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:block; letter-spacing:0.5px;  }
.map_pop_body input							{ padding:6px 12px 8px 12px; margin:0 0 25px 0; display:block; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal;  border:solid 1px #a1a1a1; border-radius:5px; width:100%; }
.map_pop_choose								{ padding:0 0 8px 0; margin:0; }
.map_pop_choose h6							{ padding:8px 0 0 0; margin:0; display:inline-block; float:left; font-size:14px; line-height:18px; color:#2a2a2c; font-weight:normal; font-style:normal;}
.map_pop_body .mp4							{ padding:6px 10px 8px 14px; margin:6px 0 0 6px; display:inline-block; float:left; font-size:14px; line-height:14px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; }
.map_pop_body h4						    { padding:9px 0 9px 0; margin:0 0 1px 0; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px;  }
.map_pop_bot								{ padding:24px 0 0 0; margin:28px 0 0 0; border-top:solid 1px #cdcdcd; }
.map_pop_bot a								{ padding:12px 12px 12px 17px; margin:0; display:inline-block; float:right; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.map_pop_bot a:hover						{  background: #417ca7;}

.framed	   						            { padding:30px; margin:0; font-size:16px; color:#3e454c; letter-spacing:0.5px;  }
.framed .scrollbody                         { height:332px; overflow: auto; padding:10px 0; position: relative; }
.framed .header								{ padding:0 0 24px 0; margin:0; border-bottom:solid 1px #cdcdcd; }
.framed .titlebar                           { position:absolute; top:0; right:0; border-bottom:1px solid #cdcdcd; left:0; padding:20px 28px; line-height:32px; color:#848484; font-size:17px; }
.framed .titlebar, .framed .titlebarspacer  { height:70px; }
.editchannels .header						{ padding:0; }
.editchannels .header table					{ margin:0 0 20px 0; }
.framed .header table div	    	        { padding:5px 0 0 0; margin:0; font-size:24px; line-height:24px; color:#3e454c; font-weight: bold; letter-spacing:0.5px;  }
.framed .header table img	 		        { width:100px; height:75px; margin-right:10px; border: 1px solid #3e454c; }
.framed .textbox, .formui .textbox			{ padding:6px 12px 8px 12px; margin:0 0 25px 0; display:block; font-size:14px; line-height:18px; font-weight:normal; font-style:normal;  border:solid 1px #a1a1a1; border-radius:5px; width:100%; }
.formui div.textbox                         { background-color:white; position:relative; }
.formui div.textbox div                     { position:absolute; right:0; top:0; bottom:0; background-color:transparent; padding: 6px 12px 8px 12px; color: #0d6efd; cursor: pointer; }
.framed input.addcustomlink                 { margin:0; display:inline; width:100%; }
.framed table.addcustomlink                 { margin:0 0 10px 0; display:block;}
.framed table td input.textbox              { margin:0; display:inline; width:100%; }
.framed table.removecustomlink              { margin:0 0 10px 0; display:block;}
.framed #customLinksContainer               { margin-bottom: 25px; }
.framed table h6                            { padding:0; margin:0 5px 0 0; white-space: nowrap; max-width: 400px; overflow: hidden; text-overflow: ellipsis; }
.framed .title, .formui .title		    	{ padding:9px 0 9px 0; margin:0 0 1px 0; font-size:21px; line-height:21px; color:#3e454c; font-style:normal; display:block; letter-spacing:0.5px;  }
.framed h6      							{ padding:8px 0 0 0; margin:0; display:inline-block; float:left; font-size:14px; line-height:18px; color:#2a2a2c; font-weight:normal; font-style:normal;}
.framed .button, .formui .button			{ padding:12px 24px 12px 24px; margin:0; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border:none; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.framed a.button:hover, .formui .button:hover { background: #417ca7;}
.framed .button.wait, .formui .button.wait { background-color:#417ca7; border-color:#b5b5b5; box-shadow:inset 0 2px 4px rgba(0,0,0,0.33); color:#eee; cursor:wait; }
.framed .downloadButton						{ display:inline-block; }
.framed .okButton							{ margin-left:10px; display:inline-block; float:right; }
.framed .cancelButton						{ margin:0 0 0 10px; display:inline-block; float:right; background: #959595; }
.framed .bottom								{ padding:24px 0 0 0; margin:0; border-top:solid 1px #cdcdcd; }
.framed .custom-checkbox label, .formui .custom-checkbox label { padding:0 0 0 28px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.framed .channel img		        		{ display:none; }
.framed .channel .detail-icon	            { display:inline; width:14px; vertical-align: bottom; margin-left: 4px; }
.framed .channel .detail-icon-user          { background-image: url(../images/hosting_icon7.png); background-size: contain; background-repeat: no-repeat; }
.framed .channel .detail-icon-channelupload { background-image: url(../images/hosting_icon9.png); background-size: contain; background-repeat: no-repeat; }
.framed #channels    		        		{ height:300px; overflow:auto; padding:10px; }
.framed .noheader #channels    	       		{ height:399px; }
.framed .noheader .title    	       		{ padding:0 0 9px 0; }
.framed #channelButtons						{ padding:24px 1px 0 0; margin:0; border-top:solid 1px #cdcdcd; }
.framed .remove, .framed .add, .framed .share { margin:0 0 0 10px; display:block; }
.framed span.status                         { width:455px; display:inline-block; line-height: 21px; }
.framed .error, #status.error               { color:red; }
.framed .textbox.error                      { border-color:red !important; }
.framed .errormsg                           { margin:24px; }
.framed span.status a                       { color:#54A1D9; text-decoration: underline; }
.framed h1                                  { font-size: 42px; }
.framed h1 a                                { padding:0 0 0 23px; margin:12px 20px 0 0; float:right; font-size:15px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/question_icon.png) no-repeat left center; letter-spacing:-0.2px; }
.editchannel .scrollbody                    { height: 300px; padding: 10px; }
.editchannel .header                        { padding:0; }
.editchannel .options li label              { margin-bottom:10px; font-weight: normal; }
.editchannel .custom-checkbox img           { margin:0 10px 0 0; vertical-align: text-bottom; }
.editchannel .options                       { padding: 0 0 10px 5px; }
.editchannel .rec_ph .options               { padding: 0 0 0 5px; }
.editchannel .rec_ph .options ul.options    { padding: 15px 0 0 0; }
.framed #tab1                          { margin: 0 0 0 10px;}
.framed .tabs li                       { float:none; padding:14px 25px 14px 25px; margin:0; display:inline-block; background:#ededed; font-size:21px; line-height:21px; color:#3e454c; font-weight:400; font-style:normal; letter-spacing:0.1px; cursor:pointer;}
.framed .tabs li.current               { background: #cdcdcd;}
.framed .tabs li:hover					{ color:#ffffff; }
.editchannel .options .abovecheckboxes      { margin: 0px; }
.editchannel .rec_noph                      { padding:0 0 0 10px; line-height: 22px; }
.editchannel .rec_noph div                  { padding:10px 0 0 0; }
.editchannel .rec_ph                        { line-height: 22px; }
.editchannel .rec_ph .section               { margin-bottom: 25px; }
.editchannel .custom-checkbox label .title  { padding:0; margin: -2px 0 0 0; }
.editchannel .options li                    { margin-bottom: 15px; }
.editchannel .checkbox_toggled              { display:none; margin: 0 0 0 28px; }
.editchannel .checkbox_toggled .textbox     { margin:0; }
.editchannel .status                        { margin: 0 200px 0 0; line-height: 20px; }
.editchannel .sharing .dd                   { width: 120px !important; margin:0 0 0 5px; }
.editchannel .sharing .textbox              { padding: 4px 9px 6px 9px; border-radius:8px; }
.editchannel .sharing .addusertable         { margin: 5px 0 0 0; }
.editchannel .sharing .addusertable         { margin: 5px 0 0 0; }
.editchannel .sharing .adduserbutton        { margin: 20px 0 35px 0; }
.editchannel .sharing .adduserbutton .button { padding: 6px 16px 6px 16px; }
.editchannel .sharing .adduserbutton span { margin: 0 0 0 20px; }

.editchannel .sharing .sharedUsersTable .userrow                      { background:#dfdfdf; }
.editchannel .sharing .sharedUsersTable .userrow td                   { padding:10px; border-bottom:1px solid #ccc; }
.editchannel .sharing .sharedUsersTable tr:nth-child(1) td            { border-top:1px solid #ccc; }
.editchannel .sharing .sharedUsersTable tr:nth-child(odd)             { background:#EAEAEA; }

.editchannel h6.upgrademsg                     { padding:0; }

.editscreencast .options li label              { margin-bottom:10px; font-weight: normal; }
.editscreencast .options                       { padding: 0 0 10px 5px; }
.editscreencast .options .abovecheckboxes      { margin: 0px; }
.editscreencast span.status                    { width:250px; }
.editscreencast .checkbox_toggled              { display:none; margin: 0 0 0 28px; }
.editscreencast .checkbox_toggled .textbox     { margin:0; }
.editscreencast div .dd                        { margin:0 0 25px 0; width:100% !important;}
.editscreencast .captionsList                   { margin: 0 0 0 5px; }
.editscreencast .captionsList li a              { margin: 0 0 0 5px; }
.editscreencast #expireDate { display: none; }

.loginframed { line-height:23px; }
.loginframed .forgotlink, .loginframed .forwardsignup   { margin:10px 0 0 0; display:block; float:right; color:#54A1D9; }
.loginframed .text                          { padding:0 0 20px 0; line-height: 22px; }
.loginframed a	        		            { color:#54A1D9; }
.loginframed .update .status                { width:250px; }

.signupframed .text, .signupfinishedframed .text, .newpasswordframed .text { padding:0 0 20px 0; line-height: 22px; }
.signupframed .buttons, .signupfinishedframed .buttons, .newpasswordframed .buttons, .ltiframed .buttons { padding:24px 0 0 0; margin:0; border-top:solid 1px #cdcdcd; }
.signupframed .tos, .signupfinishedframed .tos, .newpasswordframed .tos { padding:10px 0 0 0; }
.signupframed .tos .custom-checkbox, .signupfinishedframed .tos .custom-checkbox, .newpasswordframed .tos .custom-checkbox { padding:0 5px 0 0; float:left; }
.signupframed .tos .toslink, .signupfinishedframed .tos .toslink, .newpasswordframed .tos .toslink { display:block; float:left; text-decoration: underline; line-height:1em; }
.signupframed a, .signupfinishedframed a, .newpasswordframed a { color:#54A1D9; }

#needpw	                 					{ padding:18px 2% 18px 2%; margin:0; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; }
#needpw #enterpw							{ margin:0 10px 0 10px; padding:0 10px 0 10px; display:inline-block; font-size:14px; line-height:27px; font-style:normal; color:#000000; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:none; }
#needpw #submit	    						{ padding:6px 24px 7px 24px; margin:0; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
#needpw #submit:hover					    { background: #417ca7;}

.watchNeedsPassword 	           			{ padding:0; margin:0; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; min-height:600px;}
.watchNeedsPassword #enterpw				{ margin:0 10px 0 10px; padding:0 10px 0 10px; display:inline-block; font-size:16px; line-height:27px; font-style:normal; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:solid 1px #3e454c; }
.watchNeedsPassword #submit	    			{ padding:6px 24px 7px 24px; margin:10px 15px 0 0; float:left; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; border:none; }
.watchNeedsPassword #submit:hover			{ background: #417ca7;}
.watchNeedsPassword a			            { color:#54A1D9; text-decoration: underline; }

.modifysub .bottom							{ margin:0; border-top:solid 1px #cdcdcd; }
.modifysub .autorenew-box                   { margin:0 0 0 10px; }
.modifysub .autorenew-box .custom-checkbox  { margin:5px 0 10px 0; }
.modifysub .autorenew-ann .custom-checkbox  { margin:15px 0 0 25px; }
.modifysub .autorenew-ann label             { font-weight: normal; }
.modifysub .autorenew-dd                    { margin: 0 0 0 25px; }
.modifyph  .autorenew-dd                    { margin: 5px 0 15px 0; }
.modifysub .custom-checkbox                 { margin:15px 0 0 15px; }
.modifysub .section                         { margin:0 0 30px 0; }
.modifysub .section a			            { color:#54A1D9; }
.modifysub .canceltext                      { margin:0 0 0 15px; line-height: 21px; }
.modifysub .newsubtext                      { margin:0 0 15px 0; line-height: 21px; }
.modifysub .status                          { margin: 0 200px 0 0; line-height: 20px; }

.modifysub .addsub .section                 { line-height: 22px; }
.modifysub .addsub .section span            { font-weight: bold; }

.setuphosting                               { line-height: 22px; }
.setuphosting .scrollbody                   { padding-right: 10px; }
.setuphosting .text                         { padding:0 0 10px 0; }
.setuphosting .section a.button	    		{ padding:12px 24px 12px 24px; margin: 20px 0 0 0; text-align: center; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.setuphosting .section a.button:hover		{ background: #417ca7;}
.setuphosting .section #inviteworking		{ margin: 0 0 0 10px; }
.setuphosting .bottom						{ margin:0; border-top:solid 1px #cdcdcd; }
.setuphosting .section                      { margin:0 0 30px 0; }
.setuphosting .inviteuser                   { margin:0 0 50px 0; }
.setuphosting .section a	                { color:#54A1D9; }
.setuphosting .section .section-body        { padding:16px; border: 1px solid #969696; border-radius: 10px; }
.setuphosting .section .details             { padding: 50px 10px 0px 10px; }
.setuphosting .ltiplugin-details b, .setuppropage .ltiplugin-details b { width: 55px; display: inline-block; text-align: right; margin-right:3px; }
.setuphosting input.value-highlight, .setuppropage input.value-highlight { border:0; padding:0 28px 0 10px; font-weight:bold; background-color:#eee; color:black; display:inline-block; width:370px; margin-top:10px; }
.setuphosting input.value-highlight.new, .setuppropage input.value-highlight.new { background-color:#549fd7; }
.setuphosting .value-highlight-icon, .setuppropage .value-highlight-icon { margin-left:-27px; vertical-align:text-bottom; cursor:pointer; }
.setuphosting .withWaiting .notWaiting      { display:none; }
.setuphosting .waiting                      { display:none; }
.setuphosting .withWaiting .waiting         { display:block; }
.setuphosting span.status                   { width:333px; }
.setuphosting .users span.status            { width:250px; }
.setuphosting .confirm span.status          { width:250px; }
.setuphosting span.status b                 { color:red; }
.setuphosting select                        { width: 100%; }

.setuphosting .headerrow td                 { padding:0 0 5px 0; border-bottom:1px solid #ccc; }
.setuphosting .userrow                      { background:#dfdfdf; }
.setuphosting .userrow td                   { padding:10px; border-bottom:1px solid #ccc; }
.setuphosting .firstrow td                  { border-top:1px solid #ccc; }
.setuphosting .odd                          { background:#EAEAEA; }
.setuphosting table .deletedrow             { background:#FCB3BC; }
.setuphosting table .acceptrow              { background:#b3fcbd; }

.setuppropage .recorder_setting                 { margin:0; line-height:22px; }
.setuppropage .recorder_setting ul li           { border:none; }
.setuppropage .recorder_setting ul li.withdivider { border-bottom:solid 1px #cccccc; padding-bottom: 30px; margin-bottom: 10px !important;}
.setuppropage .recorder_setting ul li ul li     { display: block; float:none; }
.setuppropage span.status                       { width:333px; }
.setuppropage span.status b                     { color:red; }

.loginorsignup                              { font-size: 16px; color: #5f6a75; }
.loginorsignup a.login                      { margin-right: 5px; }
.loginorsignup a.signup                     { margin-left: 5px; margin-right: 5px; }

.notfound                                   { padding:50px 0 0 0; }

.confirmprompt                 { padding: 10px; font-size:16px; line-height:16px; color:#000; }
.confirmprompt div.buttons     { padding: 15px 0 0 0; }
.confirmprompt a	           { padding:5px 10px 7px 10px; float:right; display:inline-block; margin:0; font-size:16px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.confirmprompt a:hover		   { background: #417ca7;}
.confirmprompt a.cancelButton  { margin:0 0 0 10px; display:inline-block; float:right; background: #959595; }

.nextstep { display:none; }
.purchasedframed .nextstep { display: block; margin: 40px 0 0 0; }
.gopropage .nextstep { display: block; margin: 40px 0 0 0; }

.purchasedframed .recorder_lft h2 { display: none; }
.purchasedframed .tabs_con_bg { padding:30px 0 30px 0;}
.purchasedframed .upgrades ul li h5	{ padding: 20px 8% 0 10%; }
.purchasedframed .scroller     { display: none; }
.purchasedframed .recorder_con { padding: 0; }

.purchasedframed .optionsonly .pro_recorder_header { display:none; }
.purchasedframed .optionsonly .recorder_block2_bg { padding:40px 0; }
.purchasedframed .block1 .upgrades ul li	{ width:45%; }
.purchasedframed .scrollbody { border-bottom:solid 1px #cdcdcd; padding:0; }

.purchasedframed .optionsonly .recorder_block2_bg { display:block; }
.purchasedframed .recorder_block2_bg { display:none; }

.newsub { padding: 0px !important; }
.newsub h1 { padding: 20px 20px 0px 20px; }
.newsub .scrollbody { padding:0; }

.gopropage .tabs_con_bg { padding:70px 0 30px 0;}
.upgrades ul li h5      { padding: 20px 8% 0 10%; }
.gopropage .scroller     { display: none; }
/*.gopropage .upgrades ul li	{ width:45%; }*/
.gopropage .scrollbody { border-bottom:solid 1px #cdcdcd; padding:0; }
.gopropage .recorder_block2_bg { display:none; }
/*.gopropage .hosting_block2_bg { display:none; } */
.gopropage .button	    						{ padding:12px 24px 12px 24px; margin:0; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.gopropage a.button:hover					    { background: #417ca7;}

.gopropage_already           { padding:50px 0 0 0;}
.gopropage_already h1        { margin:0 0 10px 0; }
.gopropage_already a         { color:#549fd7; font-weight: bold; }

.forwardingmsg { padding: 0px 0px 0px 65px; background-image: url(../images/loading.gif); background-position: left center; background-repeat: no-repeat; margin: 24px 20px; font-size: 20px; }

.legal { margin-bottom: 36px; }
.legal h2 { margin: 36px 0 12px 0; }
.legal p { margin: 0 0 12px 0; word-wrap: break-word; }
.legal strong { font-weight: bold; }
.legal ul { list-style: disc; }
.legal ul li { margin: 0 0 1em 2em; }

.releasenotes { margin-bottom: 36px; }
.releasenotes h2 { margin: 36px 0 12px 0; }
.releasenotes p { margin: 0 0 12px 0; }
.releasenotes strong { font-weight: bold; }
.releasenotes ul { list-style: disc; }
.releasenotes ul li { margin: 0 0 0.5em 2em; }

.sitelicense_instructions ol { list-style: decimal; margin-left:40px; font-size: 18px; }
.sitelicense_instructions ol li { margin:20px 0 0 0; }

.downloadbutton	        { padding:24px; margin:0; display:block; width:16em; text-align:center; font-size:18px; line-height:16px; color:#fff !important; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.downloadbutton:hover	{ color:#fff; background: #417ca7;}

.contactusframed .textbox { margin-bottom: 20px !important; }
.contactusframed .title { font-size: 16px !important; }

.namebox .firstname { width: 49%; float:left; }
.namebox .lastname { width: 49%; float:right; }

.embed-options-list .custom-checkbox { padding: 0 14px 0 0; }
.embed-options-list .custom-checkbox label { padding: 0 0 0 25px; }

.free-hosting .autoplay-option label { color: #ccc; }

.referralpromobutton	        { padding:20px; margin:0; display:block; text-align:center; font-size:18px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.referralpromobutton:hover	{ color:#fff; background: #417ca7;}

.friend-logo {
    height:90px;
    margin-right:20px;
}

.grey-bg {
    background-color: #fbfbfb;
    border: 1px solid #bdc4c9;
    border-radius: 6px;
    padding: 20px 5px;
}
.grey-bg .grey-bg {
    background-color: #fff;
}

.login-with {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #3e454c;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #54a1d9;
    border-radius: 5px;
}

.login-with-google {
    background-image: url('../images/google_login_icon.png');
    background-repeat: no-repeat;
    background-position: 8px center;
}

.login-with img {
    height: 34px;
    position: absolute;
    left: 0;
}

.login-with.working {
    background-image: url('../images/working_white.gif');
}

.framed .close-button {
    height:19px;
    width:19px;
    cursor:pointer;
    float:right;
    margin-top:13px;
    margin-right:9px;
}

.upgrades ul li.max-computers
{
   background-color: #3e454c;
   color: white;
   font-size: 20px;
   font-weight: bold;
}

li.max-computers .options-label
{
    padding-top: 20px;
    padding-right: 60px;
    display: block;
    padding-left: 30px;
    text-align: left;
    padding-bottom: 10px;
}

.upgrades ul li.single-user-upgrade-link div.price
{
    font-weight: bold;
    font-size: 26px;
    padding-top: 30px;
}

.upgrades ul li.max-computers div
{
   margin: auto;
}

.upgrades ul li.max-computers a
{
   margin: 0px;
   padding: 0px;
   background-color: white;
   color: #5f6a75;
   border-radius: 0px;
   display: block;
   box-shadow: none;
   padding-left: 10px;
   padding-top: 5px;
   text-align: left;
}

.upgrades ul li.max-computers a.dd-selected
{
   border-right-width: 30px;
   border-right-color: #549fd7;
   border-right-style: solid;
}

.upgrades ul li.max-computers ul li
{
   float: none;
   min-height: 10px;
   width: 100%;
   box-shadow: none;
   display: block;
}

.upgrades ul li.max-computers .dd-pointer-down,
.upgrades ul li.max-computers .dd-pointer
{
   border-color: white transparent transparent;
   background-color: #549fd7;
}
.upgrades ul li.max-computers .dd-pointer-up
{
   border-color: transparent transparent white;
   border-bottom-color: transparent transparent white;
   background-color: #549fd7;
}

.upgrades ul li.holiday-sale {
    width: 47%;
    overflow: hidden;
}

.bottom-section
{
   min-height: 60px;
}

/** Footer Icons */


.app-icons {
    margin: 4px 0;
    bottom: -250px;
    position: absolute;
    left: -10px;
}

.app-icon {
    display: inline-block;
    position: relative;
    line-height: 1.1;
    margin: .5em 0;
    min-width: 135px;
}

.app-icon:first-child {
    margin-right: 10px;
}

.app-icon > a {
    color: #fff;
    display: flex;
    padding: 5px 10px;
    align-items: center;
    text-decoration: none;
}

.sticky-table-container {
    width: 100%;
    overflow-y: auto;
}
.sticky-table-container table > thead > tr > th {
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 1280px) {
   .bottom-section
   {
      min-height: 100px;
   }

}

/** ----------- BRANDING UTILS ----------- **/
.font-normal {
    font-weight: normal;
}
.font-bold {
    font-weight: bold;
}
.list-disc ul {
    list-style: disc;
}

.som-blue { background-color: #549FD7/*--som-blue*/; }
.som-blue-color { color: #549FD7/*--som-blue*/; }
.som-light-blue { background-color: #7CC1E6/*--som-light-blue*/; }
.som-dark-blue { background-color: #0B2265/*--som-dark-blue*/; }
.som-dark-blue-color { color: #0B2265/*--som-dark-blue*/; }
.som-light-blue-color { color: #7CC1E6/*--som-light-blue*/; }
.som-dark-orange { background-color: #E85E35/*--som-dark-orange*/; }
.som-dark-orange-color { color: #E85E35/*--som-dark-orange*/; }
.som-orange { background-color: #F27C59/*--som-orange*/; }
.som-orange-color { color: #F27C59/*--som-orange*/; }
.som-yellow-color { color: #FBD97E/*--som-orange*/; }
.som-gray { background-color: #ADAAAA/*--som-gray*/; }
.som-gray-color { color: #ADAAAA/*--som-gray*/; }
.som-dark-gray { background-color: #4A4A4A/*--som-dark-gray*/; }
.som-dark-gray-color { color: #4A4A4A/*--som-dark-gray*/; }
.som-light-gray { background-color: #F7F7F7/*--som-light-gray*/; }
.som-light-gray-color { color: #F7F7F7/*--som-light-gray*/; }
.som-teal { background-color: #3DAA9D/*--som-teal*/; }
.som-teal-color { color: #3DAA9D/*--som-teal*/; }
.som-green { background-color: #31B456/*--som-green*/; }
.som-green-color { color: #31B456/*--som-green*/; }
.som-green-alt { background: #2AB436/*--som-green-alt*/; }
.som-green-alt-color { color: #2AB436/*--som-green-alt*/; }
.som-red { background-color: #E1464E/*--som-red*/; }
.som-red-color { color: #E1464E/*--som-red*/; }

/** ----------- PLANS ----------- **/
.plan-switcher {
    border: 1px solid #4A4A4A/*--som-dark-grey*/;
    border-radius: 30px;
    margin: 30px auto;
    padding: 5px;
    width: 340px;
}

.plan-switcher .nav-tabs {
    display: inline-block;
    border: 1px solid transparent;
}

.plan-switcher .nav-tabs > li > a {
    background-color: #FFFFFF/*--som-white*/;
    color: #4A4A4A/*--som-dark-grey*/;
    border-radius: 25px;
    font-size: 18px;
    min-width: 160px;
}

.plan-switcher .nav-tabs > li.active > a,
.plan-switcher .nav-tabs > li.active > a:hover,
.plan-switcher .nav-tabs > li.active > a:focus {
    color: #FFFFFF/*--som-white*/;
    cursor: default;
    background-color: #3DAA9D/*--som-teal*/;
    border-color: transparent;
}

.plan-switcher.alt .nav-tabs > li.active > a,
.plan-switcher.alt .nav-tabs > li.active > a:hover,
.plan-switcher.alt .nav-tabs > li.active > a:focus {
    background-color: #549FD7/*--som-blue*/;
}

.account .plans {
    padding-top: 40px;
}

.plans.alt {
    margin-top: -20px;
}

.account .plans.alt {
    margin-top: 0;
}

.account .plan-free {
    display: none;
}

.plans > div {
    padding: 20px;
    border: 1px solid #ADAAAA/*--som-grey*/;
}

.plans.alt > div {
    border: 1px solid #ADAAAA/*--som-grey*/ !important;
    border-radius: 10px !important;
}

.account .plans.alt > div {
    padding: 0;
    border: none !important;
    border-radius: 0 !important;
}

.plans.alt > .holiday-sale {
    border-radius: 0 0 10px 10px !important;
}

.account .plans.alt .plan-summary {
    padding: 20px;
    border: 1px solid #ADAAAA/*--som-grey*/;
    border-radius: 10px;
}

.account .plans.alt .top-banner .plan-summary {
    border-radius: 0 0 10px 10px;
}

.account .plans.alt .top-banner .great-deal {
    left: 0;
    width: 100%;
}

#team .plans > div:first-child {
    border-color: transparent;
}
.account #team .plans > div:first-child {
    border: 1px solid #ADAAAA/*--som-grey*/;
}

.plans h3 {
    color: #549FD7/*--som-blue*/;
    position: relative;
}

.plans h3 del {
    bottom: 0;
    color: #4a4a4a/*--som-dark-gray*/;
    font-style: italic;
    font-size: 18px;
    line-height: 1.2;
    right: 10px;
    position: absolute;
}

.plans h4 {
    font-family: "Arsenal", sans-serif;
    font-size: 28px;
    line-height: 1;
    padding: 10px 0 15px;
}

.account .full-features {
    font-family: "Arsenal", sans-serif;
    font-size: 20px;
    margin-bottom: -35px;
    padding-left: 5px;
}

.account .plans.alt .plan-description-alt {
    font-size: 20px;
    line-height: 1;
    padding: 0px;
    font-weight: bold;
    margin-top: 5px;
}

.plans .great-deal {
    background-color: #F27C59/*--som-orange*/;
    border-radius: 10px 10px 0 0;
    color: #FFFFFF/*--som-white*/;
    font-size: 15px;
    font-weight: 300;
    left: -1px;
    line-height: 20px;
    padding: 3px 8px 3px 21px;
    position: absolute;
    text-transform: uppercase;
    top: -26px;
    width: calc(100% + 2px);
}

.plans .holiday-sale .great-deal {
    background-color: #2AB436;
    text-align: right;
}

.plans .great-deal strong {
    font-weight: 600;
}

.plans .plan-currency, .plans-labels .plan-currency {
    margin-right: -5px;
}

.plans .plan-period, .plans-labels .plan-period {
    font-weight: normal;
    margin-left: -5px;
}

.plans .som-btn.som-teal:hover {
    color: #3DAA9D/*--som-teal*/;
    border-color: #3DAA9D/*--som-teal*/;
    background-color: #FFFFFF/*--som-white*/;
}

.plans .plan-description {
    font-style: italic;
    line-height: 1.5;
}

.plans .plan-highlights {
    position: relative;
}

.plans .plan-highlights .more-features {
    color: #ADAAAA/*--som-grey*/;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.account .plans.alt .plan-highlights {
    padding: 20px;
}

.account .plans.alt .plan-highlights h4 {
    font-size: 24px;
}

.account .plans.alt .plan-highlights i {
    font-size: 1.1em;
    color: #ADAAAA/*--som-grey*/;
    width: 1.2em;
    margin-right: 5px;
}

.plans .plan-highlights table > tbody > tr > td,
.plans .plan-highlights table > tbody > tr > th {
    border-top: none;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    height: 76px;
}

.plans.alt .plan-highlights table > tbody > tr > td,
.plans.alt .plan-highlights table > tbody > tr > th {
    height: 65px;
}

.plan-highlights img {
    max-height: 35px;
}

.computer-selector-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.plans .computer-selector {
    margin-bottom: 20px;
    padding-right: 20px;
}

.plans .computer-selector form {
    margin-bottom: 20px;
}

.plans .computer-selector .row {
    margin-left: -15px;
    margin-right: -15px;
}

.plans .computer-selector h6 {
    margin-bottom: 20px;
}

.plans .computer-selector strong {
    font-weight: bold;
}

.plans .computer-selector #computers,
.computer-selector-wrapper .computer-selector #computers {
    font-size: 20px;
    width: 100%;
}

.plans .computer-selector label,
.computer-selector-wrapper .computer-selector label {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.65;
    margin-bottom: 0;
    margin-left: -10px;
}

.computer-selector-wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
}

.plan-summary .plan-price {
    font-weight: bold;
}

.plan-summary .plan-period-description {
    font-size: 22px;
}

.plan-summary .plan-amount-saved {
    color: #F27C59/*--som-orange*/;
    line-height: 1;
}
.plan-summary .percent-saved,
.plan-summary .percent-off {
    font-weight: bold;
}

.plan-summary hr {
    border-color: #ADAAAA/*--som-grey*/;
    margin-top: 15px;
    margin-bottom: 10px;
}

.plan-summary .fa-info-circle {
    color: #ADAAAA/*--som-grey*/;
}

.plan-features-tables {
    margin-top: 80px;
}

.account .row.plan-features-tables,
.account .row.plans-faq {
    margin-left: -15px;
    margin-right: -15px;
}

.plan-features {
    font-size: 14px;
    margin-bottom: 20px;
}
.plan-features i {
    font-size: 16px;
}

.plan-features table {
    margin-bottom: 0;
}

.plan-features-wrapper table {
    border-bottom: 1px solid #CFCCCC;
}

.plan-features table > tbody > tr > td,
.plan-features table > tbody > tr > th {
    border-top: none;
    border-bottom: none;
}
.plan-features table > thead > tr > th,
.plan-features table > tbody > tr > th,
.plan-features table > tfoot > tr > th,
.plan-features table > thead > tr > td,
.plan-features table > tbody > tr > td,
.plan-features table > tfoot > tr > td {
    padding: 5px 8px;
}
.plan-features table > tbody > tr > th {
    width: 40%;
}
.plan-features tr > th,
.plan-features tr > td {
    border-right: 1px solid #CFCCCC;
}
.plan-features table > tbody > tr:nth-child(even) > td,
.plan-features table > tbody > tr:nth-child(even) > th {
    background-color: rgba(84,159,215,0.1);
}
.plan-features thead th {
    background-color: rgba(84,159,215,0.1);
}
.plan-features thead .plan-features-title {
    background-color: #549FD7/*--som-blue*/;
    color: #FFFFFF/*--som-white*/;
    cursor: pointer;
    font-size: 16px;
    padding-right: 30px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    width: 40%;
}
.plan-features thead .plan-features-title i {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-55%);
}
.plan-features .plan-free,
.plan-features .plan-deluxe,
.plan-features .plan-premier {
    text-align: center;
    vertical-align: middle;
    width: 20%;
}
#team .plan-features .plan-free,
#team .plan-features .plan-deluxe,
#team .plan-features .plan-premier {
    text-align: center;
    vertical-align: middle;
    width: 30%;
}

.table .show-more {
    font-size: .8em;
    position: absolute;
    right: 32px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
}

.plan-features .fa-lock {
    color: #CFCCCC;
}
.plan-features .fa-check {
    color: #A0D16A/*--som-green*/;
}
.plan-features strong {
    font-weight: bold;
}

.plans a, .plans-buttons a {
    display: block;
    margin-bottom: 1em;
}

.plans .som-btn.holiday-green,
.plan-features-tables .som-btn.holiday-green {
    background-color: #2AB436;
}

.plans .som-btn.holiday-green:hover,
.plans .som-btn.holiday-green:active,
.plan-features-tables .som-btn.holiday-green:hover,
.plan-features-tables .som-btn.holiday-green:active {
    background-color: #7CC1E6;
}

.plans-labels {
    margin-left: 40%;
    text-align: center;
    width: 60%;
}
.account .holiday-sale-banner {
    padding-top: 45px;
}

.account .holiday-sale-banner img {
    max-width: 100%;
}

.account #solo .plans-labels {
    margin-left: 50%;
    width: 50%;
}

.plans-labels h3 {
    color: #549FD7/*--som-blue*/;
}

.need-more {
    padding: 120px 0 0;
    text-align: center;
}

.need-more .icon-callout {
    padding: 40px 10px;
}

.need-more img {
    max-width: 80px;
    margin-bottom: 20px;
}

.need-more .som-btn {
    display: block;
}

.plans-faq {
    padding: 120px 0;
}

.account .plans-faq {
    padding: 60px 0;
}

.plans-faq h4 {
    margin-bottom: 10px;
}

.plans-faq p {
    margin-bottom: 30px;
}

.plans-faq strong {
    display: block;
    font-weight: bold;
}

.plan-types {
    margin-bottom: 10px;
}

/** Bootstrap Tooltips **/
.tooltip.top .tooltip-arrow {
    border-top-color: #549FD7/*--som-blue*/;
}

.tooltip.top .tooltip-inner {
    background-color: #549FD7/*--som-blue*/;
}

@media only screen and (max-width: 767px) {
    .app-icons {
        bottom: -715px;
        left: 105%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .app-icons {
        bottom: -850px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-menus {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
}