/*general*/ a:focus { outline: 0;} ul, p, ol, li, body, html { margin: 0; padding: 0; outline: 0; } body, .normal, input, textarea{ font: 12px/18px "Helvetica Neue",Helvetica, Tahoma, "Lucida Grande", Arial, sans-serif; letter-spacing: 0;} small { font-size: 10px;} select { letter-spacing:0; /*vertical-align: 4px;*/} body, html { background: #3a3a3a; color: #3a3a3a; height: 100%;} a { text-decoration: none; color: #2759a2;} a:hover { color: #3476D8;} a img { border: none;} p { margin: 0 0 18px 0;} h1, h2 { margin:0; padding:0; font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ padding-top: 0.4em; margin: 0em; } h2 { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ padding-top: 1em; padding-bottom: 0.5em; } h1,h2 { font-weight: 500; letter-spacing: -0.04em; color: #555; margin: 0 0 9px 0;} h3 { font-weight: bold; margin: 0; font-size: 14px;} h1 a, h1 select { margin-left: 9px;} td { vertical-align: top;} img { vertical-align: middle;} /*page*/ .page { width: 882px; text-align: left; margin: 0 auto 18px auto; position: relative; } .wide .page { width: auto; margin: 0 18px;} .chat .page { margin: 0;} .login .page { width: 540px;} .login .pageContent { padding: 0px 18px; } li { } ul, ol { margin: 0 0 18px 18px;} *+html ol { margin: 0 0 18px 27px;} a.inactive { color: #ccc;} a.inactive:hover { color: #999;} /*form*/ .nice {} .nice input.text, .nice input.password, .nice textarea{ padding: 0px 4px; width: 98%; font-size: 18px; border: 1px solid #A9C4C9; line-height: 27px; height: 27px; background: #f0F5F6; -webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.7); -moz-box-shadow: inset 0 -1px rgba(255,255,255,0.7); box-shadow: inset 0 -1px rgba(255,255,255,0.7);} .contentBody input.text.search { width: 50%;} .nice textarea { height: 108px;} .fieldWithErrors { display: inline;} .fieldWithErrors input.text, .fieldWithErrors input.password { border-color: #c93; background: #fea;} .nice label { display: block; font-weight: bold; color: #888; font-size: 13px;} .row { padding: 0 0 18px 0;} .nice .row span { line-height: 36px;} .nice .row .tip { font-size: 11px; color: #ccc;} .nice .row input.subdomain { width: 60%;} .nice .row input.jacondaId { width: 80%;} /*form.nice .row.small { line-height: 18px; font-size: 12px; margin: 0 0 18px 0;}*/ .nice p, .nice h2 { color: #777;} fieldset { border: 0; border-bottom: 1px dotted #A9C4C9; padding: 0 0 18px 0;margin: 0 0 18px 0;} /* buttons */ .button { height:36px;} .button,.button:hover, .button a, .button input { font-size: 13px; color: white;} .button input { cursor: pointer; padding:0; height:32px; line-height: 36px; background: none; border: none; color: white; font-weight: bold; font-style: normal;} .button a { color: white; font-weight: bold; font-style: normal;} .button strong, .button { display: block; float: left; height: 36px; padding: 0 18px 0 0; line-height: 36px; background: url(/images/buttonWhiteBg.png) right top no-repeat;} #account_background_color { width: 99px;} .button { padding: 0 0 0 18px; display: block; background: url(/images/buttonWhiteBg.png) left top no-repeat;} .nice .button.buttonWhite, .nice .button.buttonWhite strong { background-image: url(/images/buttonWhiteBg.png); } .nice .button.inactive, .button.inactive, .button.inactive strong, .nice .button.inactive strong { background-image:url(/images/buttonInactiveBg.png); color: #ccc;} .button, .button input { text-shadow: 0 -1px #1D4D6D; } .button.buttonRed, .button.buttonRed strong { background-color:#890F0F; background-image: url(/images/buttonRedBg.png); } .buttonRed, .buttonRed input { text-shadow: 0 -1px #672F39; } .button { display: block; height: 36px; float: left; padding: 0 0 0 18px;} /*pageHeader*/ .pageHeader { zoom: 1; width: 100%; background: #3a3a3a;} .headerLogo { height: 108px; /*width: 360px;*/ position: relative; } .headerLogo a { color: #fff; text-decoration: none; border: none; text-indent: -9999px;} .headerLogo a span { border: none; position: absolute; visibility: visible; height: 108px; width: 100%; display: block; top:0; left: 0; background: #3A3A3A url(/images/jacondaLogo1.png) 9px 0 no-repeat;} .headerLogo a span.custom { background-position:18px center;} .headerMenu { float: right; margin: 36px 0 0 0; padding: 18px; position: relative; overflow: visible; z-index:99; background: white url(/images/boxBg.png) bottom repeat-x;} .headerMenu div { overflow-x: hidden; } .headerMenu ul { margin: 0;} .headerMenu li { display: inline; padding: 0 9px; border-left: 1px #ccc solid; margin: 0 0 0 -1px;} .headerMenu li.selected a { font-weight: bold; color: #444;} .transcripts .headerMenu .transcripts, .users .headerMenu .users, .accounts .headerMenu .accounts, .accounts_show .headerMenu .accounts_show, .accounts_edit .headerMenu .accounts_edit { font-weight: bold; color: #444;} /*.wide*/ .headerMenu { margin: -9px 0 0 0; padding: 18px 18px 9px 18px;} .wide .headerLogo { height: 63px;} .wide .headerLogo a span { background-position: 9px; height: 63px;} .wide .headerLogo a span.custom { background-position: 18px center;} /*.wide*/ .headerLogo .h1 { text-indent: -9999px;} /*.wide*/ .headerLogo .h2 { display: none;} /* uploads */ .uploadLimit { padding: 10px 0px;} .uploadedFile { margin: 0 0 9px 0; padding: 0 0 0 36px; background: url(/images/filetypes/file32x32.png) left center no-repeat; position: relative;} .uploadedFile .control { display: none; height: 32px; width:32px; position: absolute; left: 0px; top:0; background: url(/images/controls/delete.png) top left no-repeat;} .uploadedFile:hover .control { display: block; opacity: 0.5;} .uploadedFile:hover .control:hover { display: block; opacity: 1;} .uploadedFile.css { background-image:url(/images/filetypes/css32x32.png);} .uploadedFile.doc, .uploadedFile.docx { background-image:url(/images/filetypes/doc32x32.png);} .uploadedFile.fla { background-image:url(/images/filetypes/fla32x32.png);} .uploadedFile.gif { background-image:url(/images/filetypes/gif32x32.png);} .uploadedFile.htm, .uploadedFile.html { background-image:url(/images/filetypes/html32x32.png);} .uploadedFile.jpg, .uploadedFile.jpeg { background-image:url(/images/filetypes/jpg32x32.png);} .uploadedFile.keynote { background-image:url(/images/filetypes/keynote32x32.png);} .uploadedFile.numbers { background-image:url(/images/filetypes/numbers32x32.png);} .uploadedFile.pages { background-image:url(/images/filetypes/pages32x32.png);} .uploadedFile.pdf { background-image:url(/images/filetypes/pdf32x32.png);} .uploadedFile.ppt, .uploadedFile.pptx { background-image:url(/images/filetypes/ppt32x32.png);} .uploadedFile.png { background-image:url(/images/filetypes/png32x32.png);} .uploadedFile.txt { background-image:url(/images/filetypes/txt32x32.png);} .uploadedFile.xls, .uploadedFile.xlsx { background-image:url(/images/filetypes/xls32x32.png);} .uploadedFile.xml { background-image:url(/images/filetypes/xml32x32.png);} .uploadedFile.xsl { background-image:url(/images/filetypes/xsl32x32.png);} .uploadedFile .delete { display: none; margin: 0 0 0 9px;} .uploadedFile:hover .delete { display: inline;} .roomUploaded { overflow: hidden;} .roomUploadedFile { padding: 0 0 0 18px; background:url(/images/filetypes/file16x16.png) left center no-repeat; white-space: nowrap; position: relative;} .roomUploadedFile .control { display: none; height: 16px; width:16px; position: absolute; left: 0px; top:0; background: url(/images/controls/delete.png) left top no-repeat;} .roomUploadedFile:hover .control { display: block; opacity: 0.5;} .roomUploadedFile:hover .control:hover { display: block; opacity: 1;} .roomUploadedFile.css { background-image:url(/images/filetypes/css16x16.png);} .roomUploadedFile.doc, .roomUploadedFile.docx { background-image:url(/images/filetypes/doc16x16.png);} .roomUploadedFile.fla { background-image:url(/images/filetypes/fla16x16.png);} .roomUploadedFile.gif { background-image:url(/images/filetypes/gif16x16.png);} .roomUploadedFile.htm, .roomUploadedFile.html { background-image:url(/images/filetypes/html16x16.png);} .roomUploadedFile.jpg, .roomUploadedFile.jpeg { background-image:url(/images/filetypes/jpg16x16.png);} .roomUploadedFile.numbers { background-image:url(/images/filetypes/numbers16x16.png);} .roomUploadedFile.pages { background-image:url(/images/filetypes/pages16x16.png);} .roomUploadedFile.pdf { background-image:url(/images/filetypes/pdf16x16.png);} .roomUploadedFile.png { background-image:url(/images/filetypes/png16x16.png);} .roomUploadedFile.txt { background-image:url(/images/filetypes/txt16x16.png);} .roomUploadedFile.xls, .roomUploadedFile.xlsx { background-image:url(/images/filetypes/xls16x16.png);} .roomUploadedFile.xml { background-image:url(/images/filetypes/xml16x16.png);} .roomUploadedFile.xsl { background-image:url(/images/filetypes/xsl16x16.png);} /* settings */ .userJabber { border: 1px solid #ccc; margin: 8px 0 17px 0; padding: 18px; display: inline-block;} .userJabber .jabber, .roomJabber { height: 54px; padding: 18px 0 0 65px; background: url(/images/protocol/gtalkEmail.png) 0 center no-repeat; margin: 0 0 18px 0;} .roomJabber .jabber { font-size: 18px; font-weight: 500; letter-spacing: -0.04em; color: #555; margin: 0 0 9px 0; display: block;} .roomJabber { margin: 0;} .userJabber .messengers { margin: 9px 0 0 0;} .userJabber .messengers img { margin: 0 9px 0 0;} .googleApps { background:url(/images/googleApps.gif) 0 6px no-repeat; padding: 10px 0 9px 140px; } /*pageRooms*/ .pageRooms { background: #3a3a3a; } .pageRoomsInlay { background: #555; background:#4e6f98;overflow: hidden;} .pageRooms .roomsTab { float: left; padding: 1px 10px 0 10px; } .pageRooms .roomsTab span { color: white;} .pageRooms a { line-height: 26px; color: #999; color: #ADC6E5;font-weight: 500;} .pageRooms a strong { /*color: #ccc;*/ padding: 0 9px;} .pageRooms .roomsTab:hover a, .pageRooms a:hover, .pageRooms a:hover strong { color: white;} .pageRooms .roomsTab .tabClose { color: #5788BF;} .pageRooms .roomsTab:hover .tabClose { color: #ADC6E5;} .pageRooms .roomsTab .tabClose:hover { color: white;} .pageRooms .roomsTab.selected { background: white url(/images/contentMenuBg2.png) bottom left repeat-x; padding: 0 9px;border: 0; border: 1px solid #fff; border-bottom: 0; text-shadow: 0 1px #fff; } .pageRooms .roomsTab.selected a, .pageRooms .roomsTab.selected span { color: #275972; } .pageRooms .roomsTab.selected a strong { color: #666;} .pageRooms .roomsTab.selected .tabClose { color: #ADC6E5;} .pageRooms .roomsTab.selected .tabClose:hover { color: #275972;} /*pageContent*/ .pageContent { position: relative; zoom: 1; padding: 0 0 0 18px; background: white; } .contentSingle { padding: 0 18px 18px 0;} .contentSidebar { float: right; width: 261px; background: white; } .contentBody {margin: 0 279px 0 0;} .pageContentBottom { position: relative; background: #3a3a3a; margin: 0 18px; margin: 0 0 0px 0; height: 18px; z-index: 100;} .pageContentBottomInlay { background: white; height: 18px;} /*footer*/ .pageFooter { color: #666; padding: 0 18px; line-height: 36px; height: 36px; position: relative; } .pageFooter a { color: #666; line-height: 36px; padding: 9px 0; margin: 0 0 0 9px;} .pageFooter a:hover span { color: #ccc; text-decoration: underline;} .footerMenu { float: right; } .footerMenu .twitter { padding: 9px 0 9px 36px; background: url(/images/twitterSmall.png) left center no-repeat;} * html .footerMenu .twitter { background-image:url(/images/twitterSmall.gif);} .footerMenu .twitter:hover { background: url(/images/twitterSmallHover.png) left center no-repeat;} * html .footerMenu .twitter:hover { background-image:url(/images/twitterSmallHover.gif);} .footerMenu .twitter:hover span { color: #33ccff; } .footerCopyright { float: left;} .pageContentAfter { float: left;} /** CONTENT BLOCKS */ .columns { overflow: hidden; zoom: 1; padding: 0 3px;} .columns.nice { margin: 0 0 18px 0;} .columnPrimary { float: left; width: 45%; margin: 0 36px 0 0;} .columnSecondary { float: left; width: 45%; } .mainContent .columns { padding: 0 18px 18px 3px;} .pages_pricing .columns { padding: 0 0 18px 0;} .pages_pricing .columnPrimary { width: 450px;} .pages_pricing .columnSecondary { width: 324px;} .accountLogo img { padding: 9px; background: #3a3a3a;} .roomsAccess {} .roomsAccess label { display: block; font-size: 18px; color: #2759a2; line-height: 27px; font-weight: normal;} .roomsAccess label .checkbox { margin: 0 4px 0 0;} .roomsList { margin: 0px 0 0 -18px; text-align: center;} .roomsList ins { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 18px 0 0 18px;} /*room info*/ .roomSound { width: 18px; height:18px; display: block; background: url(/images/icons/soundOn.png) no-repeat; position: absolute; top: 5px; right: 5px;} .chat .roomSound { right: -13px;} .roomSound.mute { background-image: url(/images/icons/soundMute.png);} .blockRoom { width: 243px;} .blockRoom.page { position: absolute; right: 36px; width: 243px; height: auto; z-index: 100; background: white; padding: 0 0 0 18px;} .blockRoom.list { float: left; width: 270px; overflow: hidden; } .blockRoom .roomInfo { overflow: hidden; margin: 9px 0 9px 0;} .blockRoom.list .roomInfo { border: 1px solid #ccc; padding: 9px; margin: 0;} .blockRoom.list .roomInfoHolder { overflow: hidden; margin: 0 0 9px 0;} .blockRoom.list .roomHolder { margin-left: 54px;} .blockRoom.list .roomMenu { margin: 0 0 5px 45px; padding: 0;} .blockRoom.list .roomMenu a, .roomMenu a { background: none; border: 0; opacity: 0.5;} /* .blockRoom.list */ .blockRoom.list .roomMenu a:hover, .roomMenu a:hover { opacity: 1;} .roomInfoParticipants { background: #fafafa; padding: 4px 9px;} #roomFiles b { padding: 0 30px 0 0;} #roomFiles b a { border-bottom: 1px dashed;} #roomFiles b a:hover { border: none;} .blockRoom form { margin: 0 0 9px 0;} .blockRoom.list .roomInfo { margin-top: 0;} .roomTitle { font-size: 18px; margin: 0 0 9px 0; letter-spacing: -0.05em; font-weight: bold;} .roomTitle img { vertical-align: top;} .roomsWithYou .roomTitle { margin: 0;} .users_show .roomTitle { font-weight: normal;} .titleTitle { margin: 0 0 0 18px; display: block;} .titleLock { display: block; height: 18px; width:18px; float: left; background:url(/images/iconLocked.png);} .titleLock.open { display: block; height: 18px; width:18px; float: left; background:url(/images/iconUnlocked.png);} .roomImage { float: left; position: relative; padding: 1px; border: 1px solid #ccc;} .roomImage span { display: none; position: absolute; background: white; top: 0px; left:0px; width: 37px; height: 37px; opacity: 0.8; background: white url(/images/boxSettingsBg.png) center center no-repeat;} .roomImage:hover span {display: block;} .roomImage img { vertical-align: top;} .roomHolder { position: relative; margin: 0 0 0 45px; } .roomMenu { overflow: hidden; padding: 0 0 18px 0;} .roomMenu a { display: block; float: left; padding: 4px 9px;background: white url(/images/boxBg.png) bottom repeat-x; border: 1px solid #eee; border-left: 0; border-bottom: 1px solid #ccc;color: #999; text-shadow: 0 1px white; height: 18px;} .roomMenu a.first { border-left: 1px solid #eee;} .rooms_show .roomMenu a.rooms_show, .presences .roomMenu a.presences, .transcripts .roomMenu a.transcripts, .uploads_index .roomMenu a.uploads_index, .rooms_edit .roomMenu a.rooms_edit, .integrations .roomMenu a.integrations { border-left: 1px solid #ccc; padding: 4px 9px 4px 8px; border-right: 1px solid #ccc; background: white; color: #666; opacity: 1;} .presences .roomMenu a.presences, { padding: 4px 9px; border-left: 1px solid #eee;} .roomMenu a.last, .rooms_edit .roomMenu a.rooms_edit { border-right: 1px solid #ddd;} .roomMenu a:hover { color: black;} .roomStatus { height:1%;padding: 0 0 0 16px; background: url(/images/status/statusOnline.png) 0 2px no-repeat;} .roomActivity { font-style: italic; color: #999; padding: 3px 0 0 0; font-size: 11px;} .roomId { padding: 0 0 0 16px; background: url(/images/smallJacondaIcon.png) 0 2px no-repeat; word-wrap: break-word; margin: 0 0 9px 0;} .roomId div { font-size: 11px; } /*roomUsers*/ .roomUsers { height: 180px; overflow-y: auto;} .roomUsers .regular, .roomUsers .owner { font-weight: bold;} /* .roomUsers .me a { color: #666;} .roomUsers .me a:hover { color: #777;} */ .roomUsers img { vertical-align: middle; position:realtive; margin: -2px 4px 0 0;} /*roomChat*/ .roomChat { } table.chatContent { width: 100%; border-bottom: 1px dotted #A9C4C9; border-collapse: collapse; text-shadow: 0 1px rgba(255,255,255,0.7);} .chatContent tr {} .chatContent td { vertical-align: top; padding: 0 0 5px 0;} .chatContent td.nickname { background-position: right 3px; background-repeat: no-repeat; border-right: 1px solid #ddd; padding: 0 5px 0 5px; text-align: right;} .chatContent td.nickname b { display: block; white-space: nowrap; padding: 0 0 0 5px; visibility: hidden; } .chatContent tr.nickname td.nickname b { visibility: visible;} .chatContent td.nickname div{ position: relative;} .chatContent td.nickname a.control { display: none; height: 16px; width:16px; position: absolute; left: -10px; top:-10px; background: url(/images/controls/delete.png) left top no-repeat;} .chatContent tr:hover a.control { display: block; opacity: 0.5;} .chatContent tr:hover .control:hover { display: block; opacity: 1;} .chatContent td.message { width: 100%; padding: 0 5px 5px 0;} .chatContent td.message .readFull { font-weight: bold; color: #ccc; margin: 0 0 0 9px;} .chatContent td.message .readFull:hover { color: #333; text-decoration: underline;} .chatContent td.message .match { padding: 2px 6px;} .chatContent td.message div { display: table; table-layout: fixed; width: 100%; word-wrap: break-word; } .chatContent td.message div span.message { padding: 0px 6px; display: block;} .chatContent td.message a { text-decoration: underline;} .chatContent tr.nickname td { border-top: 1px solid #ddd; padding-top: 5px; } .chatContent tr.email td.nickname { background: url(/images/messages/email.png) 2px 5px no-repeat; padding-left: 20px;} .chatContent td.message .time { float: right; display: none; font-size: 10px; padding-left: 10px; } .chatContent td.message .time a { text-decoration: none; color: #999;} .chatContent tr.time td.message span.time { display: inline; } .chatContent tr /* .message span */ { background: none; } .chatContent tr.my /* .message span */{ color: #2e6093; background: #EFF7FC; } .chatContent tr.my a { color: #3e7dda;} .chatContent tr.my a:hover { color: #6295e1;} .chatContent tr.my.nickname td { xborder-top: 1px solid #68a2cf;} .chatContent tr.my .time a{ color: #8FB8DD;} .chatContent tr.me /* .message span */ { font-weight: bold; font-style: italic;} .chatContent tr.api /* .message span */{ background: #e8ffe8; xborder-top: 1px solid #a3c159; color: #5b683c} .chatContent tr.api .time a{ color: #98A46A } .chatContent tr.voice /* .message span */{ color: #999; font-weight: bold;} /*.chatContent tr.voice .nickname { background-image:url(/images/messages/voice.png);}*/ .chatContent tr.service /* .message span */{background: #FDEBAE; border-top: 1px solid #e6c555; color: #9e660d; font-weight: bold;} .chatContent tr.service .time a{ color: #DCBE77;} .chatContent td.welcome {} .transcripts_search table.chatContent td.nickname b { visibility: visible;} .chatContent tr.femtoo td, .chatContent tr.tender td, .chatContent tr.heroku td, .chatContent tr.beanstalk_deploy td, .chatContent tr.beanstalk td, .chatContent tr.bitbucket td, .chatContent tr.googlecode td, .chatContent tr.github td, .chatContent tr.lighthouse td, .chatContent tr.api td, .chatContent tr.voice td, .chatContent tr.greeting td, .chatContent tr.pivotaltracker td, .chatContent tr.email td, .transcripts_search table.chatContent td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 5px;padding-bottom: 5px;} /*autolink*/ .chatContent td.message .autolink { margin: 0 0 5px 0;} .chatContent td.message .autolink.image img { padding: 5px; background: white; border: 1px solid #ccc; max-width:352px; max-height:300px; } .chatContent td.message .autolink.youtube img { max-width: 352px; max-height: 264px; } .chatContent td.message .autolink.youtube a { padding: 5px; background: white; border: 1px solid #ccc; width: 352px; height: 289px; display: block; background-image:url(/images/youtube-player.png); } .chatContent td.message .autolink.twitter { padding: 1px; width: 400px; overflow: hidden; background: #ccc;display: block;} .chatContent td.message .autolink.twitter div { background: white;overflow: hidden; padding: 9px; display: block; float: none; width: auto;} .chatContent td.message .autolink.twitter img { float: left; margin: 0 20px 0 0px;} /*roomSay*/ .roomSay { margin: 0 297px 0 18px; background:white;} .roomSay form { margin: 0 0 -9px 18px; position: relative; z-index: 300;} .roomSay table { width: 100%; position: relative; z-index: 400; border-collapse: collapse; border: 0;} .roomSay .send { width: 72px; text-align: right;} .roomSay textarea { width: 100%; line-height: 14px; height: 58px; resize: vertical; border: 1px solid #666; border-color: #666 #ccc #ccc #666; resize: none; background: white;} .roomSay textarea.connecting { background: url(/images/loading.gif) 12px center no-repeat; border-color: #ccc;} .roomSay textarea.disabled { background: #f0f0f0;} .roomSay textarea.error { background-color: #fff; border-color: #fafafa;} /*list People*/ .blockPeople { border-collapse: collapse; margin: 0 0 0 0;} .blockPeople td { padding: 9px 27px 9px 0; border-bottom: 1px solid #eee;} .blockPeople tr.header td{ border-bottom: 1px solid #ccc; padding: 18px 0 0 0;} .blockPeople tr.header h1, .blockPeople tr.header h2 { padding-top: 0;} .blockPeople .photo div{ position: relative; padding-left: 10px;} .blockPeople .photo img{ border: 1px solid #ccc; padding: 4px;} .blockPeople .owner .photo img { background: #F2D68C;} .blockPeople a.control, .blockRoom a.control { display: block; width: 32px; height: 32px; text-align: center; position: absolute; top: -10px; left: -4px; display: none;} .blockRoom a.control { top: 2px; left: 4px;} a.control { opacity: 0.8; } a.control.kick { background: url(/images/controls/minus.png) center center no-repeat;} a.control.add { background: url(/images/controls/plus.png) center center no-repeat;} .blockPeople tr:hover { background: #fafafa; } .blockPeople tr.header:hover { background: transparent;} .blockPeople .photo:hover a.control, .blockRoom:hover a.control { display: block;} a.control:hover { opacity: 1; } .blockPeople td.contacts { font-weight: bold; text-align: right;} .blockPeople .roomsWithMe .roomTitle { float: left; margin: 0 9px 9px 0; font-weight: normal;} .blockGuests { margin: -9px 0 0 -36px;} .blockGuests .itemPeople { padding: 0 9px 0 0px; display: inline-block;} .blockGuests .guest { text-align: center;} .guestItem { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 18px 0 0 36px;} .itemPeople { padding: 0 18px 0 0;} td.itemPeople { width: 30%;} .peopleInlay .checkbox { float: left} .itemPeople .peopleInfo { margin: 0 0 0 81px;} .itemPeople .peopleJob { margin: 0 0 0 18px; color: #999;} .itemPeople .peopleJob strong { display: block;} .peopleStatus { width:18px; height:18px; float: left; background-position:0 4px; background-repeat: no-repeat;} .peopleStatus.online { background-image: url(/images/status/statusOnline.png);} .peopleStatus.away { background-image: url(/images/status/statusAway.png);} .peopleStatus.unavailable { background-image: url(/images/status/statusUnavailable.png);} .peopleName { font-size: 18px; white-space: nowrap;} .peopleName .normal { visibility: hidden; margin: 0 0 0 9px;} .peopleName:hover .normal { visibility: visible; text-decoration: none;} .peopleId { padding: 0 0 0 20px; background-position:0 2px; background-repeat: no-repeat; } .peopleId.jabber { background-image: url(/images/protocol/jabber.png);} .peopleId.skype { background-image: url(/images/protocol/skype.png);} .peopleId.msn { background-image: url(/images/protocol/msn.png);} .peopleId.email { background-image: url(/images/protocol/email.png);} .peopleId.phone { background-image: url(/images/protocol/phone.png);} .peopleId.twitter { background-image: url(/images/protocol/twitter.png);} .peopleId.jabber span { margin: 0 4px 0 0;} .peopleId.jabber a {} .peopleId:hover { } .peopleId a { white-space: nowrap;} /*add contact*/ .addContact, .addAuto { padding: 0 0 0 36px; line-height: 36px; margin: 0 0 18px 0;} .addContact { zoom: 1; background: url(/images/addContactInput.png) left top no-repeat; height: 36px;} .addContact span { float: left; display: block; height: 36px; width: 288px; margin: 0 0 0 0; padding: 0 0 0 8px;} .addContact input.text {background: none;width: 260px; height: 30px; font-size: 18px; color: #ccc; border: 0;padding: 3px 0 0 0;} .addContact input.active { color: #444;} .addContact.nice .button, .addContact.nice .button strong { background-image: url(/images/addContactButtonBg.png); } /*integration*/ .integration dl { background: #f0f0f0; width: 100%; overflow: hidden; margin: 0 0 9px 0;} .integration dt { float: left; width: 126px; padding: 9px 0px 9px 18px;} .integration dd { padding: 9px 18px 9px 0; margin: 0 0 0 144px;} .integration textarea, .integration input.text { font-family: Monaco, Courier; width: 90%; margin: 0 0 4px 0; color: #6a6a6a; white-space: nowrap; } .integration .errorExplanation { margin: 0 0 9px 0;} /* user info*/ table.userInfo { width: 100%; border-collapse: collapse; margin: 18px 0 18px 0;} .userInfo td { padding: 0px 18px 9px 0px;} .userInfo td.userName { padding-bottom: 5px;} .userInfo .userTitle { margin: 0 0 9px 0;} .userInfo td.photo { width: 72px;} .userInfo .photo img {height: 72px; width:72px;} .userInfo td .ajax { visibility: hidden; margin: 0 0 0 9px;} .userInfo td:hover .ajax { visibility: visible;} /*pricing*/ .pageContent.pricing { padding: 0;} .pageContent.pricing .contentSingle { padding: 0;} .pricingText { padding: 0 36px 18px 36px;} .pricingHeader h1 { font-size: 27px; text-align: center; margin: 18px 0 0 0; color: #222;} .pricingHeader h2 { font-weight: normal; text-align: center; color: #444; margin: 0 0 0 0; padding: 0;} .pricing h3 { font-weight: normal; font-size: 14px;} .pricingPlans h2 { margin:0 0 9px 0; padding:0;} .pricing .pricingPlans { text-align: center; margin: 27px 0 18px -18px; } .pricing .pricingPlan { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 0 0 0 18px; } .pricing .planInlay { border: 2px solid #4B9CC8; float: left; padding: 18px 9px; background:#DAEDFB; width: 133px; line-height: 22px; font-size: 14px; color: #666; overflow: hidden; margin: 16px 0 0 0;} .pricing .planInlay.recommended { margin-top: 0; padding: 18px 18px 18px 18px; font-size: 15px; background: #AEDCF4 url(/images/frameL.jpg) -83px -9px no-repeat; -moz-box-shadow: 0 0 10px rgba(128,128,128,0.5); -webkit-box-shadow: 0 0 10px rgba(128,128,128,0.5); box-shadow: 0 0 10px rgba(128,128,128,0.5);} .pricing .pricingPlans span { font-size: 16px; color: #275972; font-weight: bold;} .pricing .pricingPlans .planPrice span { font-size: 27px; line-height: 27px;color: #237921;} .pricing .pricingPlans .disabled span{ color: #999; } .pricing .pricingPlans td { width: 25%; padding: 9px;} .pricing .pricingPlans td.recommended { padding: 0;} .pricing .recommended .planTitle { margin: 0 0 27px 0;} .pricing .free h2 { font-size: 18px;} .pricing .cannot { border-color: #9acee4; color: #c0c0c0; background: white;} .pricing .cannot span { color: #8cacb9; } .pricing .cannot .planPrice span { color: #8dbb8f; } .pricing .cannot .cannot { color: #700; } .pricing .cannot .cannot span { color: #c00;} .pricing .cannot h2 { font-size: 18px; color: #9acfe4; } .pricing .nice { height: 36px; margin:9px 0 0 0; text-align: center; line-height: 36px;} .pricing .nice a:hover { text-decoration: none; border: none;} .pricing .nice a, .pricing .nice i, .pricing .nice strong { background-color:#DAEDFB;background-image:url(/images/buttonBgFront.png); } .pricing .nice input { text-align: center; text-shadow: 0 -1px #165316; } .pricing .cannot .nice a, .pricing .cannot .nice i, .pricing .cannot .nice strong { background-color:#DAEDFB;background-image:url(/images/buttonBgFrontPale.png); } .pricing .cannot input { text-shadow: 0 -1px #97B39C; } .pricing .nice a { width: 112px;} .pricing .nice strong { width: 94px;} .pricingPsst { color: #999; padding: 0 0 18px 9px; text-align: center;} .pricing .recommended .nice a, .pricing .recommended .nice strong { background-color: #AEDCF4; } .pricing .planTitle { font-size: 27px; line-height: 27px; color: #4B9CC8; letter-spacing: -1px; } .pricing .planStorage { margin: 0 0 9px 0;} .pricing .planTitle, .pricing .planPrice, .pricing span { text-shadow: 0 1px #fff; -moz-text-shadow: 0 1px #fff; -webkit-text-shadow: 0 1px #fff;} .pricing .recommended span { font-size: 17px;} .pricing .recommended .planTitle { color: #2E7EA2; } .pricing .recommended .planPrice span { font-size: 30px; line-height: 30px;} .pricingAbout { background: #AEDCF4; padding:2px; text-align: left;} .pricingAbout div { padding: 18px 36px; background: white;} /* ref */ .ref { border: 1px solid #ccc; margin: 8px 0 17px 0; padding: 18px 18px 18px 65px; display: inline-block; background: url(/images/icons/iconRef.png) 18px center no-repeat;} .refDiscount { text-align: center; margin: 27px 0 27px 0;} .refDiscount span { background: #ffcc33; color: #642; padding: 9px 18px; text-shadow: none; font-weight: 500;} .refPaid { padding: 9px 18px 9px 65px; margin: 18px 0;display: inline-block; background: #F0F5F6 url(/images/icons/iconStats.png) 18px center no-repeat; font-size: 18px; color: #666;} .refTable td, .refTable th { padding: 0 27px 9px 0; color: #999; } .refTable th { padding-bottom: 0;} .refTable thead tr { border-bottom: 1px solid #ccc !important;} .refTable em, .refTable i { font-style: normal; font-weight: bold;} .refTable em { color: #666;} .apiToken { padding: 9px 18px 9px 45px; background: #F0F5F6 url(/images/roommenu/integrations.png) 18px center no-repeat; display: inline-block;} /* quick Start */ .quickStart li a { color: #666;} .quickStart li a:hover { text-decoration: underline;} .quickStart .done, .quickStart .done a { text-decoration: line-through; color: #ccc;} .close { float: right; display: block; text-decoration: none; font-weight: bold; color: #ccc;} /* account info */ table.accountInfo, table.accountInfo .stats { width: 100%;} table.accountInfo td { white-space: nowrap; padding: 0 9px 0 0;} table.accountInfo td.stats { padding: 0 9px 0 9px;} /* single use*/ table.inviteMembers td { padding: 0 18px 18px 0;} /* progress bar */ .progressBar { border: 1px solid #ccc;margin: 3px 0 0 0; padding: 1px;} .progressBar .bar { height: 9px; background: #ccc; } /*import*/ table.import td { padding: 0 18px 4px 0;} .importCampfire { margin: 9px 0 0 0; padding: 18px 18px 18px 150px; background: url(/images/logos/campfire.png) 9px 14px no-repeat; border: 1px solid #ccc;} .grantAccess { margin: 9px 0 18px 0;} .grantAccess label { margin: 0 0 9px 0;} .importFrom img { margin: 0 18px 0 0;} /* errors */ .upgradeAccount { background: #ff9; padding: 5px 10px; color: #444; } .upgradeAccount:hover { color: #666;} .flashNotice, .flashError { position: absolute; top: 0; left: 50%; width: 360px; margin: 0 0 0 -216px; display: block; z-index: 200; padding: 9px 18px 9px 9px; text-align: center; cursor: pointer;} .flashNotice span, .flashError span { float: right; } .flashNotice, .flashError, .errorExplanation, .justMessage { font-weight: bold; padding: 9px 36px;} .flashNotice { text-shadow: 0 1px #9f9; background: #44ee44; color: #060;} .flashError, .errorExplanation, .justMessage { text-shadow: 0 1px #fe6; background: #ffcc33; color: #642; } .errorExplanation h2, .errorExplanation p { display: none;} .errorExplanation ul { margin: 0;} .login .errorExplanation { margin: 9px 0;} .columns .errorExplanation { margin: 0 0 18px 0;} .justMessage { padding: 18px;} .errorExplanation.warning { margin: 18px 0; padding: 18px 18px 18px 90px; background: #ffcc33 url(/images/warning.png) 18px center no-repeat;} .errorExplanation.payment { margin: 18px 0; padding: 18px 18px 18px 118px; color: #3c414c; text-shadow: #fff 0 1px; background: #dff1fc url(/images/payment.png) 18px center no-repeat;} /* upload */ .uploadStripe { margin: 4px 1px; padding: 1px; border: 1px solid #666; } #upload_spinner { height: 9px; background: url(/images/stripeAnimation.gif); } /*fixed*/ body.chat { background: white;} .chat .pageTop { position: fixed; top:0; left: 0; width: 100%; height: 90px; z-index: 100; margin: 0;} .chat .pageTop .headerMenu { margin-right: 36px;} .chat .pageTop .pageHeader { margin: 0 18px;} .chat .pageTop .pageRooms { margin: 0 18px;} .chat .pageBottom { position: fixed; bottom: 0; width: 100%; } .chat .pageFooter { background: #3a3a3a; padding: 0 36px; position: relative; z-index: 200;} .chat .pageBottom .pageContentBottom { margin: 0 18px; position: relative; z-index: 99;} .chat .pageContent { margin: 0 18px 0px 18px !important; padding-top: 108px; padding-bottom: 36px;height: 100%; overflow: none;} .chat .contentBody { margin-bottom: 90px;} /*.chat .contentSidebar { position: fixed; top: 108px; right: 18px;}*/ .chat .pageTopShadow { height: 27px; background: url(/images/pageTopShadow.png) bottom repeat-x; margin: 0 252px 0 18px;} .chat .pageOverlayRight, .chat .pageOverlayLeft { height: 100%; width: 18px; position: fixed; top: 0; right:0; background: #3a3a3a;} .chat .pageOverlayLeft { left: 0; right: auto;} .chat .pageBottomShadow { height: 18px; background: url(/images/pageBottomShadow.png); margin: 0 297px 0 18px; } .share .addthis { text-align: center; width: 75px; height: 54px; margin: 18px auto ;} .share blockquote { border: 1px solid #ccc; padding: 18px; width: 300px; margin: 0 auto; color: #999;} .share .facebook { height: 100px;} .corkboard { text-align: center; margin: 36px 0; } .corkboard .board { display: inline-block; width: 500px; text-align: left; margin: 0 auto; background: white; box-shadow: 0 2px 2px rgba(0,0,0,0.5); box-shadow: 0 5px 18px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 18px rgba(0,0,0,0.3); -webkit-box-shadow: 0 5px 18px rgba(0,0,0,0.3); padding: 0 0 0 150px; background: url(/images/checklist.png) 27px 36px no-repeat;} .corkboard .board .paper { padding: 18px 36px; } .chat .board { margin:0 18px; width: auto;} /*box-shadow*/ /*.pageContentBottomInlay, { box-shadow: 0 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3); } */ .flashNotice, .flashError { box-shadow: 0 4px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 9px rgba(0,0,0,0.5); } /*border-radius*/ .rc9, .layer .layerBody .upload , .refPaid, .apiToken, .ref, .refDiscount span, .roomInfoParticipants, .roomJabber, .userJabber, .importCampfire, .pricing .planInlay, .pricingAbout div, .integration dl, .message span, .blockRoom.list .roomInfo, .headerMenu, .justMessage, .columnPrimary .errorExplanation, .integration .errorExplanation, .columnSecondary .errorExplanation, .login .errorExplanation,.errorExplanation.warning, .errorExplanation.payment, .pricing .errorExplanation, .mainContent .pageContent,.blockPeople tr th:last-child span,.corkboard .board { border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -webkit-background-clip: padding-box; } .pricingAbout, .layer .layerBody { border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; -webkit-background-clip: padding-box; } /*drop layer*/ .layer { display: none;} .drop .layer { display: block;} .drop .layer .layerBack {background: #333;height: 100%;left: 0px;opacity: 0.8; position: fixed; top: 0px; width: 100%; z-index:9998; box-shadow: 0 4px 9px rgba(0,0,0,0.5); } .drop .layer .layerBody { background: white;left: 50%;margin: 0px 0px 0px -155px;padding: 0;position: fixed;top: 40%;width: 310px;z-index:9999; -webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 9px rgba(0,0,0,0.5);} .drop .layer .layerBody .upload { font-size: 18px; border: 3px dashed #ccc; padding: 18px 18px 18px 54px; color: #666; font-weight: 500; margin: 4px; text-align: center; background: url(/images/icons/iconFiles.png) 18px center no-repeat;} .whatnow { padding: 36px 0 0 0; overflow: hidden;} .whatnow h2 { margin: 0 0 18px 0;} .whatnow div { width: 192px; padding: 0 0 0 54px; text-align: left; float: left; margin: 0 0 0 36px;} .whatnow div { margin-bottom: 18px; } .whatnow div p { color: #999; } .whatnow .whatnow1 { background: url(/images/thankyou/gtalkBig.png) 0 -3px no-repeat;} .whatnow .whatnow2 { background: url(/images/thankyou/connect.png) 0 0 no-repeat;} .whatnow .whatnow3 { background: url(/images/thankyou/email.png) 0 0 no-repeat;} .rc3, .progressBar, .progressBar .bar, .nice input.text,.nice textarea, .nice input.password, .footerMenu .help{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-background-clip: padding-box; } .rct9, .pageRoomsInlay, .roomsTab, .login .pageContent { -webkit-border-top-left-radius: 9px;-webkit-border-top-right-radius: 9px;-moz-border-radius-topleft: 9px;-moz-border-radius-topright: 9px;border-top-left-radius: 9px;border-top-right-radius: 9px;-webkit-background-clip: padding-box;} .rcb9,.flashNotice, .flashError, .errorExplanation, .headerMenu, /*.wide .pageContent,*/ .pageContentBottomInlay { -webkit-border-bottom-right-radius:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-bottomleft:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px; -webkit-background-clip: padding-box;} .rcl9,.blockPeople td.control a, .roomMenu a.first {-webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px;-webkit-background-clip: padding-box;} .rcr9, .roomMenu a.last {-webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px;-webkit-background-clip: padding-box;} .rctl9 { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; border-top-left-radius: 9px;} .rctr9 { -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; border-top-right-radius: 9px;-webkit-background-clip: padding-box;} /*important stuff*/ .lv_DataText .lv_Title { font-weight: normal !important;} .lv_Title a { color: white; border-color: white;} .ajax { border-bottom: 1px dashed rgba(#27,#59,#A2,0.5); !important} .ajax:hover, .peopleName a.normal:hover { none;border-bottom: 1px dashed #2759A2; !important} /*search results*/ .match { background-color: #c4f4b0; } .clearfix:after, xform:after, fieldset:after, .pageContent:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, xform, fieldset, .pageContent { display: inline-block; } html[xmlns] .clearfix, html[xmlns] xform, html[xmlns] fieldset, html[xmlns] .pageContent { display: block; } * html .clearfix, * html xform, * html fieldset, * html .pageContent { height: 1%; }