@charset "UTF-8";
/*****************************************************/
/*        Template Styles  - EDIT WITH CAUTION -     */
/*****************************************************/
@font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('../fonts/helveticaneueltstd-bd.eot');
    src: url('../fonts/helveticaneueltstd-bd.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStd55Roman';
    src: url('../fonts/helveticaneueltstd-roman.eot');
    src: url('../fonts/helveticaneueltstd-roman.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-roman.woff') format('woff'),
         url('../fonts/helveticaneueltstd-roman.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-roman.svg#HelveticaNeueLTStd55Roman') format('svg');
}

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/frutiger-lt-45-light-1361546693.eot');
    src: url('../fonts/frutiger-lt-45-light-1361546693.eot') format('embedded-opentype'),
         url('../fonts/frutiger-lt-45-light-1361546693.woff') format('woff'),
         url('../fonts/frutiger-lt-45-light-1361546693.ttf') format('truetype'),
         url('../fonts/frutiger-lt-45-light-1361546693.svg#FrutigerLT45LightRegular') format('svg');
}

.Frutiger { font-family: 'Frutiger'; }

@font-face {
    font-family: 'FrutigerBold';
    src: url('../fonts/frutigerltstd-bold.eot');
    src: url('../fonts/frutigerltstd-bold.eot') format('embedded-opentype'),
         url('../fonts/frutigerltstd-bold.woff') format('woff'),
         url('../fonts/frutigerltstd-bold.ttf') format('truetype'),
         url('../fonts/frutigerltstd-bold.svg#FrutigerLTStd65Bold') format('svg');
}

.FrutigerBold { font-family: 'FrutigerBold'; }



body {
	margin: 0;
	padding: 0;
	font-family: Frutiger, arial, helvetica, sans-sarif;
}
.link:hover {
	text-decoration: underline;
	cursor: pointer;
}
.main_container {
	float: left;
	width: 100%;
	padding: 6px 0;
	padding-bottom: 26px;
}
.main_container.bottom-border {
	/* border-bottom: 1px solid #eee; */
}
.main_container:hover {
	/* background-color: #EEE; */
}
.center_content {
	width: 880px;
	margin: 0 auto;
	padding:20px 40px 0 40px;
	position:relative;
}
.section_title {
	float: left;
	color: #d96d1c;
	font-size: 28px;
	font-weight: bold;
	width: 100%;
}
.section_subtitle {
	float: left;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}
.section_extratitle {
	float: left;
	color: #58595b;
	font-size: 20px;
	width: 100%;
}
#register .register_form_holder {
	float: left;
	margin-top: 20px;
	width: 100%;
}
#register .register_form_holder .register_input_container {
	float: left;
	width: 50%;
	height:36px;
	margin-bottom: 20px;
}
#register .register_form_holder .register_input_container input {
	float: left;
	width: 90%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 14px;
}
#register .register_form_holder .register_input_container select {
	float: left;
	width: 90%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 14px;
}
#register .register_agreement {
	float: left;
	width: 100%;
}
#register .register_agreement .agreement_check {
	float: left;
}
#register .register_agreement .agreement_text {
	float: left;
	margin-left: 6px;
}
#register .register_agreement .agreement_text .register_tandc {
	float: left;
}
#register .register_button_container {
	float: left;
	width: 100%;
}
.button {
	float: left;
	padding: 0 40px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	border-radius: 5px;
	color: #fff;
}
.button { cursor: pointer; }
.button:hover, button.hover {
	cursor: pointer;
}
.popup_terms_cond {
	padding: 30px;
	text-decoration: none;
	font-size: 16px;
	position: fixed;
	top: 5%;
	width: 788px;
	left: 50%;
	margin-left: -430px;
	display: none;
	z-index: 1000;
	background: #fff;
	color: #000;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.5);
}
span.close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	height: 30px;
	width: 30px;
	background: url(../images/close.png) 0 0 no-repeat;
	cursor: pointer;
	z-index: 5000;
}
.section_loading {
	display: none;
	text-align: center;
	padding: 50px 0;
	font-size: 14px;
	color: #666;
}
.section_loading img {
	margin-bottom: 8px;
}
input.error, select.error {
	box-shadow: inset 0 0 9px -2px #F00 !important;
	border: 2px inset #F00 !important;
}
#noty_top_layout_container {
	opacity: 0.85;
}
#registerConfirmation {
	float: left;
	margin-top: 20px;
	color: #58595b;
}
#registerConfirmation .full_row {
	float: left;
	width: 100%;
	padding: 4px 0;
	position: relative;
}
.bold {
	font-weight: Bold;
}
.topMargin10 {
	margin-top: 10px;
}
#legal {
	float: left;
	font-size: 11px;
	margin: 50px 0 50px 0;
}
#footer {
	float: left;
	width: 100%;
}

.banner_logo {
	
	position:absolute;
	
}
/**** Meeting Styles**/
.meetingContainer {
	width: 320px;
	float: left;
}
.meetingContainer input {
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 1px 3px 1px rgba(123, 123, 123, 0.4);
	box-shadow: inset 0px 1px 3px 1px rgba(123, 123, 123, 0.4);
}
.meetingTitle {
	float: left;
	width: 100%;
}
.meetingText {
	float: left;
	color: #d96d1c;
	font-weight: bold;
	font-size: 36px;
}
.meetingCard {
	float: right;
}
.meetingPreInfo {
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: justify;
}
.meetingAvailableText {
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}
.liveRowShare {
	float: left;
}
#chat.liveRowShare {
	margin-right: 30px;
}
#meeting.liveRowShare {
}
.meetingRow {
	float: left;
	width: 100%;
	margin-top: 16px;
	line-height: 20px;
}
.dateLabel {
	float: left;
	font-size: 14px;
}
.dateInput {
	float: left;
	margin-left: 4px;
	height: 20px;
	width: 80px;
}
.dateInput input {
	height: 100%;
	width: 100%;
	text-indent: 4px;
}
.timeLabel {
	float: left;
	font-size: 14px;
	margin-left: 12px;
}
.timeSelect {
	float: left;
	margin-left: 4px;
	height: 20px;
	width: 80px;
}
.timeSelect select {
	height: 100%;
	width: 100%;
}
.timeZoneSelect {
	float: left;
	margin-left: 4px;
	height: 20px;
	width: 60px;
}
.timeZoneSelect select {
	height: 100%;
	width: 100%;
}
.meetLabel {
	float: left;
	font-size: 14px;
	width: 70px;
	text-align: left;
	padding-right: 10px;
}
.selectLabel {
	
}
.meetInput {
	float: left;
	margin-left: 4px;
	height: 22px;
	width: 236px;
}
.meetInput input {
	height: 100%;
	width: 100%;
	float: right;
	text-indent: 4px;
	line-height: 22px;
}
.meetSelect {
	float: left;
	height: 22px;
	width: 240px;
}
.meetSelect select {
	float: left;
	margin-left: 4px;
	width: 230px;
	height: 24px;
}
.notuser {
	font-size: 14px;
}
.notuser .clearMeeting {
	font-weight: bold;
}
.notuser .clearMeeting:hover {
	text-decoration: underline;
	cursor: pointer;
}
#chatmeet .register_agreement {
	float: left;
	width: 100%;
	font-size: 14px;
}
#chatmeet .register_agreement .agreement_check {
	float: left;
}
#chatmeet .register_agreement .agreement_text {
	float: left;
	margin-left: 6px;
}
#chatmeet .register_agreement .agreement_text .register_tandc {
	float: left;
}
#chatmeet .register_button_container {
	float: left;
	width: 100%;
}
.meetingContainer .button {
	margin-top: 4px;
}
#video {
	position: relative;
	font-size: 22px;
}
#video .hidevideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.9;
	color: #fff;
	text-align: center;
}
#video .hidevideo .earlynote {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 200px;
}
/* Date picker size */
div.ui-datepicker {
	font-size: 14px;
}
/***  placeholder style **/
.placeholder {
	color: #d0d0d0;
}
::-webkit-input-placeholder {
color: #d0d0d0;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #d0d0d0;
}
/** Register signup **/
.lightbox {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.9;
	z-index: 1000;
	display:none;
}
.gate_container {
	position: fixed;
	width: 500px;
	left: 50%;
	top: 20%;
	margin-left: -260px;
	background: #fff;
	color: #f00;
	border-radius: 5px;
	padding: 20px;
	z-index: 1001;
	box-shadow: inset 1px 1px 25px #999;
	margin-bottom: 4px;
}
.gatetitle {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
}
.gatesubtitle {
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 20px;
}
.gate_row {
	float: left;
	width: 100%;
	margin: 4px 0;
}
.gate_label {
	float: left;
	width: 120px;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
}
.gate_input {
	float: left;
	width: 368px;
	padding-left: 10px;
	line-height: 24px;
}
.gate_input input {
	height: 24px;
	line-height: 24px;
	width: 300px;
	padding: 0 10px;
	font-size: 14px;
/** pin/email gateway **/ }
.pinemail {
	width: 464px !important;
	margin: 10px 0 0 0;
	height: 30px !important;
	line-height: 30px !important;
}
#pinemail {
	margin-left: 60px;
	margin-top: 10px;
}
.pintitle {
	font-size: 14px;
	margin-top: 14px;
	float: left;
}
.register_button_container.signup {
	margin-left: 128px;
}
/** start custom select **/

.customSelect {
	/* This is the default class that is used */
/* Put whatever custom styles you want here */
	border: #999 solid 1px;
	line-height: 32px;
	padding: 0 10px;
	background: url(../images/select-arrow.png) #fff no-repeat 390px;
}
.customSelect.regstyle {
	width: 394px;
	height: 32px;
}

.customSelect.error {
box-shadow: inset 0 0 9px -2px #F00 !important;
border: 2px inset #F00 !important;
}

.customSelect.timestyle_small, .tzstyle_small {
	font-size:14px;
	height: 20px;
	line-height:20px !important;
	padding:0 !important;
	text-align:center;
}

.customSelect.meetingstyle_small {
	width: 228px;
	height: 22px;
	color:#000;
	font-size:12px;
	line-height:22px !important;
	padding:0 5px !important;
}

	
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelect.customSelectDisabledOption {
/* Styles for when the selected item is a disabled one */
}
.customSelect.customSelectDisabled {
/* Styles for when the select box itself is disabled */
}
.customSelectInner {
/* You can style the inner box too */
}
/** end custom select **/

/** large meeting **/

.largeMeeting {
	width: 100%;
}
.largeMeeting .meetingRow {
	width: 50%;
	height:52px;
}
.largeMeeting .bigwidth {
	height:30px;
}
.largeMeeting .meetingRow .dateLabel {
	line-height:22px;
}
.largeMeeting .meetingRow .customSelect.meetingstyle_small {
	width:388px;
	height:30px;
	background: url("../images/select-arrow.png") no-repeat scroll 370px center rgb(255, 255, 255);
	line-height:30px !important;
}
.largeMeeting .meetingRow .customSelect.timestyle_small, .largeMeeting .meetingRow .customSelect.tzstyle_small{
	line-height:24px !important;
}
.largeMeeting .bigwidth {
	clear:both;
}
.largeMeeting .meetLabel {
	width:100%;
}
.largeMeeting .meetInput {
	width: 90%;
	height: 30%;
}
.largeMeeting .meetInput input {
	line-height: 30px;
	text-indent: 10px;
	height:30px;
}
.largeMeeting .meetInput input.error {
	border: 1px inset #F00 !important;
}
.largeMeeting .meetingCard {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

.largeMeeting .meetingAvailableText{
	margin-top:30px;
}

.largeMeeting .dateRow {
	height:30px;
}

.largeMeeting .meetingContainer {
	width:100%;
}

.largeMeeting .meetingTopDesc{
	width:100%;
}
.largeMeeting .fullRow{
	clear:both;
	width:100%;
	height:auto;
}

.largeMeeting .agreement_text{
	width:700px !important;
}

.largeMeeting #PhoneMeeting {
	margin-left:0;
}
.largeMeeting textarea {
	width: 394px !important;
	height: 178px;
}


/** end large meeting ** /



/*****************************************************/
/*           Add Custom Styles Below here            */
/*****************************************************/
                                     

a {
	color: #0068b3;
}
.orange {
	color: #ff8400;
}
.section_title, .top_title {
	color: #0086bb;
	font-family: HelveticaNeueLTStd75Bold;
	font-weight:bold;
	font-size:26px;
}
.lightgray {
	color: #7d7d7d;
}
.meetingText {
	color: #02344e;
}

.register_input_container input { border: #999 solid 1px; box-shadow:none; border-radius:0; }

/*@media only screen 
and (max-width : 640px) {
	#header { display:none; }
	

}*/

.main_area { width:960px; margin:0 auto; }

.middle_border {
width: 100%;
float: left;
background: #ccc;
height: 1px;
line-height: 1px;
margin-top:40px;
}

.section_extratitle { font-size:16px; }

.lightgray {
	color: #494848;
}
.section_border {
	width:100%; float:left; margin-top:50px; margin-bottom:10px; height:1px; background:#ccc;
}

.button {
    border-radius: 0px;
   /* line-height: 38px;*/
    font-size: 22px;
    /*box-shadow: 3px 3px 3px rgb(153, 153, 153);*/
	padding:4px 30px;
	/*font-family: HelveticaNeueLTStd75Bold;*/
	font-weight:bold;
	border-bottom: #0176a4 6px solid;
}

.not_windows .button {
   /* line-height: 38px; */
}

#meeting .button{
	-webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 17px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 17px 0px rgba(50, 50, 50, 0.75);
}



.menu_links { 
color:#fff;
text-decoration:none;

}

#company_copyright img {
margin-right: 4px;
float: left;
}
#company_copyright {
	margin:10px 0;
	font-size:12px;
	float:left;
}
.copy_txt {
float: left;
margin-left: 10px;
margin-top: 2px;
}
/*
.menu_links:hover {
	text-shadow:3px 3px 3px #333;
}

*/


.register_input_container label {
    float: left;
    margin-bottom: 4px;
}
label {
    color: rgb(88, 89, 91);
}
#register .register_form_holder .register_input_container {
    float: left;
    width: 50%;
    height: 56px;
    margin-bottom: 10px;
}

#meeting {
	background: #315613;
color: #fff;
padding: 6px 20px 20px 20px;
margin-top:10px;

}
.meetingTop {
	margin-top:10px;
float:left;	

}
.meetingTopTitle{
	float: left;
font-size: 24px;
font-weight: bold;
color: #0086bb;
}
.meetingTopDesc{
	float:left;
	font-size:14px;
	color:#58595b;
	margin-top:6px;
	text-align:justify;
	width:360px;
}
#meeting .timeSelect, #meeting .timeZoneSelect {
	color:#000;
}
#meeting .link {
	color:#fff;
}
#chat.liveRowShare {
	margin: 10px;
}
strong {
	font-family: FrutigerBold !important;
	font-weight:normal !important;
}
.banner_repsonse {
	display:none;
	width:100%;
}
.toprsvp{
	float:left; 
	width:100%; 
	font-size:17px; 
	color:#000; 
	margin-top:0px; 
	margin-bottom:10px;
}

.regmovebg{
	/*background-color: #70ae3e;*/
	clear: both;
	width:100%;
}

.regborder{
	display:none;
}

@media only screen and (max-width: 950px) {
	
	#video iframe, #chatmeet iframe, #chatmeet .liveRowShare{
		width:100%;
	}
	
}

@media only screen and (max-width: 934px) {
    .center_content {
		width: 90%;
		padding: 20px 40px 0 40px;
	}
	#header {
		background:none !important;
		height: auto !important;
	}
	#header .center_content {
		padding:0 !important;
	}
	.banner_repsonse {
	display:block;
	}
	.fullwidth {
		width:100% !important;
	}
}
@media only screen and (max-width: 600px) {
	#register .register_form_holder .register_input_container {
		width: 90%;
	}
	.center_content {
		padding:0 !important;
	}
}

@media only screen and (max-width: 334px) {
.button
{
width: 80%;
text-align: center;
padding: 10px 0 !important;
}