@charset "utf-8"; 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

html, body {height:100%;}
body {font:14px "Lato", Arial, sans-serif; color:#313131; background:#4a5a5e none repeat scroll 0 0; -webkit-text-size-adjust:none;}
a {color:#2D87BE; text-decoration:none;} a:hover {color:#3292B6}
input, select, textarea {font:14px "Lato", Arial, sans-serif;}
input[type="submit"], input[type="reset"], input[type="button"], button, label {cursor:pointer}
textarea {overflow:auto}
a:active {outline: 0;} *:focus {outline: none;}
strong, b { font-weight: bold; }
em {font-style:italic !important}
p {line-height:150%}

#container {
   min-height:100%;
   position:relative;
   float:left; width:100%;
}

#body {
   padding-bottom:100px;   /* Height of the footer */
   float:left; width:100%;
}
#footer {
   position:absolute;
   bottom:0;
   float:left; width:100%; font-size:0.857em;
   background:#313131; height:100px; color:#989898;   /* Height of the footer */
}

#header {float:left; width:100%; height:139px; }
.wrapper {width:1050px; margin:0 auto}

#logo {float:left;width:100%;}
#logo a {display:block;width:160px; height:160px; background:url(https://www.liveworld.com/wp-content/themes/liveworld/assets/images/liveworld-horizontal-reverse.png) no-repeat center; text-indent:-9999px; margin:10px auto; background-size:contain;}

#content {float:left; width:100%; padding:40px 0}
#content .wrapper {width:760px;}

#footer-logo {float:left; margin:0 246px 0 0;}
#footer-logo a {display:block; float:left; width:210px; height:75px; margin-top:25px;background:url(https://www.liveworld.com/wp-content/uploads/2021/08/cropped-LOGO-LW@2x.png) no-repeat 0 0;background-size:contain; text-indent:-9999px}
#footer-copyright {font-size:13px; margin:30px 0 0 0; float:left;}
#footer-social {float:right}
#footer-social li {float:left; margin:22px 0 0 12px;}
#footer-social a {display:block; opacity:0.8; float:left; width:33px; height:33px; text-indent:-9999px; background:url(images/social-icons.png) no-repeat 0 -9999px;}
#footer-social a.twitter {background:url(https://www.liveworld.com/wp-content/uploads/2023/09/Icon_X.png) no-repeat center; background-size: contain;}
#footer-social a.facebook {background:url(https://www.liveworld.com/wp-content/themes/liveworld/img/Icon_Fb.png) no-repeat center; background-size: contain;}
#footer-social a.linkedin {background:url(https://www.liveworld.com/wp-content/themes/liveworld/img//Icon_Lk.png) no-repeat center; background-size: contain;}
#footer-social a.instagram {background:url(https://www.liveworld.com/wp-content/themes/liveworld/img//Icon_Ig.png) no-repeat center; background-size: contain;}
#footer-social a:hover {opacity:1}

.content-box {float:left; width:760px; background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px 0px #A4A4A4;
	box-shadow: 0px 4px 5px 0px #A4A4A4; 
}
.content-box:hover {
	-webkit-box-shadow: 0px 4px 10px 0px #A4A4A4;
	box-shadow: 0px 4px 10px 0px #A4A4A4; 
}
.content-box-heading {float:left; width:100%; padding:24px 0; background:#374447;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	line-height:120%;
}
.content-box-heading.us-flag {background:#374447 url(images/us-flag.png) no-repeat 680px center}
.content-box-heading h2 {font-weight:bold; font-size:24px; text-transform:uppercase; text-align:center; padding:0 20px;color:#fff;}
.content-box-content {float:left; width:760px;}

.info-text {float:left; width:100%; padding:25px 0; border-bottom:solid 1px #ADADAD; text-align:center;}
.success-text {float:left; width:100%; padding:25px 0; font-size:18px;}
.success-text p {margin:20px 0 0 0; padding:0 25px;}
.success-text p:first-child {margin:0; font-weight:bold; font-size:22px;}

.required_key {display:block; float:left; color:#F14545; font-weight:bold; margin:0 0 0 5px;}
label + .required_key {position:relative; margin:0 0 0 -10px;}

.content-box table {padding:5px; clear:both;}
.content-box table .valigntop {vertical-align:top}
.content-box table label.global {font-weight:bold; text-align:right; display:block; float:right; line-height:120%;}

.content-box table p {margin:0 0 10px 0}
.content-box table .greytable {background:#EDEDED;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.content-box table .greytable strong {line-height:140%}

.content-box table .greytable input[type='text'], .content-box table .greytable select, .content-box table .greytable textarea {background:#fff}
.content-box table .greytable input[type='radio'], .content-box table .greytable input[type='checkbox'] {float:none; margin:0;}
.content-box table .greytable .required_key {float:none; display:inline;}

.content-box table input[type='radio'], .content-box table .yesno input[type='radio'] {float:left; margin:2px 5px 0 0}
.content-box table input[type='radio']:first-child, .content-box table .yesno input[type='radio']:first-child {margin-left:0}
.content-box table input[type='radio'] + label, .content-box table .yesno input[type='radio'] + label {display:block; float:left; margin:0 15px 0 0;}

.content-box table input[type='checkbox'] {float:left; margin:2px 5px 0 0}
.content-box table input[type='checkbox']:first-child {margin-left:0}
.content-box table input[type='checkbox'] + label {display:block; float:left; margin:0 15px 0 0;}

.checkboxes-vertical p {float:left; width:100%;}

.content-box table input[type='text'] {float:left; background:#EDEDED; padding:10px 15px; width:240px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 5px;
}
.content-box table input[type='text']:hover, .content-box table select:hover, .content-box table textarea:hover {
	-webkit-box-shadow: 0px 0 5px 0px #A4A4A4;
	box-shadow: 0px 0 5px 0px #A4A4A4; 	
}
.content-box table input[type='text']:focus, .content-box table select:focus, .content-box table textarea:focus {
	-webkit-box-shadow: 0px 0 8px 0px #A4A4A4;
	box-shadow: 0px 0 8px 0px #A4A4A4; 	
}

.content-box table select {float:left; background:#EDEDED; border:solid 1px #EDEDED; padding:9px 14px; width:270px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 5px;
}

.content-box table textarea {float:left; background:#EDEDED; padding:10px 15px; width:340px; padding:10px; max-width:480px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
}

.content-box table textarea + textarea {margin:10px 0 0 0}

.content-box table span.label {display:block; float:left; padding:11px 10px 0 10px;}
.content-box table span.label:first-child {padding-left:0}

.content-box .section-title {float:left; width:100%; position:relative;}
.content-box .section-title h3 {font-weight:bold; font-size:20px; text-transform:uppercase; position:absolute; left:-200px; top:20px; text-align:right; width:180px;color:#fff;}

.content-box-submit {float:left; width:760px; text-align:center; padding:24px 0; background: #e3e3e3 none repeat scroll 0 0;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.content-box-submit input[type='submit'] {    background: #f79420 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 70px !important;
    text-transform: uppercase;
}
.content-box-submit input[type='submit']:hover {background:#dd7f11;}

#error-content {position:absolute; top:10px; right:10px; background:red; padding:10px; color:#fff; z-index:9999; width:300px; font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#error-content li {margin:0 0 5px 0;}
#error-content li:last-child {margin:0}





/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #FD2F0A;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	box-shadow: 0 0 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
	display:none;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	box-shadow: 0 2px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.6);
	font-size: 0px;
	height: 1px;
	background: #FD2F0A;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 0 solid #ddd;
	border-right: 0 solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: none;
}