﻿body
{
	
    position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color: #F2F2F2;
	FONT: 0.8em/1.5 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img
{
	border:none;
}

H1, H2, H3, H4, H5, H6, P, ADDRESS, BLOCKQUOTE, TABLE, DIV
{	
	padding:0;
	margin:0;
} 

.bodyTextLarger
{
	font-size:100%;
	color:#333333;
}

.tabular td, .tabularwlines td, .breakoutBox td
{
	padding:10px 10px 0 0;
}

#ctl00_cphPageContent_tblMain td, #tblMain td
{
	padding:0 0 10px 10px;
}

.tabularwlines, .tabularwlines td
{
	border:solid 1px #666666;
}

a
{
	color:Black;
}

Legend
{
	font-size:14pt;
	font-weight:200;
	line-height:18pt;
	color:black;	
}

fieldset
{
	padding: 20px;
}

.loginRight fieldset 
{
    padding: 10px 15px 15px 15px;
}

input[type="text"]:focus
{
	outline: none;
	border-color: #000;
	background-color: #FFFE9D;
}

input[type="text"], input[type="password"]
{
	width:200px
}

input[type="text"], input[type="password"], select, TEXTAREA
{
	border-style: solid;
	border-width: 1px;
	border-color: #999 #eee #eee #999;
	background-color: #F8F8F8;
}

input.text:focus
{
	outline: none;
	border-color: #000;
	background-color: #FFFE9D;
}

input.text
{
	border-style: solid;
	border-width: 1px;
	border-color: #999 #eee #eee #999;
	background-color: #F8F8F8;
}


textarea:focus
{
	outline: none;
	border-color: #000;
	background-color: #FFFE9D;
}

textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: #999 #eee #eee #999;
	padding: 4px;
	font-size: 12pt;
	line-height: 12pt;
	background-color: #F8F8F8;
}

.imagePanel
{
	position:relative;
	display:block;
	width:400px;
	vertical-align: top;
}

.imageWrapper, .imgPresenter
{
	position:relative;
}

.imgPresenter
{
    max-width: 400px;
}

.pnlModal
{
	background-color:White;
	padding:20px;
	border:solid 1px #999999;
}

.pnlModal textarea
{
    resize: none;
}

.WCpnlModal textarea
 {
     resize: none;
 }

.sectionFields textarea
{
    resize: none;
}

.modalBackground
{
    filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity: 0.7;
    width: 100%; height: 100%; background-color: #E9FAFF;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalBackground textarea 
{
    resize: none;
}

.accountManagerMainTable, .headerAnyMeeting, .footerAnyMeeting
{
	width:970px;
	margin-left:auto;
	margin-right:auto;
}

.headerAnyMeeting {
    position: relative;
    padding: 10px 0;
    font-size: 12.6px;
}

.footerAnyMeeting, .footerAnyMeeting a
{
	color:#9f9f9f;
	font-size:8.6pt;
}

.footerAnyMeeting p
{
	margin:20px;
}

#divMeetingButton
{
	float:left;
}

#divProfilePic
{
	float:right;
}

#divMeetingList
{
	padding-top:20px;
	
	clear:both;
}

.hidden, .spanImgInvite, .accountManagerTitle, .PageTitle img
{
	display:none;
	margin:0px;
	padding:0px;
}

.contentTabBody
{
	margin:10px;	
}

.dataContent h3, .pnlModal h3
{
	background:#F5F5F5 url(design/cols3-title.gif) no-repeat 20px 40%;
	PADDING-RIGHT: 15px;	
	PADDING-LEFT: 50px;	
	FONT-SIZE: 120%;	
	PADDING-BOTTOM: 12px;	MARGIN: 0px;	PADDING-TOP: 7px;
	border-bottom:solid 1px #DFDFDF;
}
.dataContent
{
	border:solid 1px #dfdfdf;
	margin-top:20px;
	float:left;
	padding-bottom:20px;
	width:100%;
}

.warning
{
	color: #DF0000;
	text-align: left;
	font-family: Arial, Helvetica;
	font-weight: bold;
	border: solid 1px #9ce8ff;
	padding:20px;
	background-color:#e9faff;
	display: block;
}

.bodyText
{
	/*padding-bottom:20px;*/
}

.breakoutBox td
{
	padding-left:20px;
}

#tblUser, #tblMeetingURL, .breakoutBox
{
	margin-top:20px;
}

#ctl00_tblcphPageTitle, #tblcphPageTitle
{ 
	border:solid 1px #ccc;
	margin-top:0px;
	
	-moz-box-shadow: 0px 10px 20px #999;
	-webkit-box-shadow: 0px 10px 20px #999;
	box-shadow: 0px 10px 20px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

.shadow {

}

#ctl00_trPageTitle, #trPageTitle
{
	background:#F5F5F5;
	PADDING-RIGHT: 15px;	
	PADDING-LEFT: 50px;
	PADDING-BOTTOM: 12px;	
	PADDING-TOP: 7px;
	
	FONT-SIZE: 20pt;	
	font-weight: bold;
	
	MARGIN: 0px;	
	
	border-bottom: solid 1px #DFDFDF;
}

#ctl00_cphPageContent_myWizard_tblPreviewRegistrationForm, #ctl00_cphPageContent_myWizard_tblPreviewSurvey
{
	border:solid 1px #DFDFDF;
	margin-bottom: 10px;
}

.PageTitle
{
	/*
	PADDING-RIGHT: 15px;	
	PADDING-LEFT: 50px;	
	*/	
	
	FONT-SIZE: 16pt;	
	font-weight:700;
	MARGIN: 0px;		
}

.FormPageTitle
{
	FONT-SIZE: 12pt;	
	font-weight:700;
	MARGIN: 0px;		
}

.DescriptionContentPaneStyle td
{
	PADDING-BOTTOM: 15px;	
	PADDING-TOP: 15px;	
}

.DescriptionContentPaneStyle
{
	margin-top:10px;
	BACKGROUND: url(design/col.gif) repeat-y 0px 0px;
	POSITION: relative;
	background-color:#e9faff;
	border:solid 1px #9CE8FF;

}

.tdBody
{
	padding:20px;
}


.divInstallLinks
{
	margin:20px 0px;
	font-weight:700
}

/***********ajax tabcontainer**************/
.ajax__myTab .ajax__tab_header, .visoft .ajax__tab_header
{
	font-size: 14px;
	border-bottom: solid 1px #DFDFDF; /*#999999*/
}

.ajax__myTab .ajax__tab_outer, .visoft .ajax__tab_outer
{
	padding-right: 4px;
	height: 26px;
	background-color: #E9FAFF;/*#eeffee;*/
	margin-right: 2px;
	border-right: solid 1px #DFDFDF;/*#666666;*/
	border-top: solid 1px #aaaaaa;
	border-left:solid 1px #DFDFDF;/*#666666;*/
}

.ajax__myTab .ajax__tab_inner, .visoft .ajax__tab_inner
{
	padding-left: 3px;
	background-color: #E9FAFF;/*#eeffee;*/
	
}

.ajax__myTab .ajax__tab_tab, .visoft .ajax__tab_tab
{
	height: 16px;
	padding: 4px;
	margin: 0;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer, .visoft .ajax__tab_hover .ajax__tab_outer
{
	/*border-top:solid 2px #CCDDFF;/*#2A9000;*/
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab {}

.ajax__myTab .ajax__tab_active .ajax__tab_outer, .visoft .ajax__tab_active .ajax__tab_outer
{
	background-color: #fff;
	border-left: solid 1px #DFDFDF; /*#999999;*/
	border-top-width:2px;
	position:relative;
	top:1px;
	color:Black;
	font-weight:700;
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner, .visoft .ajax__tab_active .ajax__tab_inner
{
	background-color:#fff;
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab {}

.ajax__myTab .ajax__tab_body, .visoft .ajax__tab_body
{
	font-size: 10pt;
	border: 1px solid #DFDFDF;/*#999999;*/
	border-top: 0;
	padding: 20px;
	background-color: #ffffff;
	overflow:hidden;
}

/***********ajax tabcontainer end**************/

/* Custom Control AMButton Styles ************************************************/
.AMButton
{
	background: transparent url( '/AccountManager/images/buttons/bg_button_a.gif' ) no-repeat scroll top right;
	color: #000;
	display: block;
	float: left;
	font: 14px arial, sans-serif;
	height: 40px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
}

.AMButton:hover
{
	text-decoration: none;
	color: #000;
	background: transparent url( '/AccountManager/images/buttons/bg_button_a.gif' ) center right;
}

.AMButton span
{
	background: transparent url( '/AccountManager/images/buttons/bg_button_span.gif' ) no-repeat;
	display: block;
	line-height: 32px;
	font-weight: bold;
	padding: 4px 0 4px 18px;
	vertical-align: top;
}

.AMButton:hover span
{
	background: transparent url( '/AccountManager/images/buttons/bg_button_span.gif' ) center left;
}

.AMButton img
{
	vertical-align: middle;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0px;
}


.AMButton:active
{
	background-position: bottom right;
	color: #000;
	text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 1px;
	margin-right: 3px;
}
.AMButton:active span
{
	background-position: bottom left; /* padding: 4px 0px 4px 18px; /* push text down 1px */
}
.AMButton:visited
{
	text-decoration: none;
}
/* End custom AMButton styles ************************************************/

/*Menu Styles *************************************************/
.menuTop
{
	position:absolute;
	top:14px;
	right:20px;
}
.menuAnyMeeting
{
	position:absolute;
	top:62px;
	right:12px;
	margin-left: auto;	
}
.wrpPartnerLogo {
    width: 100%;
    text-align: right;
    padding-top: 10px;
}
.menuAnyMeeting a
{
	text-decoration:none;	
}

.menuAnyMeeting a:hover
{
	background-color: #eeeeee;	
	border-radius: 8px;
}

.staticMenuItem
{
	padding:4px;
}
/*End Menu Styles *************************************************/

.panel
{
	margin:20px;
	font-size: 120%;
}

.panel .labelClr
{
	margin-top:10px;
	font-size:100%;
	font-weight:700;
}

.panel .fieldClr
{
	font-size:100%;	
}

.panel .fieldDesc
{
	font-size: 75%;
	color: #999999;
}

#passwordValidators {
    min-height: 20px;
}

#passwordValidators .validateClr {
    color: #ef4e4e;
    font-size: 12px;
}

.validateClr
{	
	display: inline;
	color: #990000;	
	font-weight:500;
}

.validateClr span
{
	border: 1px solid #cc0000;
	background-color:#ffeeee;
	color: #990000;		
	padding: 2px;
	font-size: 80%;
}

#signUpInfo
{
	width: 200px;
	height: 375px;
	border-right: 1px solid #ddd;
	background-color: #fefefe;
	color: #333;
	float: left;
	margin-right: 20px;
	padding: 20px;
	font-size: 80%;
}

#signUpInfo li
{
	margin-left: -20px;
}

.regNavMenu
{
	margin-bottom:0px;
	border-bottom-color:#DFDFDF;
}

/******************** ERROR Messages / Warning Messages *******************/

.warning
{
	font-size: 13px; /*color: #990000;*/
	color: #990000;
	text-align: left;
	font-family: Arial, Helvetica;
	font-weight: bold; /*border: solid 1px #660000;*/
	border: solid 2px #f07e82;
	padding: 16px;
	padding-left: 16px;
	margin: 16px; /*background-color: #ffffaa;*/
	background-color: #ffecf2;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
}

.warningLargeText
{
	color: #990000;
	font-size: 13px; 
	text-align: left;
	font-family: Arial, Helvetica;
	font-weight: bold; 
}
.warningSmallText
{
	color: #990000;
	font-size: 11px; 
	text-align: left;
	font-family: Arial, Helvetica;
	font-weight: bold; 
}

.analyticsLarge
{
	font-size: 18pt;
	font-weight: normal;	
}

.analyticsLabel
{
	width: 150px;
	display: inline-block;
}


.analyticsMed
{
	font-size: 14pt;
	font-weight: bold;	
}

.analyticsSmall
{
	font-size: 12pt;
	font-weight: normal;	
}

.meetingItem
{
	border: 1px solid #DFDFDF;
}

.meetingTitle
{
	background-color: #f5f5f5;
	font-size: 16pt;
}

.spacerCell
{
	width: 50px;
}



.breakoutBoxHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7386A5;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ccc;
	height: 40px;
    line-height: 40px;
	vertical-align: middle;
	padding-left: 10px;
}



.breakoutBoxTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #485771;
	background-color: #D6DBE4;
	border-width: 1px;
	border-style: solid;
	border-color: #7386A5;
}

.breakoutBoxFooter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-color: #eeeeee; /*border-top: solid 1px #cccccc;*/
	height: 40px;
}

.bodyTextSmaller
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636563;
}

#divNewsDetails a, #divNewsDetails a:link
{
    color: #333;
}

#divNewsDetails
{
    margin-left: 50px;
}  


.tooltip {
	display:none;
	background-color: #333;
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background-color: #333;
	padding-top:40px;
	height:55px;
}

.loginLeft {
    width: 450 px; float: left; clear:none;
}
.loginRight {
    width: 450 px; float: right; clear:none;
}

.popupEmailList {
    width: 415px;
    height: 325px;
    overflow-x: hidden;
    overflow-y: auto;
}


.cancelLink {
    float:right; 
    vertical-align:top; 
    display:block; 
    height: 32px; 
    margin: 4px 4px 4px 0;
}

.cancelLinkLeft {
    float:left; 
    vertical-align:top; 
    display:block; 
    height: 32px; 
    margin: 10px 4px 4px 0;
}

.linkDialog .buttons{
    position: absolute;
    bottom: 0px;
}

.linkDialog .buttons .ld-spacer
{
    display:inline-block;
    width:120px;
}

.linkDialog .buttons .ld-left{
    display:inline-block; 
    text-align:left;
}

.linkDialog .buttons .ld-right{
    display:inline-block; 
    text-align:right;
}


/* jquery ui overrides */
.ui-widget-overlay {
    background: url("images/ui-bg_flat_0_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    opacity: 0.6;
}
/* end jquery ui overrides */

.googleLoginButton 
{
    background: transparent url('google_login.png') no-repeat scroll top right;
    display: block;
    /*float: left;*/
    height: 47px;
    width: 180px;
    margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
	padding: 0px 0px 0px 3px;
}

.googleLoginButton:hover 
{
    background: transparent url('google_login_hover.png') no-repeat scroll top right;
}

.googleLoginButton:active
{
    background: transparent url('google_login_down.png') no-repeat scroll top right;
}

.googleAppsLoginButton
{
    background: transparent url('google_apps_login.png') no-repeat scroll top right;
    display: block;
    height: 47px;
    width: 215px;
    margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
	padding: 0px 0px 0px 3px;    
}

.googleAppsLoginButton:hover
{
    background: transparent url('google_apps_login_hover.png') no-repeat scroll top right;
}

.googleAppsLoginButton:active
{
    background: transparent url('google_apps_login_down.png') no-repeat scroll top right;
}

.loadingIcon
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -180px;
}

.emailWaterMark  {
    position: absolute; 
    margin-top: 2px; 
    margin-left: 3px;
    color: #b0b0b0; 
}

.ChildMeetingsHeader { font-weight: bold; cursor: pointer; width: 100%; background-color: #EEE;  }
.ChildMeetingsHeader div { padding: 5px; }
.ChildMeetingsContainer { width: 100%; display: none; }
.ChildMeetingsInnerContainer { overflow: auto; max-height: 150px; }
.ChildMeetings { }
.ChildMeetings th { background-color: #F5F5F5; padding: 5px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.ChildMeetings td { padding: 5px; }
.ChildMeetings tr:nth-child(odd) { background-color: #F5F5F5; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.PremiumAdUnitClose { position: relative; z-index: 1000;}

#wprLogo {vertical-align: middle}


/* borrowing bootstrap nav */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0098DB;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-pills > .active > a > .badge {
  color: #0098DB;
  background-color: #ffffff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0098DB;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
/* END borrowing bootstrap nav */

.ajaxCollapsePanelIndicatorImage
{
    float: right;
}

#divNoCCFreeTrialReminder {
    display: none;
}

.icon-text {
    font-family: 'dinot-webfont', 'Helvetica-Neue', Helvetica, sans-serif;
    font-weight: 500;
    padding-left: 2px;
}

.copy-meeting-info-btn {
    float: right;
    top: -15px;
    position: relative;
    max-width: 10%;
}

.meeting-info-table {
    max-width: 90%;
}