@CHARSET "UTF-8";

/*
This stylesheet defines default styles for the site.  Since there is no desktop-web-specific stylesheet, this one is also
the de facto stylesheet for desktop-web.  Styles here are (potentially) overridden, for the mobile app, by mobile.css.
*/

body { height:100%; background-color:#41464d;}
td, body {font-family:Conv_SourceSansPro-xLight,arial,helvetica; color:#ffffff;}
#contentWrapper {display:block; height:100%; width:100%;position:absolute; top:0px; left:0px; xbackground-color:#ff0000;}



.homepageSection {background-color:#ff0000; border:0px solid transparent; border-radius:20px; width:950px; margin-bottom:0px; background:#ffffff no-repeat; display:block; }
.homepageSection .allCopy {overflow:hidden; }
.homepageSection .allCopy .copyHeader {font-size:30px; margin-bottom:10px; font-weight:bold; line-height:29px; color:#f89521;}
.homepageSection .allCopy .copyBody {font-size:17px; margin-bottom:20px; line-height:21px; }
.homepageSection .allCopy .copyBody p {margin:0 0 17px 0;}
.homepageSection .allCopy .copyBody ul {padding:0 0 0 23px; margin:0; }
.homepageSection .allCopy .copyBody ul li {color:#f89521; padding:7px 0 7px 0;}
.homepageSection .allCopy .copyBody ul li .item {color:#000000;}
.homepageSection .allCopy .copyScrolldown {margin-bottom:0px;}
.homepageSection .allCopy .copyScrolldown button {font-size:24px; color:#ffffff; margin-bottom:10px;  width:260px; }
.homepageSection .allCopy .copyScrolldown button:active {color:#000000;}
.homepageSection .allCopy .copyScrolldown button .ui-button-text {padding-top:4px; padding-bottom:5px; }
.homepageSection .allCopy .scrolldownElementsWrapper {padding:0; width:260px; }
.homepageSection .allCopy .scrolldownElementsWrapper .copyScrolldown .scrolldownCopy {font-size:19px; margin-bottom:10px; width:260px; text-align:center; color:#199fff;}
.homepageSection .allCopy .scrolldownElementsWrapper .copyScrolldown .scrolldownArrow {margin:0 0 10px 122px; height:27px; width:18px; border-width:0; }

.hpCarouselImg {position:absolute; border:0px solid transparent; border-radius:18px; top:0px; left:0px; display:none;}

.genericButton.homepageTunnelTButton, .genericButton.homepageTunnelCButton {white-space: nowrap; color:#ffffff;}
.genericButton.homepageTunnelTButton {border-color:#0e444a; background-color:#0e444a;}
.genericButton.homepageTunnelCButton {border-color:#2d5876; background-color:#2d5876;}
#authHome {width:950px;}
#authHome .authPageTable {margin-left:auto; margin-right:auto; width:950px;}
#authHome .authPageTable td {color:#000000; }


input, select {font-family:Conv_SourceSansPro-xLight,arial,helvetica; xcolor:#111111;}

textarea, textarea:hover, textarea:focus, textarea:active, a, a:hover, a:focus, a:active {outline:none;}

a {color:#bed62f; text-decoration:none; }

button, button:focus, button:active { outline: none; outline-color: transparent; outline-style: none;}


form {margin:0; padding:0; display:inline;}
img {border-width:0; margin:0; }

/*
ul {margin:0 auto; padding:0; display:inline; }
li {text-align:left; float:left; list-style:none; padding:0; margin:0;}
*/

label, button, img, .instruxOverlay, .pinDisplayNumeralHolder, .pinDisplayNumeralHolder .numeral, #mobileModalDialog, #mobilePageSpecificHelpDialog, #conversationUiHeader, .interiorMobilePgAbsPosHeader, #settings, #authHome {-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}

#alertDialog, #confirmDialog, #customDialog, #helpDialog, #settingsDialog, #desktopVirtualKeyboardDialogLarge, #desktopVirtualKeyboardDialogSmall {display:none; font-size:16px; font-family:Conv_SourceSansPro-xLight,arial,helvetica;}

.textboxWithOverlayLabel {position:relative; width:240px; height:24px;}
.textboxWithOverlayLabel label {display:block; position:absolute; z-index:20; text-align:center; width:236px; font-size:17px; color:#949398; top:1px; left:0px;}
.textboxWithOverlayLabel  .visibleTextInputField { width:236px; font-size:17px; padding:0px; margin:0px; display:block; position:absolute; z-index:10; top:0px; left:0px;}

.textboxWithOverlayLabel.uploadImage {width:248px; }
.textboxWithOverlayLabel.uploadImage label {width:244px;}
/* Following declaration: if we are using transparent file-upload fields; this goes on top of everything: */
.textboxWithOverlayLabel.uploadImage .transparentFileUploadFieldWrapper {xbackground-color:#00ff00; width:293px; height:37px; padding:0px; margin:0px; display:block; position:absolute; z-index:30; top:0px; left:0px;}
.textboxWithOverlayLabel.uploadImage .visibleTextInputField {width:244px; }



.imageUploadIcon {text-align:right; width:43px; height:31px; border:2px solid #BED62F; border-left-width:0px; background-color:#ffffff; }
.imageUploadIcon img {margin:3px 7px 0px 0px; width:29px; height:25px; border-width:0px;}


.pageContentWrapper {margin:20px 0px 0px 15px; width:290px;}
.pageContentWrapper.fullBleed {margin:0; padding:0; border-width:0; width:100%; }
.pageContentWrapper.fullBleed.inPagePinPadHolder {position:relative; background-color:#30343A; padding:20px 0 0 17px; width:303px;}
.pageContentWrapper .standardMargins {margin:10px 15px 10px 15px;}
.pageContentWrapper .fullWidthContentRule {overflow:hidden; height:2px; width:100%; background-color:#bed62f;}

.pageContentWrapper.fullBleed.inPagePinPadHolder .instruxOverlay {position:absolute; top:0px; padding-top:20px; left: 0px; width:100%; z-index:20; text-align:center; color:#bed62f; background-color:#30343A; }
.pageContentWrapper.fullBleed.inPagePinPadHolder .content {position:absolute; top:10px; left:17px; z-index:10;}

.pageContentWrapper.scrollableHelpPage {overflow:auto; height:425px; }
.pageContentWrapper.scrollableHelpPage .nonAuthUiPageHeader {font-size:20px; color:#f7941e;}

.homepageHiringLink {color:#bed62f;}

#authHomeHeader, #authNonHomeHeader {margin:0 auto 0 auto; width:100%; display:none;}

#tunnelListNoTunnelsMsg {display:none; margin:40px 10px 20px 20px;}


#tunnelListWrapper {margin:20px 0 0 0; width:600px; overflow-x:hidden; overflow-y:auto; cursor:pointer;}
/* #tunnelListWrapper .tunnelListItem:last-child {margin-bottom:40px;} */
#tunnelListWrapper .tunnelListItem {position:relative; margin:8px 0 0px 0; height: 49px; width:600px; overflow:hidden;}
#tunnelListWrapper .tunnelListItem .draggableOverlay {z-index:20; position:absolute; top:0px; left:0px; height: 49px; width:600px; margin:0 0 0 3px;}
#tunnelListWrapper .tunnelListItem .draggableOverlay .circleIcon {display:inline-block; float:left; height:16px; width:16px; margin:17px 0 0 13px; }
#tunnelListWrapper .tunnelListItem .draggableOverlay .tunnelNameConfName {text-align:left; font-size:18px; display:inline-block; float:left; height:23px; width:400px; overflow:hidden; margin:13px 0 0 33px; }
#tunnelListWrapper .tunnelListItem .draggableOverlay .overArrowTrans {display:inline-block; float:left; height:40px; width:35px; margin:4px 0 0 12px;}
#tunnelListWrapper .tunnelListItem .draggableOverlay .tunnelNameConfName.confOffline {color:#ffffff;}
#tunnelListWrapper .tunnelListItem .draggableOverlay .tunnelNameConfName.confOnline {color:#f7941e;}

#tunnelListWrapper .tunnelListItem .draggableOverlay .desktopArrowOrBomb {margin-left:510px; height:47px; width:30px; /*overflow:hidden;*/}
#tunnelListWrapper .tunnelListItem .draggableOverlay .desktopArrowOrBomb #arrow {margin-top:16px; margin-bottom:16px;}
#tunnelListWrapper .tunnelListItem .draggableOverlay .desktopArrowOrBomb #bomb {margin-top:7px; margin-bottom:16px;}

#tunnelListWrapper .tunnelListItem .draggableOverlay .timeSpent {display:none; width:62px; margin:13px 0 0 15px; float:left; text-align:right; height:23px; font-size:18px;}




#useDesktopToCreateATunnelText {display:none;}

/* This gets shown after a mobile user fails at least once to sign in: */
#proposeRemoveMobileKeyFromDevice {display:none; margin:0 auto 20px auto; font-size:13px; width:240px; background-color:#333333; border:2px solid #ffffff; border-radius:3px; padding:10px; color:#ffffff;}


#tunnelListPlusMinusButtons {text-align:left; margin:10px 0 25px 155px;}
#tunnelListPlusMinusButtons #addButton, #tunnelListPlusMinusButtons #deleteButton {width:34px; height:34px; cursor:pointer; margin:0 2px 0 0;}
#tunnelListPlusMinusButtons #addButton {}




.genericButton {}
.genericButton.pinClearBtn {width:78px; margin:19px 0 0 2px; background-color:#f7941e; border-color:#f7941e;}
.genericButton.pinSubmitBtn {width:78px; margin:19px 0 0 2px; background-color:#bed62f; border-color:#bed62f;}

.fakeTabButton {}

#messengerUiTabs {display:none;}
.genericButton.cancelBtn {background-color:#f7941e; border-color:#f7941e;}



#pinNonNumeralButtonHolder {width:100%; text-align:center; margin:10px 0 8px 43px;}

#pinDisplayNumeralHolderTable {margin-left:28px; }

.mainLogo {width:279px; height:60px; cursor:pointer; margin:0px auto 0 auto; display:block;}
.mainLogo.nonAuthUiPages {cursor:default; margin-top:90px;}
.mainLogo.authHome {width:279px; height:60px; margin:20px 0 1px 104px; display:inline; float:left;}

.defaultFontSize {font-size:18px;}

.accessDeniedMessage {text-align:center; width:600px; margin:100px auto 0 auto;}




.formTypeText, .formTypePassword, .formTypeTextarea, .formTypeFile, .formTypeDateSelector {font-family:Conv_SourceSansPro-xLight,helvetica; border:1px solid #ADADAD; background-color:#ffffff; }
.formTypeSelect {font-family:Conv_SourceSansPro-xLight,arial,helvetica; border:1px solid #ADADAD; background-color:#ffffff;}
.formTypeButton, .formTypeSubmit, .formTypeClear {border:1px solid #666666; font-size:17px; font-family:Conv_SourceSansPro-xLight,arial,helvetica; text-transform:uppercase; background-color:#bed62f; }
.formTypeCheckbox, .formTypeRadio {margin-left:1px; }
.cancelButton {background-color:#f7941e; }


#content {font-size:16px;}

.imagePickerWrapper table {background-color:#bed62f;}


.nonAuthUiPage {display:none; width:800px;}

.nonAuthUiPageHeader, #settingsDialog .nonAuthUiPageHeader {font-size:36px; xfont-weight:bold; margin-bottom:20px; color:#f7941e;}
.nonAuthUiPageBody {font-size:18px; margin-left:40px; margin-right:40px;}


.prefSelectMenuWrapper, #settingsDialog .prefSelectMenuWrapper  {height:30px; overflow:hidden;}
.prefSelectMenuWrapper select, #settingsDialog .prefSelectMenuWrapper select {margin-top:4px; font-size:13px; height:25px;}

.settingSavedIndicator, #settingsDialog .settingSavedIndicator  {color:#f7941e; padding:6px 0 0 0; font-size:16px; margin:0px 0 0 6px; display:none;}

.contentHeader {font-weight:bold;}


.settingsBombImg {height:26px; width:24px; cursor:pointer; }


.copyableFormElement {border-width:0px; color:#bed62f; font-family:Conv_SourceSansPro-xLight,arial,helvetica; background-color:transparent; font-size:18px;  -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -ms-user-select: all; user-select: all;}

#authPageWrappersWrapper {width:900px; margin:0 auto 0 auto;}

.authPageWrapper {display:none;}

.authForm .formTypeText {border:1px solid #bed62f; width:200px; height:22px; } 
.authPageTable {}
.authPageTable td {font-size:18px;}
.authPageTable .formTypeText {font-size:17px; color:#333333; }
.authPageTable .authPageLeftTd {text-align:right; width:496px;}
.authPageTable .authPageMiddleTd {font-size:2px; width:19px;}
.authPageTable .authPageRightTd {text-align:left; width:385px;}

.nonAuthIncludeContentContainer {height:100%; width:800px;}

.standardSpacerRow {font-size:2px !important; height:8px;}
.standardSpacerRow.extraHeight {height:20px;}
.standardSpacerRow.homepageSpacerRowHeight {height:15px;}
.standardSpacerRow.settingsRowHeight {height:22px;}





.settingsTable {}
.settingsTable td {font-size:18px;}
.settingsTable .formTypeText {font-size:17px; color:#333333; }
.settingsTable .settingsLeftTd {font-size:18px; text-align:right; width:480px;}
.settingsTable .settingsMiddleTd {font-size:2px; width:19px;}
.settingsTable .settingsRightTd {text-align:left; width:369px;}

.settingsTable .settingsLeftTd a {color:#ffffff;}

.formTypeText {border:1px solid #bed62f; width:200px; height:22px;}
.formTypeTextarea {border:1px solid #bed62f; }

.contentScrollableDiv {width:755px; margin:0px 0 0px 25px; padding-top:25px;}




#secondUserTempKey {xcolor:#f7941e; }

#authPageSuggestedKey, #authPageSecondUserSuggestedKey {font-family:Conv_SourceSansPro-xLight,arial,helvetica; font-size:18px; height:77px; width:435px; xborder:2px solid #333333; xbackground-color:#ffffff; color:#f7941e; margin-top:2px;}

#footerOuterWrapperDiv {height:56px; overflow:hidden; position:relative; }


#footerOuterWrapperTd {background-color:#282f35; height:60px;}
#footerLogo {height:19px; width:85px; margin-left:17px; margin-top:0px; cursor:pointer;}

#footerAreaContainer {width:100%; position:relative;}
#footerTable {width:100%; position:absolute; top:0px; left:0px; height:60px; }

.footerRightLink {height:29px; width:29px; cursor:pointer; margin:0px 10px 0px 0px; display:none;}

#footerUpperCenterWrapper {width:100%; height:38px; text-align:center; overflow:hidden;}
#footerLinkRolloverTexts {margin-left:30px; width:100%; display:none; height:38px;}
#footerLinkRolloverTexts .footerLinkRolloverText {font-size:22px; color:#f7941e; width:100%; display:none; text-align:center; margin-top:6px;}

.footerSocialLinkImg {display:none; height:10px; width:11px; border-width:0px; margin:2px 6px 0px 0px;}
#postSmallSocialLinksPipe {display:none;}
#largeSocialLinks {font-size:2px; margin-top:12px; width:100%; margin-left:30px; text-align:center;}
.footerSocialLinkImgLg {height:19px; width:19px; border-width:0px; margin:0 0px 0px 6px; }

.footerLinksTable {margin-left:50px;}
.footerLinksTable td, .footerLinksTable td a {font-size:14px; color:#aaaaaa;}
.authFooterLinks {font-family:Conv_SourceSansPro-xLight,arial,helvetica; font-size:14px; color:#aaaaaa;}
.authFooterLinks a {color:#aaaaaa;}

.nonWhiteText {color:#c0bfc2; }


#mainUiTable {}
#wrapperTable {height:100%; width:100%;}
#mainUiUpperTable {width:100%;}

#mainUiUpperTable #tunnelInfoText {width:100%; color:#fffff; margin-top:1px; text-align:center; font-size:22px;}

#historyPaneTopImg {height:13px; width:700px; margin-left: 25px;}
#composePaneBottomImg {height:9px; width:700px;}
.message {padding:4px 0px 11px 32px; border-top:1px dashed #c5c6c8;}
.message p {margin:0 0 2px 0;}
#editorContainer {overflow:hidden; width:700px; height:200px; margin-top:0px; margin-left:25px; background-color: #ffffff; color:#000000;}
#editorContainer p {margin:2px 0 0 0;}

#editorContainerFooter {overflow:hidden; width:700px; margin-left:25px; }

#correspondentStatusMessage {text-align:center; width:100%; font-size:22px; color:#f7941e; font-family:Conv_SourceSansPro-xLight,arial,helvetica;}
#correspondentStatusMessage img {vertical-align: middle;}
.doubleArrowImg {margin:0 8px 0 8px; height:17px; width:36px; }

#enterToSendNote span {font-size:15px; color:#afafaf;}


a.hoverableClickableText {color:#ffffff; cursor:pointer; text-decoration:none;}

.tunnelCompleteCred {color:#f7941e;}

#tunnelCreationCompleteNewAccountText, #tunnelCreationCompleteExistingAccountText {display:none;}

#nonAuthUiPages td {font-size:18px;}

.leftColInstruxParagraph {width:500px; text-align:right; float:right; }

.inPagePinPadHolder {width:150px; height:220px; float:right; margin:8px 0 0 0; background-color:#30343a; border: 2px solid #ffffff;}


.pinButtonHolder {background-color:transparent; padding:0; margin:0; border-width:0; cursor:pointer; height:40px; width:40px; overflow:hidden; display:inline-block; position:relative; border-width:0;}
.pinDigitsImg {z-index:20; position:absolute; top:-17px; width:800px; height:150px; border-width:0px; }
.pinDisplayNumeralHolder {position:relative; height:27px; width:21px; overflow:hidden; border:1px solid #bed62f;}
.pinDisplayNumeral {position:absolute; top:-109px; left:-0px; width:800px; height:150px; border-width:0px; }


/* START temp override of PIN display; we are displaying mobile PINs for web launch: */

.pinButtonHolder {height:80px; width:80px;}
.pinButtonHolder.emptySlot {visibility:hidden; cursor:default; }
.pinButtonHolder.nonNumeralSlot {overflow:hidden; background-image:none;}

.pinDigitsImgActiveBg {z-index:10; position:absolute; top:0px; left:0px; width:80px; height:80px; border-width:0px; display:none;}

.pinDisplayNumeralHolder {position:relative; width:39px; height:42px; xborder:2px solid #bed62f; border-width:2px 0 2px 0;}
.pinDisplayNumeralHolder .numeral {z-index:20; display:none; background-color:#30343A; position:absolute; text-align:center; width:100%; top:4px; left:0px; font-size:32px; color:#bed62f; }
.pinDisplayNumeralHolder .circleOff, .pinDisplayNumeralHolder .circleOn {position:absolute; width:15px; height:15px; top:17px; left:12px; }

/* Now: circleOff is always on; it may or may not be covered up by a numeral, or a circleOn image.  So: */
.pinDisplayNumeralHolder .circleOff {display:block; z-index:10;}
.pinDisplayNumeralHolder .circleOn {display:none; z-index:20;}


/* END temp override of PIN display */

.arrowButton {cursor:pointer; margin:0px; border-width:0px; height:18px; width:25px; }
.xButton {cursor:pointer; margin:0px; border-width:0px; height:18px; width:16px; }



#conversationHistory {text-align:left; color:#000000; display: none; overflow: auto; width: 700px; margin-bottom:8px; margin-top: 0; margin-left: 25px; background-color: #ffffff;}

#msgCompose {background-color: #cccccc; font-size: 17px; color: #000000; width: 790px; height: 210px; margin: 5px 0 5px 0;}

/* Since these elements are in a dialog, we have to control their visibility with CSS rather than the standard way (with the Java or JS mobile-site boolean): */
#mobileAboutIntroAndVid {display:none;}
#desktopAboutIntroAndVid {display:block;}


/* Virtual-keyboard styles: */
.keyboard {font-size:18px; font-family:arial,helvetica; width:100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.keyboard .instrux {margin:0 0 10px 0;  font-size:16px; font-family:Conv_SourceSansPro-xLight,arial,helvetica; }
.keyboard .keyboardMode {padding:0; margin-left:0px; background-color:#282f35; border:1px solid #282f35; border-radius:5px;}
.keyboard .keyboardMode.unshifted {display:block;}
.keyboard .keyboardMode.shifted {display:none;}

.keyboard .row {}
.keyboard .row.row0 {margin: 7px 0px 0px 7px;}
.keyboard .row.row1 {margin: 0px 0px 0px 30px;}
.keyboard .row.row2 {margin: 0px 0px 0px 47px;}
.keyboard .row.row3 {margin: 0px 0px 0px 12px;}
.keyboard .row.row4 {margin: 0px 0px 7px 255px;}

.keyboard .keyWrapper {display:inline-block; margin:0; padding:0; border-width:0; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.keyboard .key {display:inline-block; overflow:hidden; width:56px; height:50px; margin:4px; background-color:#f7941e; border-radius:5px; color:#000000; border:2px solid #f7941e; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.keyboard .key.back {width:70px;}
.keyboard .key.enter {width:79px;}
.keyboard .key.shift {width:65px;} 
.keyboard .key.shift.shifted {background-color:#ffffff;} 
.keyboard .key.symnum.symnumLocked {background-color:#ffffff;} 

.keyboard .key.space {width:403px;}
.keyboard .key.back .standardLabel, .keyboard .key.enter .standardLabel, .keyboard .key.shift .standardLabel, .keyboard .key.space .standardLabel {font-weight:normal; font-size:11px; margin-top:13px;}
.keyboard .key .standardLabel {font-weight:bold; margin:16px 0 0 0; width:100%; text-align:center;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.keyboard .key.innerKeyWrapper .large, .keyboard .key.innerKeyWrapper .small {width:100%; text-align:center;}
.keyboard .key.innerKeyWrapper .small {font-size:10px; margin:2px 0 0 0; color:#aa6600;}
.keyboard .key.innerKeyWrapper .large {font-size:16px; font-weight:bold; margin:2px 0 0 0;}
.keyboard .standardLabel.period, .keyboard .standardLabel.comma {margin-top:15px; font-size:18px;}
.keyboard .standardLabel.comma {margin-top:15px; }

.keyboard .key.innerKeyWrapper.backgroundImage {background-repeat:no-repeat; background-position: center;}

.keyboard.small {font-size:14px; }
.keyboard.small .row.row0 {margin: 3px 0px 0px 3px;}
.keyboard.small .row.row1 {margin: 0px 0px 0px 16px;}
.keyboard.small .row.row2 {margin: 0px 0px 0px 29px;}
.keyboard.small .row.row3 {margin: 0px 0px 0px 3px;}
.keyboard.small .row.row4 {margin: 0px 0px 3px 134px;}
.keyboard.small .key {width:28px; height:30px; margin:2px;  border-radius:4px;}
.keyboard.small .key.back {width:45px;}
.keyboard.small .key.enter {width:60px;}
.keyboard.small .key.shift {width:43px;} 
.keyboard.small .key.space {width:220px;}
.keyboard.small .key.back .standardLabel, .keyboard.small .key.enter .standardLabel, .keyboard.small .key.shift .standardLabel, .keyboard.small .key.space .standardLabel {margin-top:3px;}
.keyboard.small .key.back .standardLabel {margin-top:1px;}
.keyboard.small .key.space .standardLabel {margin-top:8px;}
.keyboard.small .key .standardLabel {margin-top:8px;font-weight:normal;}
.keyboard.small .key.innerKeyWrapper .small {margin-top:0px; color:#c37500;}
.keyboard.small .key.innerKeyWrapper .large {margin-top:0px; font-size:14px;font-weight:normal;}
.keyboard.small .standardLabel.period, .keyboard.small .standardLabel.comma {margin-top:3px; font-size:18px;}
.keyboard.small .standardLabel.comma {margin-top:2px; }




.vidWrapper {width:646px; height:366px; position:relative; margin:0 auto 0 auto;}
.vidWrapper .vidStill {display:block; width:646px; height:366px; position:absolute; top:0px; left:0px; }
.vidWrapper .vidStill img {width:640px; height:360px; border:3px solid #ffffff;}
.vidWrapper .innerVidWrapper {position:absolute; display:none; top:0px; left:0px; width:640px; height:360px;  border:3px solid #ffffff;}

.aboutUsBioPic {height:160px; width:130px; border:1px solid #ffffff; float:right; margin:10px; margin-top:0px; }

#enableNotificationsHelp {color: #bed62f;}

.faqQALetters {color:#f7941e;}

.ui-dialog-buttonset .ui-state-default:nth-child(2n) {background:none; border-color:#f7941e; background-color:#f7941e; }
.ui-dialog .ui-dialog-titlebar {padding:0; border-radius:0; border-width:0;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block; font-size:2px; }
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}