/**/
html, body { font-size: 12px; }
body { background-color: #F9F9F9; overflow-x: hidden; line-height: normal; font-family: "Open Sans", arial, sans-serif; }
body, h1, h2, h3, h4, h5, h6 { color: #3E3E3E; }
h1 { font-size: 2em; }
h2 { font-size: 1.25em; }
.off-canvas-wrap { overflow: hidden; word-break: break-word; }

/**/
b, label, select, input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='month']:focus, input[type='week']:focus, input[type='email']:focus, input[type='number']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, textarea:focus, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-size: 1rem; } 

/**/
.move-right .inner-wrap .exit-off-canvas { background: rgba(0,0,0,.3); }

/**/
.header { background-color: #F1F1F1; position: relative; }
.header .header_outter { max-width: 960px; margin: 0 auto; position: relative; height: 70px; }
.header .top-header { height: 50px; position: absolute; top: 13%; }
.header .logo, .header .medley { display: inline-block; }
.header .logo { float: left; width: auto; }
.header .logo img { max-height: 40px; }
.header .medley { float: left; margin: 21px 0 0 10px; }
.header .sites_medley { margin-top: 23px; }
.header .sites_medley01 { margin-top: 25px; }
.header .sites_medley02 { margin-top: 27px; }
.header .medley span { text-transform: lowercase; display: block; float: left; margin: 14px 3px 0 0; font-size: 9px; color: #666; }
.header .medley #medley_logo { text-indent: -9999px; background: url(https://secureimage.securedataimages.com/images/common/affiliates/v1/medley_logo.png) no-repeat; width: 54px; margin: 3px 0 0 0; height: 27px; }
.header .affiliates { color: #f00; display: block; font-size: 1.2em; font-style: italic; font-weight: bold; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; }
.header .links { right: 0; }
.header .old_link { position: absolute; right: 0; bottom: 0; display: none; }

.tab-bar, .top-bar { background-color: transparent; }
.tab-bar .menu-icon { background-color: #CFCFCF; border-radius: 4px; }
.tab-bar .menu-icon span, .tab-bar .menu-icon:hover span { width: 1.5rem;  top: 30%; left: 50%; margin-left: -9px; box-shadow: 0 0 0 1px #FAFAFA, 0 7px 0 1px #FAFAFA, 0 14px 0 1px #FAFAFA; }
#navbar_mobile { position: relative; margin-right: 10px; top: 10px; }
#navbar_login.show-for-small { display: none !important; }
#navbar_login.hide-for-small { display: block !important; }
.navbar { background-color: #CFCFCF; border-width: 1px 0 1px 0; border-style: solid; border-color: #ccc; }
.top-bar-section ul li>a, button.tiny, .button.tiny { font-size: 1rem; }
.top-bar-section ul li > a { color: #FAFAFA; font-weight: bold; }
.top-bar-section ul li.selected > a { color: #FFFFFF; }
.top-bar-section ul li:hover:not(.has-form) > a { color: #606060; }
.top-bar-section li:not(.has-form) a:not(.button) { background-color: transparent; }
.top-bar-section li:not(.has-form) a:hover:not(.button) { background-color: #F1F1F1; }
.top-bar-section li.selected:not(.has-form) a:not(.button) { background-color: #333; }
.top-bar-section li.selected:not(.has-form) a:hover:not(.button) { background-color: #F1F1F1; }

/**/
.navbar { background-color: #FFFFFF; border-width: 1px 0 1px 0; border-style: solid; border-color: #ccc; }
.navbar .wrapper { height:45px; line-height:45px; overflow:visible; }
.navbar ul { list-style:none; margin:0; display:inline; }
.navbar ul li { float:left; position:relative; } 
.navbar ul li.selected { background:#333; }
.navbar ul li.selected a { color:#FFF; } 
.navbar ul li a { line-height:45px; padding:0 15px; color:#606060; text-decoration:none; font-weight:bold; display:block; }
.navbar ul li:hover, .navbar ul li.selected:hover { background-color:#F1F1F1; color:#606060; }
.navbar ul li.selected:hover a { color:#606060; }
.navbar ul li:hover ul { display: block; }
.navbar ul li ul { display:none; position:absolute; top:45px; left:0; margin:0; padding:0; list-style:none; background:#FFF; z-index:998; border-top:1px solid #CCC; width:200px; -webkit-box-shadow: 0px 4px 6px 0px rgba(196,196,196,1); -moz-box-shadow: 0px 4px 6px 0px rgba(196,196,196,1); box-shadow: 0px 4px 6px 0px rgba(196,196,196,1); xborder: 1px solid #c4c4c4; }
.navbar ul li ul:hover { display:block; }
.navbar ul li ul li { float:none; }
.navbar ul li ul li a, .navbar ul li.selected ul li a, .navbar ul li.selected:hover ul li a { color:#999; font-weight:normal; }

/**/
.main-section { padding: 0.6em; background-color: #F9F9F9; min-height: 610px; }
.main-section .titles-line { margin: 0 0 0.25em 0; padding-bottom: 0.25em; border-bottom: 1px solid #E5E5E5; }
.add_height { padding: 0.6em 8px 120px; }

/**/
.alert, .secondary, .button { padding: 0 24px; font-weight: bold; margin-bottom: 0; }
.alert, .blue_btn { height: 40px; line-height: 40px; }
.secondary { border: 1px solid #CCC; }

label { cursor: default; }
select:focus { outline: 0; }
.row { max-width: 960px; }
.content-col { margin: 3em auto 0; }
.bold_text { font-weight: bold; }
.centered_text { text-align: center; }
.error input, .error select { border: 1px solid #F04124; }
.error textarea { border: 1px solid #F04124;}

/**/
.footer { padding: 1em 0; background-color: #333; color: #7B7B7B; }
.footer ul li, .footer .copyright { font-size: 12px; }
.footer .copyright { color: #7B7B7B;; }
.footer_links li a { color: #7B7B7B; }
.footer_links { margin: 0; padding: 0; list-style: none; }
.footer .admin { color: #F00; font-size: 14px; font-weight: bold; }
.footer .affiliate_lang_option { padding: 12px 7px; }
.footer .lang-dropdown li { padding: 0.5rem; cursor: pointer; color: #555; }
.footer .lang-arrow { margin-left: 3px; }
.footer .ssl_certificate { margin: 2em 0; }
.footer .f-dropdown { top: -342px; }

/**/
[class^="medium"] .column_box_bg { height: 147px; text-align: center; }
[class^="medium"] .column_box_bg:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; margin-left: -5px; }
[class^="medium"] .column_box_bg .align-wrapper { vertical-align: middle; display: inline-block; }

/**/
@media all and (max-width: 980px) {
  .header { padding-left: 0.6em; }
  .header .logo, .header .medley { vertical-align: middle; position: relative; top: 3px; }
  .header .medley { width: auto; }
  .header .medley span { float: none; margin: 0 0 2px; }
  .header .medley #medley_logo { background: url(https://secureimage.securedataimages.com/images/common/affiliates/v1/medley_logo_small.png) no-repeat; }
  .header .top-header .nav_login, #navbar { display: none !important; }
  #navbar_mobile { display: block !important; }
}
/**/
@media all and (max-width: 640px) {
  .add_height { min-height: initial; padding: 0.6em 8px 60px; }
  .footer .row .medium-4, .footer .row .medium-5, .footer .row .medium-3 { width: 100%; padding: 1rem 0.9375rem; }
  .footer .row .medium-5 { border-top: 1px solid #444444; border-bottom: 1px solid #444444; min-height: initial; }
  .footer .row .medium-3 { float: left; margin-top: 4px; }
}
@media all and (min-width: 401px) and (max-width: 480px) {
  .header .logo { width: 200px; margin: 0; top: 13px; }
  .header .sites_logo { width: auto; top: 0; }
  .header .sites_logo01 { top: 7px; }
  .header .affiliates { font-size: 1em; }
  .header .medley { margin-left: 5px; top: 0; }
  #navbar_mobile { margin-right: 10px; }
}
@media all and (min-width: 320px) and (max-width: 400px) {
  .header .logo { width: 150px; top: 11px; }
  .header .affiliates { font-size: 0.6em; }
  .header .medley { margin: 10px 0 0 5px; }
}